:root{--bg:#fbf6f2;--ink:#2d2028;--rose:#b86f89;--dark:#302635;--line:#e9dcd9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Plus Jakarta Sans",sans-serif;font-size:14px}a{color:inherit;text-decoration:none}img{display:block;width:100%}.top{height:72px;padding:0 5.5%;display:flex;align-items:center;gap:35px;background:#fffaf7;position:sticky;top:0;z-index:20}.logo{font:24px Italiana,serif;color:#b27589;line-height:.85;margin-right:auto}.logo small{display:block;font:6px "Plus Jakarta Sans";letter-spacing:2px;margin-top:7px}.top nav{display:flex;gap:27px;font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#b47289;color:#fff;border-radius:28px;padding:14px 22px;font-size:11px;border:1px solid #b47289}.outline{background:transparent;border-color:#fff}.outline.dark{border-color:#7d6570;color:#4b3741}.burger{display:none;background:none;border:0;font-size:24px}.hero{height:660px;position:relative;background:url('assets/images/hero-home.png') center/cover no-repeat;color:#fff;display:flex;align-items:center;padding:0 5.5%}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,25,32,.7),rgba(30,25,32,.1) 70%)}.heroCopy{position:relative;max-width:660px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:#bd7d91}.hero .eyebrow,.monet .eyebrow{color:#fff}.hero h1,.section h2,.pricing h2,.monet h2,.cta h2{font:64px/1.02 Italiana,serif;margin:18px 0}.hero h1 em,h2 em{font-style:italic;color:#c37b94}.heroCopy>p:not(.eyebrow){max-width:590px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:24px}.stats{position:absolute;bottom:0;left:0;width:100%;height:105px;background:rgba(37,27,40,.76);display:flex;align-items:center;justify-content:center;gap:120px}.stats div{text-align:center;min-width:150px}.stats strong,.stats b{font:38px Italiana,serif}.stats span{display:block;font-size:9px;margin-top:5px}.section{padding:85px 5.5%}.strategy{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.strategy h2,.offers h2,.work h2,.about h2{font:48px/1.02 Italiana,serif;margin:14px 0 20px}.copy>p:not(.eyebrow),.about p{line-height:1.75;max-width:690px}.strategy figure{margin:0}.strategy figure img{border-radius:18px;height:390px;object-fit:cover}.strategy figcaption{text-align:center;color:#b8788d;font:italic 19px Italiana;margin-top:15px}.benefits{display:flex;gap:28px;margin-top:35px}.benefits span{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px;font-size:20px;color:#b8788d}.benefits b{font-size:10px;color:#493841}.offers{padding-top:35px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-bottom:20px}.cards img{height:155px;object-fit:cover}.cards h3,.cards p,.cards b,.cards a{margin-left:18px;margin-right:18px}.cards h3{font-size:15px}.cards p{font-size:11px;line-height:1.5;min-height:36px}.cards b{display:block;color:#b47289;font-size:11px;margin-bottom:12px}.cards a{font-size:10px;text-decoration:underline}.pricing{padding:75px 5.5%;background:#f4e4e9;display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}.pricing h2{font-size:46px}.pricegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pricegrid article{background:#fff;padding:25px;border-radius:14px;border:1px solid #ead8de}.pricegrid small{color:#b47289;font-weight:700}.pricegrid strong{font:30px Italiana;display:block;margin:15px 0}.pricegrid strong i{font:12px Plus Jakarta Sans;font-style:normal}.pricegrid p{font-size:10px;line-height:1.6;min-height:48px}.pricegrid .btn{padding:11px 14px}.monet{min-height:300px;padding:65px 5.5%;color:#fff;background:linear-gradient(rgba(40,39,48,.42),rgba(40,39,48,.42)),url('assets/images/bandeau-monet.png') center/cover fixed;display:flex;justify-content:space-between;align-items:center}.monet h2{font-size:47px}.monet p{max-width:600px;line-height:1.6}.monet blockquote{font:italic 22px Italiana;line-height:1.5}.sectionHead{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end}.sectionHead>div:last-child p{line-height:1.6}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.projects img{height:180px;object-fit:cover;border-radius:12px}.projects h3{margin:10px 0 3px}.projects small{color:#8f7f85}.about{display:grid;grid-template-columns:.72fr 1.2fr .62fr;gap:42px;align-items:center}.portrait{height:440px;object-fit:cover;border-radius:16px}.insta strong{font:45px Italiana;color:#b47289}.insta small{display:block}.instagrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.instagrid img{height:115px;object-fit:cover;border-radius:10px}.instalink{display:block;margin-top:10px;font-size:11px}.cta{padding:70px 6%;background:url('assets/images/silk.png') center/cover;display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:46px}.cta ul{list-style:none;line-height:2.1;min-width:240px}footer{padding:55px 5.5% 35px;background:#fffaf7;border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr 1fr;gap:35px;font-size:10px}footer>div{display:flex;flex-direction:column;gap:9px}footer b{color:#b47289;text-transform:uppercase;letter-spacing:1px}.footbrand p{font:20px Italiana}.footcta small{margin-top:auto}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.on{opacity:1;transform:none}
@media(max-width:800px){body{font-size:13px}.top{height:62px;padding:0 20px}.top nav,.top>.btn{display:none}.burger{display:block}.top.open nav{display:flex;position:absolute;top:62px;left:0;right:0;background:#fffaf7;flex-direction:column;padding:25px;gap:18px}.hero{height:690px;padding:55px 22px 125px;background-position:58% center;align-items:flex-end}.hero h1{font-size:47px}.heroCopy>p:not(.eyebrow){font-size:12px}.stats{height:105px;gap:8px;justify-content:space-around}.stats div{min-width:0;width:33%}.stats strong,.stats b{font-size:29px}.strategy,.pricing,.about,.sectionHead{grid-template-columns:1fr}.section{padding:65px 22px}.strategy{gap:35px}.strategy h2,.offers h2,.work h2,.about h2,.pricing h2,.cta h2{font-size:39px}.strategy figure img{height:270px}.benefits{display:grid;grid-template-columns:1fr;gap:12px}.cards,.pricegrid,.projects{grid-template-columns:1fr}.cards img{height:210px}.pricing{padding:65px 22px}.monet{background-attachment:scroll;padding:55px 22px;display:block}.monet h2{font-size:39px}.monet blockquote{margin:30px 0 0}.projects img{height:auto}.about{gap:28px}.portrait{height:auto;max-height:520px}.instagrid{grid-template-columns:repeat(2,1fr)}.instagrid img{height:150px}.cta{padding:60px 22px;display:block}.cta ul{padding:25px 0 0}footer{grid-template-columns:1fr 1fr;padding:45px 22px}.footbrand,.footcta{grid-column:1/-1}}
.heroPrice{margin-top:12px;font-size:12px!important;color:#fff}.heroPrice strong{font-weight:700}.strategy .copy>p{font-size:13px;line-height:1.85}.strategy .copy>p strong{font-weight:700}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.benefits span{grid-template-columns:34px 1fr}.benefits i{width:30px;height:30px;border-radius:50%;background:#f6e6eb;color:#b8788d;font:11px/30px "Plus Jakarta Sans";text-align:center;font-style:normal}.benefits b{font-size:11px;line-height:1.35}.cards p,.pricegrid p,.sectionHead p,.about p{font-family:"Plus Jakarta Sans",sans-serif}.pricing{padding-top:82px;padding-bottom:82px}.pricegrid article{box-shadow:0 12px 35px rgba(73,50,61,.06);transition:.3s ease}.pricegrid article:hover{transform:translateY(-5px)}.pricegrid strong{font-size:34px}.projects .project{position:relative;display:block}.projectHover{position:absolute;left:12px;right:12px;top:130px;padding:10px;background:rgba(49,36,44,.88);color:#fff;border-radius:20px;text-align:center;font-size:10px;opacity:0;transform:translateY(5px);transition:.25s}.project:hover .projectHover{opacity:1;transform:none}.project img{transition:.35s ease}.project:hover img{transform:scale(1.018)}.insta{align-self:center}.insta strong{display:block;line-height:.9}.instagrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:95px 95px;gap:8px;margin-top:15px}.instagrid a{overflow:hidden;border-radius:11px}.instagrid .ig1{grid-row:1/3}.instagrid img{height:100%;object-fit:cover;transition:.3s}.instagrid a:hover img{transform:scale(1.05)}.igBottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#b8788d}.igBottom span{font:italic 16px/1.25 Italiana,serif}.igIcon{font-size:32px;color:#b8788d}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px)}.js .reveal.on{opacity:1;transform:none}
@media(max-width:800px){.strategy .copy>p{font-size:12px}.benefits{grid-template-columns:1fr 1fr}.projectHover{display:none}.about{grid-template-columns:1fr}.insta{max-width:320px;margin:auto}.instagrid{grid-template-rows:130px 130px}.pricing{gap:30px}.pricegrid article{padding:24px}.heroPrice{font-size:11px!important}}
/* INDEX corrections — critical content is never hidden */

.strategy{min-height:560px}
.pricegrid article{padding:30px 26px}
.pricegrid .priceBig{font-family:Italiana,serif;font-size:46px;line-height:1;color:#4a3540;letter-spacing:-1px;margin:18px 0 20px}
.pricegrid .priceBig i{font-family:"Plus Jakarta Sans",sans-serif;font-size:12px;letter-spacing:0;margin-left:3px}
.pricegrid article:first-child{outline:2px solid #bd7d91;outline-offset:-2px}
.pricegrid article:first-child:before{content:"LE PLUS ACCESSIBLE";display:inline-block;background:#b47289;color:white;border-radius:999px;padding:6px 9px;font:700 8px "Plus Jakarta Sans";letter-spacing:1px;margin-bottom:9px}
.insta{width:230px;justify-self:end}.instaMosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:82px 105px 105px;gap:8px}.igStat{grid-column:1;grid-row:1;align-self:end}.igStat strong{font:45px/.9 Italiana,serif;color:#b47289}.igStat small{display:block;margin-top:5px}.instaMosaic a{overflow:hidden;border-radius:12px;display:block}.instaMosaic img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.instaMosaic a:hover img{transform:scale(1.05)}.igTop{grid-column:2;grid-row:1/3}.igLeft{grid-column:1;grid-row:2/4}.igRight{grid-column:2;grid-row:3}.igBottom{margin-top:14px}.cta .outline.dark{background:#fff;color:#6f4e5b;border-color:#fff;font-weight:700;box-shadow:0 5px 18px rgba(80,45,60,.12)}
@media(max-width:800px){.strategy{min-height:0}.pricegrid .priceBig{font-size:43px}.insta{width:min(100%,310px);justify-self:center}.instaMosaic{grid-template-rows:105px 135px 135px}.igStat strong{font-size:48px}.cta .actions{flex-wrap:wrap}.cta .outline.dark{background:#fff;color:#6f4e5b}}
/* V4 — finition uniquement : structure et contenu conservés */
body{color:#35262f}.copy>p,.pricegrid p,.cards p,.sectionHead p,.about p{color:#493b43}.eyebrow{color:#ad637d}
.benefitBanner{grid-column:1/-1;margin-top:38px;padding:0;background:#3a2c38;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);gap:0;box-shadow:0 14px 34px rgba(53,38,47,.10)}
.benefitBanner span{min-height:86px;padding:18px 17px;display:flex;align-items:center;gap:12px;border-right:1px solid rgba(255,255,255,.13);color:#fff;transition:background .3s ease,transform .3s ease}
.benefitBanner span:last-child{border-right:0}.benefitBanner span:hover{background:rgba(255,255,255,.06)}
.benefitBanner i{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#f5dfe7;color:#a85f78;font:600 11px/38px "Plus Jakarta Sans";text-align:center;font-style:normal}
.benefitBanner b{font-size:11px;line-height:1.45;color:#fff;font-weight:600}
.igIcon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #c88ca0;border-radius:11px;color:#b47289;transition:.25s ease}.igIcon svg{width:23px;height:23px}.igIcon:hover{transform:translateY(-3px) rotate(2deg);background:#f6e7ec}
.hero,.monet,.cta{will-change:background-position}.heroCopy{will-change:transform}.cards article,.pricegrid article,.project,.instaMosaic a,.btn{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,background .25s ease}.cards article:hover{transform:translateY(-7px);box-shadow:0 18px 38px rgba(63,42,52,.10)}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(91,51,68,.14)}
.priceCount{font:inherit}.pricegrid article.pricePulse{animation:pricePulse .65s ease both}@keyframes pricePulse{0%{transform:translateY(10px);opacity:.7}100%{transform:translateY(0);opacity:1}}
@media(max-width:800px){.benefitBanner{grid-template-columns:1fr 1fr;border-radius:12px}.benefitBanner span{min-height:82px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.benefitBanner span:nth-child(2n){border-right:0}.benefitBanner span:nth-last-child(-n+2){border-bottom:0}.benefitBanner i{flex-basis:34px;width:34px;height:34px;line-height:34px}.benefitBanner b{font-size:10px}}


/* V5 — animation polish only; structure/design unchanged */
.hero,.monet,.cta{background-attachment:scroll;will-change:background-position}
.strategy figure img{will-change:transform;transition:transform .12s linear}
.project{overflow:visible}.project img{will-change:transform}
.cards article,.project,.pricegrid article,.btn,.instaMosaic a{will-change:transform}
@media (hover:hover){
  .cards article:hover,.pricegrid article:hover{transform:translateY(-8px) scale(1.008);box-shadow:0 20px 45px rgba(67,42,54,.12)}
  .project:hover img{transform:scale(1.035)}
  .btn:hover{transform:translateY(-3px)}
}
@media(max-width:800px){
  .hero,.monet,.cta{background-position:center!important}
  .strategy figure img,.instaMosaic a{transform:none!important}
}

/* V6 — animations réelles : le design reste inchangé */
.heroCopy{opacity:0;transform:translateX(-56px);transition:opacity .95s ease,transform 1.05s cubic-bezier(.16,.84,.22,1)}
.heroCopy.heroCopyIn{opacity:1;transform:translateX(0)}
.stats>div{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
.stats>div.statIn{opacity:1;transform:none}

.strategy .copy,.strategy figure,.cards article,.pricegrid article,.monet>div,.monet blockquote,.sectionHead>div,.projects .project,.about>.portrait,.about>div,.cta>* ,footer>div{opacity:0}
.strategy .copy{transform:translateX(-90px)}
.strategy figure{transform:translateX(90px)}
.cards article:nth-child(odd){transform:translateX(-65px)}
.cards article:nth-child(even){transform:translateX(65px)}
.pricegrid article,.sectionHead>div,.projects .project,.about>div:nth-of-type(1),.cta>*,footer>div{transform:translateY(45px)}
.monet>div,.about>.portrait{transform:translateX(-70px)}
.monet blockquote,.about>.insta{transform:translateX(70px)}

.motionLeftIn,.motionRightIn,.motionUpIn{opacity:1!important;transform:translate3d(0,0,0)!important;transition:opacity .85s ease,transform 1s cubic-bezier(.16,.84,.22,1)!important}

/* 01–04 : une vraie bannière unique, animée case par case */
.benefitBanner{position:relative;isolation:isolate;background:linear-gradient(105deg,#342733 0%,#493440 55%,#382a36 100%);border:1px solid rgba(255,255,255,.08)}
.benefitBanner:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 18% 0%,rgba(222,157,181,.16),transparent 36%),radial-gradient(circle at 85% 100%,rgba(255,255,255,.06),transparent 35%)}
.benefitBanner span{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1),background .3s ease}
.benefitBanner span.benefitIn{opacity:1;transform:none}

/* Mosaïque Instagram : composition progressive */
.instaMosaic>*{opacity:0;transform:translateY(24px) scale(.94);transition:opacity .65s ease,transform .8s cubic-bezier(.16,.84,.22,1)}
.instaMosaic>*.mosaicIn{opacity:1;transform:translateY(0) scale(1)}

/* Parallax interne de l'image stratégie sans casser son animation d'entrée */
.strategy figure img{transform:translateY(var(--drift,0px)) scale(1.035);transition:transform .12s linear}

/* Plus de vie au hover, sans changer la maquette */
@media (hover:hover){
  .cards article:hover,.pricegrid article:hover{transform:translateY(-8px)!important;box-shadow:0 22px 45px rgba(63,42,52,.13)}
  .project:hover img{transform:scale(1.035)}
  .instaMosaic a:hover{z-index:3;transform:translateY(-5px) scale(1.025)!important}
}

/* Mobile : mouvements plus courts mais toujours visibles */
@media(max-width:800px){
  .heroCopy{transform:translateY(34px)}
  .strategy .copy,.strategy figure,.cards article:nth-child(odd),.cards article:nth-child(even),.monet>div,.monet blockquote,.about>.portrait,.about>.insta{transform:translateY(38px)}
  .benefitBanner{grid-template-columns:1fr 1fr}
  .strategy figure img{transform:none!important}
}

/* V7 — moteur d'animations robuste */
.offers>.eyebrow,.offers>h2{opacity:0;transform:translateY(34px)}
.motionLeftIn,.motionRightIn,.motionUpIn{pointer-events:auto}
@media(max-width:800px){
  .hero,.monet,.cta{background-position:center!important}
  .motionLeftIn,.motionRightIn,.motionUpIn{transform:none!important}
}