:root{--ink:#181417;--rose:#a86f83;--pale:#fbf4f1;--line:#eadbd9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fffaf8;font-family:Manrope,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.nav{height:74px;background:rgba(255,250,248,.96);display:flex;align-items:center;padding:0 7%;gap:35px;position:sticky;top:0;z-index:50;border-bottom:1px solid #f3e9e6}.logo{margin-right:auto;color:#9a6d7d;display:flex;flex-direction:column;font-family:'Playfair Display',serif;font-size:18px}.logo small{font:5px Manrope;letter-spacing:2px;text-align:center}.nav nav{display:flex;gap:30px;font-size:11px}.nav nav a.active{font-weight:700}.pill{display:inline-flex;align-items:center;gap:14px;background:#a96f83;color:#fff;padding:14px 24px;border-radius:30px;font-size:11px}.pill span{font-size:17px}.burger{display:none}.hero{height:640px;position:relative;overflow:hidden;background:#ead7d1}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,237,232,.97) 0%,rgba(248,237,232,.88) 34%,rgba(248,237,232,.12) 55%,rgba(248,237,232,.02) 100%),url('assets/apropos-hero-medina.webp') center 46%/cover no-repeat}.hero-copy{position:absolute;left:7%;top:95px;width:42%;z-index:2}.kicker{font-size:10px;font-weight:700;letter-spacing:2.3px;color:#b17b8d;margin:0 0 18px}.hero h1,.section h2,.monet h2,.cta h2{font-family:'Playfair Display',serif;font-weight:500;line-height:.98;margin:0}.hero h1{font-size:62px}.hero h1 em,h2 em{color:#ad768a;font-weight:500}.hero-copy>p{max-width:510px;line-height:1.7;margin:25px 0 10px}.micro{color:#ad768a;font-size:9px;letter-spacing:1.7px;font-weight:700}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:20px}.line{width:55px;height:1px;background:#a98f90}.hero-actions i,.hero-script,.monet-script,blockquote i{font-family:'Playfair Display',serif;font-style:italic;color:#a77889;font-size:17px}.hero-id{position:absolute;right:8%;top:120px;z-index:2;display:flex;flex-direction:column}.hero-id strong{font:20px 'Playfair Display',serif}.hero-id span{font-size:8px;letter-spacing:1px;line-height:1.6;margin-top:8px}.hero-script{position:absolute;right:8%;bottom:70px;color:#fff;font-size:28px;line-height:1.4;transform:rotate(-4deg)}.section{padding:70px 7%}.two{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.section h2{font-size:50px}.parcours .two p{max-width:610px;line-height:1.6}.parcours blockquote{font:italic 22px/1.5 'Playfair Display',serif;color:#4d3e43;position:relative}.parcours blockquote b{display:block;font-size:72px;color:#c995a5;line-height:.4}.parcours blockquote i{display:block;text-align:right;font-size:28px;margin-top:20px}.values{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.values article{text-align:center;padding:0 28px;border-right:1px solid var(--line)}.values article:last-child{border:0}.values span{display:grid;place-items:center;margin:auto auto 16px;width:58px;height:58px;border-radius:50%;background:#f7e9e8;color:#ae7185;font-size:30px}.values b{display:block;font-size:16px}.values p{font-size:11px;line-height:1.5;color:#5f5557}.monet{height:430px;position:relative;overflow:hidden;color:#fff;padding:60px 7%;display:flex;align-items:center}.monet-bg{position:absolute;inset:-80px 0;background:url('assets/images/bandeau-monet.webp') center 52%/cover no-repeat;filter:saturate(.82) brightness(.72)}.monet:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,45,55,.45),rgba(28,45,55,.08))}.monet-copy{z-index:2;width:55%}.light{color:#fff}.monet h2{font-size:57px}.monet h2 em{color:#fff}.monet-copy>p:last-child{line-height:1.7;max-width:600px}.monet-script{z-index:2;margin-left:auto;color:#fff;font-size:30px;line-height:1.5;transform:rotate(-5deg)}.guide{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.guide-img{position:relative}.guide-img img{width:100%;display:block}.guide-img span{position:absolute;right:8%;bottom:10%;width:110px;height:110px;border-radius:50%;background:#c79aa8;color:#fff;display:grid;place-items:center;text-align:center;font:italic 18px 'Playfair Display',serif}.guide-copy h2{font-size:45px}.guide-copy h2 span{color:#76819c}.guide-copy p{line-height:1.65}.mini{font-size:9px;margin-top:20px;color:#7e6c72}.social{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.social h2 span{color:#76819c}.social-copy>p{max-width:600px;line-height:1.65}.ig{font-size:34px;color:#b87c91;margin-left:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.stats strong{display:block;font:31px 'Playfair Display',serif}.stats small{font-size:9px}.collage{height:420px;display:grid;grid-template-columns:1fr 1.7fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:8px}.p{width:100%;height:100%;object-fit:cover;border-radius:14px}.p2{grid-column:2;grid-row:1/4}.engagements{position:relative;overflow:hidden}.flower{position:absolute;right:-50px;top:-120px;width:45%;height:120%;background:url('assets/apropos-floral-shadow.webp') center/cover;opacity:.16}.engagements>*:not(.flower){position:relative}.cta{position:relative;overflow:hidden;min-height:330px;padding:70px 7%;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.silk{position:absolute;inset:-70px 0;background:url('assets/images/silk.webp') center/cover;opacity:.85}.cta:after{content:"";position:absolute;inset:0;background:rgba(244,220,229,.35)}.cta>*:not(.silk){position:relative;z-index:2}.cta h2{font-size:49px}.outline{display:inline-block;border:1px solid #aa7b89;border-radius:30px;padding:13px 28px;margin-left:15px;font-size:11px}.cta ul{list-style:none;font-size:13px;line-height:2.5}.cta li:before{content:'✓';color:#9e6478;margin-right:14px}footer{padding:38px 7% 22px;background:#fff;display:grid;grid-template-columns:1fr 1fr 3fr 1fr;gap:25px;align-items:center;font-size:9px}footer nav{display:flex;gap:18px}.foot-bottom{grid-column:1/-1;border-top:1px solid #eee1df;padding-top:18px;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.left{transform:translateX(-55px)}.reveal.right{transform:translateX(55px)}.reveal.show{opacity:1;transform:none}.stagger article{opacity:0;transform:translateY(28px);transition:.7s}.stagger.show article{opacity:1;transform:none}.stagger.show article:nth-child(2){transition-delay:.12s}.stagger.show article:nth-child(3){transition-delay:.24s}.stagger.show article:nth-child(4){transition-delay:.36s}@media(max-width:800px){.nav{padding:0 5%;height:64px}.nav nav,.nav>.pill{display:none}.burger{display:block;border:0;background:none;font-size:22px}.nav.open nav{display:flex;position:absolute;top:64px;left:0;right:0;background:#fffaf8;flex-direction:column;padding:25px}.hero{height:700px}.hero-bg{background:linear-gradient(180deg,rgba(248,237,232,.98) 0%,rgba(248,237,232,.75) 45%,rgba(248,237,232,.1) 72%),url('assets/images/medina-portrait.webp') 58% bottom/cover}.hero-copy{left:6%;top:55px;width:88%}.hero h1{font-size:47px}.hero-id{display:none}.hero-script{right:6%;bottom:35px;font-size:22px}.two,.guide,.social,.cta{grid-template-columns:1fr;gap:35px}.section{padding:55px 6%}.section h2,.monet h2,.cta h2{font-size:39px}.values{grid-template-columns:1fr 1fr;gap:25px}.values article{border:0;padding:10px}.monet{height:500px;padding:50px 6%;align-items:flex-start}.monet-copy{width:100%}.monet-script{position:absolute;right:8%;bottom:40px}.guide-img{order:2}.social .collage{height:350px}.stats{gap:10px}.stats strong{font-size:24px}.cta ul{padding:0}.outline{margin:12px 0 0}footer{grid-template-columns:1fr 1fr}footer nav{grid-column:1/-1;flex-wrap:wrap}.foot-bottom{flex-direction:column;gap:10px}}

/* V2 corrections: shared header, clean SVG icons, correct images */
.top{height:74px;background:rgba(255,250,248,.96);display:flex;align-items:center;padding:0 7%;gap:35px;position:sticky;top:0;z-index:50;border-bottom:1px solid #f3e9e6}.top .logo{margin-right:auto;color:#9a6d7d;display:flex;flex-direction:column;font-family:'Playfair Display',serif;font-size:18px}.top .logo small{font:5px Manrope;letter-spacing:2px;text-align:center}.top nav{display:flex;gap:30px;font-size:11px}.top nav a.active{font-weight:700}.top .btn{display:inline-flex;align-items:center;justify-content:center;background:#a96f83;color:#fff;padding:14px 24px;border-radius:30px;font-size:11px}.top .burger{display:none}.collage .p2{object-fit:contain;background:#fff;border:1px solid #f0e4e2;padding:4px}.ig{display:inline-grid;place-items:center;width:34px;height:34px;margin-left:22px;color:#b87c91;vertical-align:middle}.ig svg{width:30px;height:30px}.values span svg{width:29px;height:29px}.hero-bg{will-change:transform}.monet-bg{will-change:transform}
@media(max-width:800px){.top{padding:0 5%;height:64px}.top nav,.top>.header-btn{display:none}.top .burger{display:block;border:0;background:none;font-size:22px}.top.open nav{display:flex;position:absolute;top:64px;left:0;right:0;background:#fffaf8;flex-direction:column;padding:25px;gap:18px}.hero-bg{background:linear-gradient(180deg,rgba(248,237,232,.96) 0%,rgba(248,237,232,.75) 42%,rgba(248,237,232,.08) 70%),url('assets/apropos-hero-medina.webp') 67% center/cover no-repeat}.collage .p2{object-fit:contain}}


/* V3 — cohérence stricte avec le header de index.html */
.top{height:72px!important;padding:0 5.5%!important;display:flex!important;align-items:center!important;gap:35px!important;background:#fffaf7!important;position:sticky!important;top:0!important;z-index:100!important;border:0!important}
.top .logo{font:24px Italiana,serif!important;color:#b27589!important;line-height:.85!important;margin-right:auto!important;display:block!important;white-space:nowrap!important}
.top .logo small{display:block!important;font:6px "Plus Jakarta Sans",sans-serif!important;letter-spacing:2px!important;margin-top:7px!important;text-align:left!important}
.top nav{display:flex!important;align-items:center!important;gap:27px!important;font:11px "Plus Jakarta Sans",sans-serif!important}
.top nav a{white-space:nowrap!important}
.top .header-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#b47289!important;color:#fff!important;border-radius:28px!important;padding:14px 22px!important;font:11px "Plus Jakarta Sans",sans-serif!important;border:1px solid #b47289!important}
.top .burger{display:none!important;background:none!important;border:0!important;font-size:24px!important}

/* Le bandeau philosophie utilise réellement Monet, sans gris artificiel. */
.monet{background-image:linear-gradient(90deg,rgba(34,47,52,.46),rgba(45,45,50,.16)),url('assets/images/bandeau-monet.webp')!important;background-size:cover!important;background-position:center 52%!important;background-repeat:no-repeat!important}
.monet-bg{display:none!important}
.monet:after{background:linear-gradient(90deg,rgba(28,45,55,.20),rgba(28,45,55,.02))!important}

/* Mockup Instagram : capture centrale volontairement beaucoup plus dézoomée. */
.collage{height:430px!important;grid-template-columns:1fr 1.45fr 1fr!important;gap:10px!important;align-items:stretch!important}
.collage .p2{object-fit:contain!important;object-position:center!important;background:#fff!important;border:1px solid #f0e4e2!important;padding:34px 22px!important;border-radius:18px!important}

@media(max-width:800px){
 .top{height:62px!important;padding:0 20px!important}
 .top nav,.top>.header-btn{display:none!important}
 .top .burger{display:block!important}
 .top.open nav{display:flex!important;position:absolute!important;top:62px!important;left:0!important;right:0!important;background:#fffaf7!important;flex-direction:column!important;padding:25px!important;gap:18px!important;align-items:flex-start!important}
 .collage{height:340px!important;grid-template-columns:1fr 1.35fr 1fr!important}
 .collage .p2{padding:26px 16px!important}
}
.story{max-width:1180px;margin:0 auto 90px;padding:64px 7%;background:#fbf4f1;border-radius:28px}.story h2{font-size:clamp(38px,4.5vw,68px);line-height:.96;margin:12px 0 35px}.story h2 em{color:#b7798d;font-weight:400}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;font-size:16px;line-height:1.75}.story-grid p{margin:0 0 18px}.story-signature{font-family:serif;font-style:italic;color:#b7798d;font-size:25px;margin-top:20px}@media(max-width:760px){.story{margin:0 18px 60px;padding:42px 25px}.story-grid{grid-template-columns:1fr;gap:8px}}


/* V5 FINAL — corrections validées 16/09 */
/* Header : mêmes valeurs que index.css, sans variante locale */
.top{height:72px!important;padding:0 5.5%!important;display:flex!important;align-items:center!important;gap:35px!important;background:#fffaf7!important;position:sticky!important;top:0!important;z-index:100!important;border:0!important}
.top .logo{font:24px Italiana,serif!important;color:#b27589!important;line-height:.85!important;margin-right:auto!important;display:block!important;white-space:nowrap!important}
.top .logo small{display:block!important;font:6px "Plus Jakarta Sans",sans-serif!important;letter-spacing:2px!important;margin-top:7px!important;text-align:left!important}
.top nav{display:flex!important;gap:27px!important;font:11px "Plus Jakarta Sans",sans-serif!important;align-items:center!important}
.top .header-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#b47289!important;color:#fff!important;border-radius:28px!important;padding:14px 22px!important;font:11px "Plus Jakarta Sans",sans-serif!important;border:1px solid #b47289!important}

/* Hero : vraie photo Monet/Giverny fournie, cadrage large (pas de portrait zoomé) */
.hero{height:640px!important;background:#f7eee9!important}
.hero-bg{inset:0!important;background-image:linear-gradient(90deg,rgba(250,241,236,.96) 0%,rgba(250,241,236,.83) 31%,rgba(250,241,236,.18) 49%,rgba(250,241,236,.02) 100%),url('assets/apropos-hero-medina.webp')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;transform:none!important}

/* Les bandeaux ne sont plus gris : Monet / floral / silk restent les vrais assets */
.monet{background-image:linear-gradient(90deg,rgba(30,42,47,.30),rgba(30,42,47,.06)),url('assets/images/bandeau-monet.webp')!important;background-size:cover!important;background-position:center 52%!important}
.flower{background-image:url('assets/apropos-floral-shadow.webp')!important}
.silk{background-image:url('assets/images/silk.webp')!important}

/* Réseaux : rose de la DA + SVG propre à côté du CTA */
.social h2 span{color:#b47289!important}
.ig{display:inline-grid!important;place-items:center!important;width:42px!important;height:42px!important;margin-left:14px!important;vertical-align:middle!important;color:#b47289!important;border:1px solid #d9a8b8!important;border-radius:12px!important;position:relative!important;top:1px!important}
.ig svg{display:block!important;width:24px!important;height:24px!important}

/* Mockup : vue d'ensemble, nettement dézoomée pour lire qu'il s'agit du profil Instagram */
.collage{height:430px!important;grid-template-columns:1fr 1.65fr 1fr!important;gap:10px!important}
.collage .p2{object-fit:contain!important;object-position:center!important;background:#fff!important;border:1px solid #f0e4e2!important;padding:62px 38px!important;border-radius:18px!important}

/* Mon histoire est une section indépendante : elle ne casse plus la grille du parcours */
.story{max-width:none!important;margin:0!important;padding:80px 7%!important;border-radius:0!important;background:#f8ecec!important}
.story-grid{max-width:1180px!important}

@media(max-width:800px){
 .top{height:62px!important;padding:0 20px!important}
 .top nav,.top>.header-btn{display:none!important}
 .top .burger{display:block!important}
 .top.open nav{display:flex!important;position:absolute!important;top:62px!important;left:0!important;right:0!important;background:#fffaf7!important;flex-direction:column!important;padding:25px!important;gap:18px!important;align-items:flex-start!important}
 .hero{height:700px!important}
 .hero-bg{background-image:linear-gradient(180deg,rgba(250,241,236,.96) 0%,rgba(250,241,236,.78) 39%,rgba(250,241,236,.12) 67%),url('assets/apropos-hero-medina.webp')!important;background-size:cover!important;background-position:65% center!important}
 .collage{height:350px!important;grid-template-columns:1fr 1.55fr 1fr!important}
 .collage .p2{padding:45px 20px!important}
 .story{padding:55px 6%!important}
}


/* V6 — corrections point par point validées */
/* 1. Citation : à droite du texte, à sa place d'origine */
.parcours .two{grid-template-columns:1.1fr .9fr!important;gap:100px!important;align-items:center!important}
.parcours blockquote{margin:0!important;align-self:center!important}

/* 2. Mon histoire : même système typographique éditorial que le reste du site */
.story h2{font-family:'Playfair Display',serif!important;font-weight:500!important;letter-spacing:0!important;line-height:.98!important}
.story h2 em{font-family:'Playfair Display',serif!important;font-style:italic!important;color:#b47289!important;font-weight:500!important}
.story-signature{font-family:'Playfair Display',serif!important}

/* 3. Instagram : le téléphone reste entièrement dans sa section */
.social{overflow:hidden!important;align-items:center!important}
.collage{height:350px!important;max-height:350px!important;align-self:center!important}
.collage .p2{padding:48px 34px!important;max-height:350px!important}

@media(max-width:800px){
 .parcours .two{grid-template-columns:1fr!important;gap:36px!important}
 .parcours blockquote{margin-top:4px!important}
 .collage{height:300px!important;max-height:300px!important}
 .collage .p2{padding:38px 20px!important;max-height:300px!important}
}

/* V7 — corrections validées : Mon histoire + mockup Instagram */
.story{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  max-width:none!important;
  margin:0!important;
  padding:82px 7%!important;
  border-radius:0!important;
  background:#fbf4f1 url('assets/apropos-floral-shadow.webp') center/cover no-repeat!important;
}
.story::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,250,248,.30);
  z-index:-1;
}
.story .kicker,
.story h2,
.story-grid,
.story-signature{position:relative;z-index:1}
.story h2{
  font-family:'Playfair Display',serif!important;
  font-weight:500!important;
  font-size:50px!important;
  line-height:.98!important;
  letter-spacing:0!important;
  max-width:980px;
  margin:0 0 34px!important;
}
.story h2 em{
  font-family:'Playfair Display',serif!important;
  font-weight:500!important;
  font-style:italic!important;
  color:#ad768a!important;
}
.story-grid{
  max-width:1180px!important;
  grid-template-columns:1fr 1fr!important;
  gap:55px!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.story-signature{
  font-family:'Playfair Display',serif!important;
  font-style:italic!important;
  color:#ad768a!important;
  font-size:22px!important;
}

/* Le téléphone reste lisible mais ne domine plus la mosaïque */
.social{overflow:hidden!important;align-items:center!important}
.collage{
  height:330px!important;
  max-height:330px!important;
  grid-template-columns:1fr 1.30fr 1fr!important;
  grid-template-rows:1fr 1fr 1fr!important;
  gap:9px!important;
  align-self:center!important;
}
.collage .p2{
  object-fit:contain!important;
  object-position:center!important;
  width:100%!important;
  height:100%!important;
  max-height:330px!important;
  padding:52px 38px!important;
  background:transparent!important;
  border:0!important;
  border-radius:14px!important;
}
@media(max-width:800px){
  .story{padding:58px 6%!important}
  .story h2{font-size:39px!important}
  .story-grid{grid-template-columns:1fr!important;gap:8px!important}
  .collage{height:285px!important;max-height:285px!important;grid-template-columns:1fr 1.25fr 1fr!important}
  .collage .p2{max-height:285px!important;padding:42px 24px!important}
}

/* V9 — CORRECTIONS VISIBLES DEMANDÉES 16/09/2026 */
/* MON HISTOIRE reprend exactement la typo des titres de la page d'accueil */
#mon-histoire h2{
  font-family:Italiana,serif!important;
  font-weight:400!important;
  font-size:48px!important;
  line-height:1.02!important;
  letter-spacing:0!important;
}
#mon-histoire h2 em{
  font-family:Italiana,serif!important;
  font-weight:400!important;
  font-style:italic!important;
  color:#c37b94!important;
}
#mon-histoire .story-grid{
  font-family:"Plus Jakarta Sans",sans-serif!important;
}
#mon-histoire .story-signature{
  font-family:Italiana,serif!important;
  font-style:italic!important;
}

/* MOCKUP TÉLÉPHONE : réduction réelle de l'image elle-même */
.social .collage{
  height:360px!important;
  grid-template-columns:1fr 210px 1fr!important;
  column-gap:14px!important;
  justify-content:center!important;
  align-items:center!important;
}
.social .collage .p2{
  grid-column:2!important;
  grid-row:1 / 4!important;
  width:190px!important;
  height:auto!important;
  max-width:190px!important;
  max-height:330px!important;
  padding:0!important;
  margin:auto!important;
  object-fit:contain!important;
  align-self:center!important;
  justify-self:center!important;
  background:transparent!important;
  border:0!important;
}
@media(max-width:800px){
  #mon-histoire h2{font-size:39px!important}
  .social .collage{
    height:300px!important;
    grid-template-columns:1fr 145px 1fr!important;
  }
  .social .collage .p2{
    width:130px!important;
    max-width:130px!important;
    max-height:270px!important;
    padding:0!important;
  }
}

/* V10 — mosaïque Instagram : moins coupée, téléphone toujours contenu */
.social .collage{
  height:460px!important;
  max-height:460px!important;
  grid-template-columns:1fr 230px 1fr!important;
  grid-template-rows:1fr 1fr 1fr!important;
  column-gap:14px!important;
  row-gap:10px!important;
  overflow:hidden!important;
}
.social .collage .p:not(.p2){
  object-fit:cover!important;
  object-position:center!important;
}
.social .collage .p2{
  width:205px!important;
  max-width:205px!important;
  max-height:420px!important;
  height:auto!important;
  object-fit:contain!important;
  padding:0!important;
}
@media(max-width:800px){
  .social .collage{
    height:370px!important;
    max-height:370px!important;
    grid-template-columns:1fr 155px 1fr!important;
    row-gap:8px!important;
    column-gap:8px!important;
  }
  .social .collage .p2{
    width:140px!important;
    max-width:140px!important;
    max-height:340px!important;
  }
}

/* V11 — correction finale de la mosaïque Instagram */
.social{align-items:center!important;overflow:visible!important}
.social .collage{
  height:560px!important;
  max-height:none!important;
  grid-template-columns:minmax(150px,1fr) 250px minmax(150px,1fr)!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:12px 18px!important;
  overflow:visible!important;
  align-items:center!important;
}
/* Les photos latérales restent visibles : plus de crop agressif */
.social .collage .p:not(.p2){
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}
/* Mockup Instagram remis au centre et visible en entier */
.social .collage .p2{
  grid-column:2!important;
  grid-row:1 / 4!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  justify-self:center!important;
  align-self:center!important;
  width:245px!important;
  max-width:245px!important;
  height:auto!important;
  max-height:540px!important;
  object-fit:contain!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  z-index:3!important;
}
@media(max-width:800px){
  .social .collage{
    height:430px!important;
    grid-template-columns:minmax(80px,1fr) 145px minmax(80px,1fr)!important;
    gap:8px!important;
  }
  .social .collage .p2{
    width:140px!important;
    max-width:140px!important;
    max-height:415px!important;
  }
}