:root{--service-cream:#fbf6f2;--service-pink:#b47289;--service-dark:#302635;--service-soft:#f6e8ec;--service-line:#eadedc}

.top nav a.active{color:#b47289;font-weight:700}
.servicesPage{overflow:hidden;background:var(--service-cream)}

/* HERO — même structure que le site, avec le bon visuel expertise-hero */
.servicesHero{height:650px;background-image:url('assets/expertise-hero.webp')!important;background-position:center!important;background-size:cover!important;align-items:center;position:relative}
.servicesHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,30,37,.70) 0%,rgba(36,30,37,.35) 39%,rgba(36,30,37,.08) 72%,rgba(36,30,37,.12) 100%)}
.servicesHeroCopy{z-index:2;max-width:650px}
.servicesHeroCopy h1{font-size:64px;line-height:.98;margin:16px 0 18px}
.servicesHeroCopy>p:not(.eyebrow){max-width:590px;font-size:13px;line-height:1.72}
.servicesHero .outline{background:rgba(255,255,255,.04);backdrop-filter:blur(4px)}
.heroNote{position:absolute;z-index:2;left:49%;top:125px;color:rgba(255,255,255,.78);font:italic 23px/1.35 Italiana,serif;transform:rotate(-4deg);letter-spacing:.2px}
.heroNote:after{content:"";display:block;width:78px;height:1px;background:rgba(255,255,255,.56);margin-top:14px}
.heroRail{position:absolute;z-index:2;right:6.4%;top:110px;display:flex;flex-direction:column;gap:8px;color:rgba(255,255,255,.86);font-size:9px;letter-spacing:1.2px}
.heroRail i{display:block;width:54px;height:1px;background:rgba(255,255,255,.7);margin-top:7px}

/* Introduction */
.servicesIntro{padding-top:78px;padding-bottom:88px}
.servicesIntroHead,.processHead,.differenceHead{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;max-width:1420px;margin:0 auto}
.servicesIntroHead h2,.processHead h2,.differenceHead h2,.servicesGuide h2{font:48px/1.04 Italiana,serif;margin:12px 0 0}
.servicesIntroHead>p,.processHead>p,.differenceHead>p{line-height:1.75;font-size:12px;max-width:520px;margin:0 0 8px}

/* Services détaillés alternés */
.serviceRows{max-width:1420px;margin:62px auto 0;display:flex;flex-direction:column;gap:34px}
.serviceRow{display:grid;grid-template-columns:1.03fr .97fr;gap:0;min-height:500px;background:#fff;border:1px solid var(--service-line);border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(72,46,58,.06)}
.serviceRow.reverse .serviceVisual{order:2}.serviceRow.reverse .serviceCopy{order:1}
.serviceVisual{margin:0;min-height:500px;overflow:hidden;background:#eadfdc}
.serviceVisual img{width:100%;height:100%;min-height:500px;object-fit:cover;transition:transform .7s cubic-bezier(.16,.84,.22,1)}
.serviceRow:hover .serviceVisual img{transform:scale(1.025)}
.serviceCopy{padding:55px 58px;display:flex;flex-direction:column;justify-content:center}
.serviceIndex{font-size:9px;font-weight:700;letter-spacing:1.9px;color:var(--service-pink);margin-bottom:16px}
.serviceCopy h3{font:43px/1.03 Italiana,serif;margin:0 0 22px;color:#302635}
.serviceCopy h3 em{font-style:italic;color:#b47289}
.serviceCopy>p{font-size:12px;line-height:1.8;margin:0 0 12px;color:#55454d}
.resultList{list-style:none;margin:10px 0 18px;padding:0;display:grid;gap:8px}
.resultList li{position:relative;padding-left:20px;font-size:11px;line-height:1.55;color:#47373f}
.resultList li:before{content:"✓";position:absolute;left:0;top:0;color:#b47289;font-weight:700}
.servicePromise{border-left:2px solid #b47289;padding:9px 0 9px 15px;margin:5px 0 18px;display:flex;flex-direction:column;gap:2px}
.servicePromise b{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#b47289}.servicePromise span{font:20px/1.25 Italiana,serif;color:#3f3038}
.textLink{display:inline-flex;width:max-content;font-size:11px;font-weight:700;color:#8e5368;border-bottom:1px solid rgba(142,83,104,.35);padding-bottom:4px}

/* Process compact */
.processSection{padding-top:78px;padding-bottom:86px;background:#fffaf7}
.processGrid{max-width:1420px;margin:46px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.processGrid article{position:relative;padding:0 34px 0 0;min-height:120px}
.processGrid article:not(:last-child):after{content:"";position:absolute;right:20px;top:23px;width:34%;height:1px;background:#ddc9cf}
.processGrid article:not(:last-child):before{content:"→";position:absolute;right:10px;top:13px;color:#c49aab;font-size:16px}
.processGrid span{font:31px Italiana,serif;color:#b47289;display:block;margin-bottom:15px}
.processGrid h3{font-size:12px;margin:0 0 7px}.processGrid p{font-size:9px;line-height:1.6;color:#76676e;max-width:210px;margin:0}

/* Transition fleur */
.flowerBand{min-height:360px!important;background-image:linear-gradient(90deg,rgba(45,36,44,.48),rgba(45,36,44,.10)),url('assets/blog-editorial-flower.webp')!important;background-size:cover!important;background-position:center 54%!important;padding-top:64px!important;padding-bottom:64px!important}
.flowerBand h2{font-size:50px!important;margin:12px 0 12px!important}.flowerBand p{font-size:12px}.flowerBand blockquote{max-width:330px;text-align:left;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.12)}

/* Différence */
.difference{padding-top:82px;padding-bottom:78px}
.differenceGrid{max-width:1420px;margin:45px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.differenceGrid article{text-align:center;padding:8px 18px}
.differenceGrid span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 15px;border-radius:50%;background:#f4e4e9;color:#a8667d;font:23px Italiana,serif}
.differenceGrid h3{font-size:12px;margin:0 0 7px}.differenceGrid p{font-size:9px;color:#817077;margin:0}

/* Tarifs — mêmes offres que l'index */
.servicesPricing{padding-top:72px;padding-bottom:72px}
.servicesPricing>div:first-child p:last-child{font-size:11px;line-height:1.75;max-width:500px}
.servicesPricing:before{display:none}

/* Guide */
.servicesGuide{display:grid;grid-template-columns:1fr 1.07fr;align-items:center;gap:0;padding:0!important;background:#f8edef}
.guideVisual{position:relative;height:470px;overflow:hidden}.guideVisual img{height:100%;object-fit:cover;object-position:center}
.guideVisual>span{position:absolute;right:24px;top:24px;width:95px;height:95px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#a86c81;color:#fff;font:19px/1.1 Italiana,serif;transform:rotate(8deg);box-shadow:0 12px 28px rgba(85,50,65,.18)}
.guideCopy{padding:52px 7% 52px 8%}.guideCopy h2{font-size:46px}.guideCopy>p:not(.eyebrow){font-size:11px;line-height:1.75;max-width:610px;margin:18px 0 22px}.guideMini{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:9px;color:#7a6670}

/* CTA final = silk */
.servicesCta{background-image:linear-gradient(rgba(255,247,249,.22),rgba(255,247,249,.22)),url('assets/images/silk.webp')!important;min-height:260px;padding-top:55px!important;padding-bottom:55px!important}
.servicesCta h2{font-size:45px!important;color:#322631}.servicesCta .eyebrow{color:#9c667b}.servicesCta .actions{margin:0}.servicesCta .outline.dark{background:rgba(255,255,255,.35)}

/* animations */
.sv-reveal{opacity:0;transition:opacity .8s ease,transform 1s cubic-bezier(.16,.84,.22,1)}
.sv-reveal.left{transform:translateX(-55px)}.sv-reveal.right{transform:translateX(55px)}.sv-reveal.up{transform:translateY(34px)}
.sv-reveal.in{opacity:1;transform:none}
.serviceVisual img{transform:translateY(var(--sv-drift,0px)) scale(1.02)}
.serviceRow:hover .serviceVisual img{transform:translateY(var(--sv-drift,0px)) scale(1.04)}

@media(max-width:1050px){
  .servicesHeroCopy h1{font-size:56px}.heroNote{left:53%;font-size:20px}.servicesIntroHead,.processHead,.differenceHead{gap:35px}.serviceCopy{padding:42px}.serviceCopy h3{font-size:37px}.serviceRow,.serviceVisual,.serviceVisual img{min-height:450px}.guideCopy h2{font-size:40px}
}

@media(max-width:800px){
  .servicesHero{height:700px!important;padding:80px 22px 70px!important;background-position:60% center!important;align-items:flex-end!important}
  .servicesHeroShade{background:linear-gradient(0deg,rgba(34,27,33,.76) 0%,rgba(34,27,33,.35) 58%,rgba(34,27,33,.08) 100%)}
  .servicesHeroCopy h1{font-size:46px}.servicesHeroCopy>p:not(.eyebrow){font-size:11px}.heroNote,.heroRail{display:none}.servicesHero .actions{flex-wrap:wrap}.servicesHero .btn{font-size:10px}
  .servicesIntro{padding-top:58px;padding-bottom:58px}.servicesIntroHead,.processHead,.differenceHead{grid-template-columns:1fr;gap:18px;align-items:start}.servicesIntroHead h2,.processHead h2,.differenceHead h2{font-size:37px}.servicesIntroHead>p,.processHead>p,.differenceHead>p{font-size:11px}
  .serviceRows{margin-top:40px;gap:22px}.serviceRow,.serviceRow.reverse{grid-template-columns:1fr}.serviceRow .serviceVisual,.serviceRow.reverse .serviceVisual{order:1}.serviceRow .serviceCopy,.serviceRow.reverse .serviceCopy{order:2}.serviceRow,.serviceVisual,.serviceVisual img{min-height:0}.serviceVisual{height:300px}.serviceVisual img{height:100%;min-height:0;transform:none!important}.serviceCopy{padding:34px 24px}.serviceCopy h3{font-size:35px}.serviceCopy>p{font-size:11px}.servicePromise span{font-size:18px}
  .processSection{padding-top:58px;padding-bottom:58px}.processGrid{grid-template-columns:1fr 1fr;gap:30px 18px;margin-top:34px}.processGrid article{padding:0;min-height:0}.processGrid article:before,.processGrid article:after{display:none}
  .flowerBand{min-height:420px!important;background-position:58% center!important}.flowerBand h2{font-size:38px!important}.flowerBand blockquote{margin-top:30px}
  .difference{padding-top:58px;padding-bottom:58px}.differenceGrid{grid-template-columns:1fr 1fr;gap:28px 10px;margin-top:35px}.differenceGrid article{padding:0 5px}
  .servicesPricing{padding:58px 22px!important}
  .servicesGuide{grid-template-columns:1fr}.guideVisual{height:330px}.guideCopy{padding:42px 22px}.guideCopy h2{font-size:37px}.guideMini{display:grid;gap:7px}
  .servicesCta{padding:55px 22px!important;display:block!important}.servicesCta h2{font-size:37px!important}.servicesCta .actions{margin-top:24px;display:flex;flex-wrap:wrap}
  .sv-reveal.left,.sv-reveal.right,.sv-reveal.up{transform:translateY(28px)}
}

@media(prefers-reduced-motion:reduce){.sv-reveal{opacity:1!important;transform:none!important;transition:none!important}.serviceVisual img{transform:none!important}}