/* Habillage commun des pages intérieures — repris de savoir-faire-francais.html (page de référence validée le 03/10/2026) */

@font-face{font-family:Aegean;src:url(/fonts/aegean.woff2) format("woff2");font-display:swap}
@font-face{font-family:Satoshi;src:url(/fonts/satoshi-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url(/fonts/satoshi-medium.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--ink:#0b0a09;--ivory:#f3eee6;--mute:rgba(243,238,230,.62);--line:rgba(243,238,230,.18);--sage:#a9b4a0}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink)}
body{background:var(--ink);color:var(--ivory);font:400 16px/1.55 Satoshi,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}

/* chargement */


#loader{position:fixed;inset:0;z-index:50;background:var(--ink);display:grid;place-items:center;clip-path:inset(0 0 0 0);transition:clip-path 1.1s cubic-bezier(.77,0,.18,1) .25s}
#loader.done{clip-path:inset(0 0 100% 0)}
#loader .l{display:flex;flex-direction:column;align-items:center;gap:26px;transition:transform 1.1s cubic-bezier(.77,0,.18,1) .25s,opacity .8s .25s}
#loader.done .l{transform:translateY(-60px) scale(.94);opacity:0}
.mono{position:relative;width:118px;aspect-ratio:227/239}
.mono img{position:absolute;inset:0;width:100%;height:100%}
.mono .ghost{opacity:.12}
.mono .fill{clip-path:inset(calc(100% - var(--p,0%)) 0 0 0);transition:clip-path .35s ease-out;filter:drop-shadow(0 0 18px rgba(243,238,230,.25))}
.mono .sheen{position:absolute;inset:0;-webkit-mask:url(/img/logo-monogramme.png) center/contain no-repeat;mask:url(/img/logo-monogramme.png) center/contain no-repeat;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%);background-size:250% 100%;animation:sheen 2.2s cubic-bezier(.45,0,.25,1) infinite}
@keyframes sheen{0%{background-position:130% 0}100%{background-position:-30% 0}}
#loader .meta{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.35em;color:var(--mute)}
#loader .bar{width:120px;height:1px;background:var(--line);overflow:hidden}
#loader .bar i{display:block;height:100%;width:0;background:var(--ivory);transition:width .3s}

/* en-tête */
header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(16px,4vw,48px);mix-blend-mode:difference}
.logo{display:block;line-height:0}.logo img{height:44px;width:auto}
nav{display:flex;gap:30px;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
nav a{opacity:.8;transition:opacity .3s}nav a:hover{opacity:1}
.rdv{position:fixed;z-index:21;top:18px;right:clamp(16px,4vw,48px);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:12px 20px;border-radius:999px;background:var(--ivory);color:var(--ink);font-weight:500;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.rdv:hover{transform:scale(1.05)}
header nav{margin-right:170px}
@media(max-width:820px){header nav{display:none}}

/* chapitres pilotés au scroll */
.chapter{position:relative}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 45%,rgba(11,10,9,.75) 100%)}
.fade{position:absolute;inset:0;background:var(--ink);pointer-events:none;opacity:0}
.lines{position:absolute;inset:0;pointer-events:none}
.line{position:absolute;left:clamp(16px,6vw,96px);right:clamp(16px,6vw,96px);opacity:0;will-change:opacity,transform,filter}
.line.b{bottom:12vh}.line.t{top:22vh}.line.c{top:50%;transform:translateY(-50%)}.line.r{text-align:right}
h1{font-size:clamp(26px,3.3vw,54px);line-height:1.16;letter-spacing:.035em;max-width:20ch;text-shadow:0 2px 28px rgba(0,0,0,.65)}
.kicker{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--mute);margin-bottom:18px}
.big{font-size:clamp(40px,7.2vw,118px)}
h1,.big{font-family:Aegean;font-weight:400;line-height:.98;letter-spacing:-.01em;text-transform:uppercase}
.mid{font-family:Aegean;font-size:clamp(28px,4.2vw,64px);line-height:1.05;max-width:16ch}
.line.r .mid{margin-left:auto}
.small{max-width:40ch;color:var(--mute);font-size:clamp(15px,1.25vw,18px);margin-top:18px}
.line.r .small{margin-left:auto}
.counter{position:absolute;left:clamp(16px,4vw,48px);bottom:28px;font-size:11px;letter-spacing:.3em;color:var(--mute);display:flex;gap:14px;align-items:center}
.counter .track{width:90px;height:1px;background:var(--line)}.counter .track i{display:block;height:100%;background:var(--ivory);width:0}
.hint{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute);transition:opacity .6s}
.hint::after{content:"";display:block;width:1px;height:38px;margin:12px auto 0;background:linear-gradient(var(--ivory),transparent);animation:drip 2.2s infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.cta{pointer-events:auto;display:inline-flex;align-items:center;gap:14px;margin-top:30px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--ivory);padding-bottom:6px}

/* contenu éditorial après l'immersion */
.editorial{position:relative;z-index:2;background:var(--ivory);color:var(--ink);padding:18vh clamp(16px,6vw,96px) 14vh}
.editorial .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;row-gap:14vh}
.block{grid-column:span 5}.block:nth-child(2n){grid-column:7/span 5;margin-top:18vh}
.block h2{font-family:Aegean;font-weight:400;font-size:clamp(30px,3.6vw,54px);line-height:1;text-transform:uppercase;margin-bottom:22px}
.block p{color:#4a463f;max-width:44ch}
.block a{display:inline-block;margin-top:22px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px}
.reveal{opacity:0;transform:translateY(60px);transition:opacity 1.2s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(max-width:820px){.block,.block:nth-child(2n){grid-column:1/-1;margin-top:0}}
footer{background:#A7B09C;color:rgba(11,10,9,.72);padding:14vh clamp(16px,6vw,96px) 32px;font-size:14px;position:relative;z-index:2}
.f-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:10vh;border-bottom:1px solid rgba(11,10,9,.18)}
.sig-logo{width:min(220px,60%);height:auto;display:block;opacity:.92}
.f-top .sig{font-family:Aegean;color:var(--ivory);font-size:clamp(34px,4vw,60px);line-height:1}
.f-top .sig small{display:block;font-family:Satoshi;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-top:18px}
footer h5{font-weight:500;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);margin-bottom:18px}
footer ul{list-style:none;display:grid;gap:9px}footer a{transition:color .3s}footer a:hover{color:var(--ink)}
.f-rdv{display:inline-block;margin-top:26px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:13px 22px;border-radius:999px;background:var(--ink);color:var(--ivory)!important;font-weight:500}
.f-bot{padding-right:84px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:26px;font-size:12px}
.f-bot nav{display:flex;gap:22px;font-size:12px;letter-spacing:0;text-transform:none;margin:0}
@media(max-width:820px){.f-top{grid-template-columns:1fr 1fr}.f-top>div:first-child{grid-column:1/-1}}

.social{display:flex;gap:14px;margin-top:22px}
.social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#A7B09C;transition:transform .3s,background .3s,color .3s}
.social a:hover{transform:translateY(-3px);background:var(--ivory);color:var(--ink)}
.social svg{width:19px;height:19px}
.wa-float{position:fixed;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);z-index:40;width:58px;height:58px;border-radius:50%;background:var(--ivory);color:var(--ink);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:28px;height:28px}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--ivory);animation:wa 2.8s ease-out infinite;opacity:0}
@keyframes wa{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.wa-float::after{animation:none}}

/* --- itération 30/09 --- */

header nav a{color:var(--ivory)}

.f-brand{display:flex;flex-direction:column;align-items:flex-start}
.f-brand .grp{display:inline-flex;flex-direction:column;align-items:center}
.f-brand .grp .social{justify-content:center}
.f-top>div+div{border-left:1px solid rgba(11,10,9,.22);padding-left:40px}
@media(max-width:820px){.f-top>div+div{border-left:0;padding-left:0;border-top:1px solid rgba(11,10,9,.22);padding-top:24px}}
/* H1 animé lettre par lettre */
.split .ch{display:inline-block;opacity:0;transform:translateY(.55em) rotate(4deg);filter:blur(8px);animation:ch 1.1s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i)*38ms + var(--d,0s))}
.split .w{display:inline-block;white-space:nowrap}
@keyframes ch{to{opacity:1;transform:none;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.split .ch{animation:none;opacity:1;transform:none;filter:none}}
/* loader : animation de logo plus travaillée */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
#loader{background:var(--ink)}
#loader .stage-logo{position:relative;width:170px;aspect-ratio:227/239}
#loader .stage-logo img{position:absolute;inset:0;width:100%;height:100%}
#loader .lg-reveal{-webkit-mask:conic-gradient(from 200deg at 50% 62%,#000 var(--ang),transparent calc(var(--ang) + 2deg));mask:conic-gradient(from 200deg at 50% 62%,#000 var(--ang),transparent calc(var(--ang) + 2deg));animation:ang 1.6s cubic-bezier(.65,0,.35,1) .2s forwards}
@keyframes ang{to{--ang:360deg}}
#loader .glow{opacity:0;filter:blur(14px) brightness(1.6);animation:glow 1.4s ease-out 1.6s forwards}
@keyframes glow{40%{opacity:.7}100%{opacity:0}}
#loader .ring{position:absolute;left:50%;top:50%;width:230px;height:230px;margin:-115px;border-radius:50%;border:1px solid rgba(243,238,230,.18);transform:scale(.6);opacity:0;animation:ring 2.2s cubic-bezier(.2,.7,.2,1) .1s forwards}
@keyframes ring{40%{opacity:1}100%{transform:scale(1);opacity:.35}}
#loader .name{font-family:Satoshi;font-size:11px;letter-spacing:.5em;color:var(--mute);text-transform:uppercase;display:flex;gap:0}
#loader .name span{opacity:0;animation:nm .6s ease forwards;animation-delay:calc(1.2s + var(--i)*35ms)}
@keyframes nm{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#loader .panel{position:absolute;top:0;bottom:0;width:50.5%;background:var(--ink);transition:transform 1.2s cubic-bezier(.77,0,.18,1) .35s}
#loader .panel.l1{left:0}#loader .panel.r1{right:0}
#loader.done{clip-path:none!important;background:transparent;pointer-events:none}
#loader.done .panel.l1{transform:translateX(-100%)}#loader.done .panel.r1{transform:translateX(100%)}
#loader .l{position:relative;z-index:2}

/* pied de page façon site d'origine : colonne logo sauge + infos sur beige + bandeau légal sauge */
footer{background:#ECE8E0!important;padding:0!important;color:rgba(11,10,9,.75)!important}
footer .f-top{grid-template-columns:1.1fr 1fr 1fr 1fr!important;gap:0!important;padding:0!important;border-bottom:0!important;align-items:stretch}
footer .f-top>div{padding:9vh clamp(20px,3vw,44px)}
footer .f-top>div+div{border-left:0!important;position:relative}
footer .f-top>div+div+div::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:#0b0a09;opacity:.55}
footer .f-brand{background:#CACEC0;align-items:center!important;justify-content:center;text-align:center}
footer .f-brand .sig-logo{margin:0 auto}
footer h5{text-align:center;font-family:Aegean;font-weight:400;font-size:22px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:22px}
footer .f-top ul{text-align:center}
footer .f-bot{background:#CACEC0;margin:0;padding:18px clamp(16px,6vw,96px)!important;padding-right:110px!important}
footer .social a{color:#CACEC0!important}
@media(max-width:820px){footer .f-top{grid-template-columns:1fr!important}footer .f-top>div+div+div::before{display:none}}
.grain{position:fixed;top:0;left:0;width:200%;height:200%;translate:-25% -25%;z-index:30;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}}
@media(prefers-reduced-motion:reduce){.grain,.hint::after{animation:none}}

body.inner{background:var(--ivory);color:var(--ink)}
.inner .grain{opacity:.035}
.ap-hero{position:relative;background:var(--ink);color:var(--ivory);padding:22vh clamp(16px,6vw,96px) 12vh;display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end;overflow:hidden}
.ap-hero .kicker{margin-bottom:22px}
.ap-hero h1{font-size:clamp(34px,4.6vw,76px);max-width:14ch;text-shadow:none}
.ap-hero .lead{margin-top:28px;max-width:44ch;color:var(--mute);font-size:clamp(15px,1.2vw,18px);letter-spacing:.02em;text-transform:none}
.ap-hero .portrait{position:relative;aspect-ratio:3/4;border-radius:4px;overflow:hidden}
.ap-hero .portrait img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 2.2s cubic-bezier(.2,.7,.2,1)}
.ap-hero .portrait.in img{transform:scale(1)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(243,238,230,.14);margin-top:8vh;grid-column:1/-1}
.facts div{padding:26px 22px 0 0}.facts div+div{padding-left:22px;border-left:1px solid rgba(243,238,230,.14)}
.facts b{display:block;font-family:Aegean;font-weight:400;font-size:clamp(26px,2.6vw,40px);color:var(--ivory)}
.facts span{font-size:13px;color:var(--mute)}
.ap-wrap{display:grid;grid-template-columns:220px 1fr;gap:6vw;padding:0 clamp(16px,6vw,96px)}
.toc{display:block!important;position:sticky;top:120px;align-self:start;padding-top:14vh}
.toc a{display:flex;align-items:center;gap:14px;padding:9px 0;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(11,10,9,.45);transition:color .3s}
.toc a::before{content:"";width:18px;height:1px;background:currentColor;transition:width .4s}
.toc a.on{color:var(--ink)}.toc a.on::before{width:42px}
.ap-sec{padding:14vh 0 4vh;border-bottom:1px solid rgba(11,10,9,.1)}
.ap-sec:last-child{border-bottom:0}
.ap-sec>.num{font-size:12px;letter-spacing:.3em;color:rgba(11,10,9,.45);margin-bottom:18px}
.ap-sec h2{font-family:Aegean;font-weight:400;font-size:clamp(32px,3.6vw,58px);line-height:1.02;text-transform:uppercase;margin-bottom:5vh;max-width:18ch}
.prose{columns:2 320px;column-gap:56px;font-size:17px;line-height:1.75;color:#34312c}
.prose p{margin:0 0 1.1em;break-inside:avoid}
.prose p:first-child::first-letter{font-family:Aegean;float:left;font-size:4.2em;line-height:.8;padding:6px 10px 0 0;color:var(--ink)}
.quote{margin:8vh 0 2vh;font-family:Aegean;font-size:clamp(24px,2.4vw,38px);line-height:1.25;max-width:26ch;color:var(--ink)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:6vh}
.duo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;border-radius:4px}
.value{display:grid;grid-template-columns:1fr 1.2fr;gap:5vw;align-items:center}
.value img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px}
.value h3{font-family:Aegean;font-weight:400;font-size:clamp(26px,2.4vw,40px);margin-bottom:18px}
.value p{font-size:17px;line-height:1.75;color:#34312c}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(11,10,9,.15)}
.pillar{padding:40px 32px 20px 0}.pillar+.pillar{padding-left:32px;border-left:1px solid rgba(11,10,9,.15)}
.pillar .n{font-family:Aegean;font-size:64px;line-height:1;color:#A7B09C}
.pillar h4{font-size:13px;letter-spacing:.24em;text-transform:uppercase;margin:22px 0 14px;font-weight:500}
.pillar p{font-size:15.5px;line-height:1.7;color:#34312c}
.tl-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:5vw}
.tl h5{font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:500;margin-bottom:22px;color:rgba(11,10,9,.55)}
.tl ul{list-style:none;padding:0;margin:0}
.tl li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:14px 0;border-top:1px solid rgba(11,10,9,.1);font-size:15.5px;line-height:1.5}
.tl .yr{font-family:Aegean;font-size:20px;color:var(--ink)}
.tl.priv ul{max-height:520px;overflow:hidden;position:relative;transition:max-height .8s ease}
.tl.priv.open ul{max-height:2000px}
.tl.priv:not(.open) ul::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,var(--ivory))}
.more{margin-top:18px;background:none;border:0;border-bottom:1px solid var(--ink);padding:0 0 4px;font:500 12px Satoshi;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;color:var(--ink)}
.cab-text{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-bottom:8vh}
.cab-text h4{font-family:Aegean;font-weight:400;font-size:clamp(22px,2vw,32px);margin-bottom:18px}
.cab-text p{font-size:16px;line-height:1.75;color:#34312c;margin:0 0 1em}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:12px;grid-auto-flow:dense}
.gallery figure{margin:0;overflow:hidden;border-radius:4px}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.gallery figure:hover img{transform:scale(1.05)}
.gallery .g0{grid-column:span 2;grid-row:span 2}.gallery .g3{grid-row:span 2}
.press-row{display:flex;flex-wrap:wrap;gap:18px}
.press{flex:1 1 170px;height:150px;border:1px solid rgba(11,10,9,.12);border-radius:4px;display:grid;place-items:center;padding:26px;background:#fff;transition:transform .4s,box-shadow .4s}
.press:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,10,9,.08)}
.press img{max-width:100%;max-height:90px;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .4s,opacity .4s}
.press:hover img{filter:none;opacity:1}
.ap-cta{margin:12vh 0 0;background:var(--ink);color:var(--ivory);padding:10vh clamp(16px,6vw,96px);display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.ap-cta p{font-family:Aegean;font-size:clamp(26px,3vw,46px);max-width:18ch;line-height:1.1}
.ap-cta a{background:var(--ivory);color:var(--ink);padding:16px 26px;border-radius:999px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500}

/* --- v2 : visuels et vidéos du site d'origine --- */
.ap-hero{min-height:100svh;display:flex!important;flex-direction:column;justify-content:flex-end;padding:0 clamp(16px,6vw,96px) 0!important}
.ap-hero>.vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scale(1.04)}
.ap-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,9,.35) 0%,rgba(11,10,9,.15) 40%,rgba(11,10,9,.85) 100%);z-index:1}
.ap-hero>*:not(.vid){position:relative;z-index:2}
.ap-hero .hero-txt{padding-bottom:6vh;text-align:center;display:flex;flex-direction:column;align-items:center}
.ap-hero h1{max-width:20ch;margin:0 auto}
.ap-hero .lead{margin:24px auto 0;text-align:center}
.facts{margin-top:0!important;background:rgba(11,10,9,.55);backdrop-filter:blur(8px);margin:0 calc(-1*clamp(16px,6vw,96px))!important;padding:0 clamp(16px,6vw,96px) 26px}
.philo{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:start}
.arch{position:sticky;top:110px;border-radius:999px 999px 6px 6px;overflow:hidden;aspect-ratio:3/4.4;background:#ddd}
.arch img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.philo .prose{columns:1}
.band{position:relative;height:62vh;overflow:hidden;margin:10vh 0 0;border-radius:6px}
.ap-wrap>div{min-width:0}
.band .vid{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;will-change:transform}
.band .cap{position:absolute;left:clamp(16px,6vw,96px);bottom:6vh;color:var(--ivory);font-family:Aegean;font-size:clamp(26px,3vw,48px);max-width:18ch;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(11,10,9,.55))}
.band .cap{z-index:2}
.giant{font-family:Aegean;font-size:clamp(70px,13vw,210px);line-height:.85;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(11,10,9,.35);letter-spacing:-.01em;margin:0 0 -3vw;white-space:nowrap;overflow:hidden}
.value .vwrap{position:relative;border-radius:260px 260px 6px 6px;overflow:hidden;aspect-ratio:4/4.6}
.value .vwrap .vid{width:100%;height:100%;object-fit:cover}
.pillar .pv{position:relative;aspect-ratio:4/3;border-radius:6px;overflow:hidden;margin-bottom:26px}
.pillar .pv .vid{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pillar:hover .pv .vid{transform:scale(1.06)}
.pillar .pv .n{position:absolute;left:18px;bottom:10px;color:var(--ivory);font-size:56px;text-shadow:0 2px 16px rgba(0,0,0,.4)}
.pillar>.n{display:none}
.tl-head{position:relative;height:34vh;border-radius:6px;overflow:hidden;margin-bottom:6vh}
.tl-head .vid{width:100%;height:100%;object-fit:cover}
.tl-head::after{content:"";position:absolute;inset:0;background:rgba(11,10,9,.25)}
.gallery .gv{grid-column:span 2}
.gallery .gv .vid{width:100%;height:100%;object-fit:cover}
.press{background:#fff}
.press img{filter:none!important;opacity:1!important}
@media(max-width:900px){.philo{grid-template-columns:1fr}.arch{position:relative;top:0;max-width:420px}}
@media(max-width:900px){.toc{display:none!important}.ap-wrap{gap:0}.ap-hero h1{font-size:clamp(22px,6.4vw,34px);max-width:100%;line-height:1.12}.ap-sec{padding-top:9vh}}

.inner header{mix-blend-mode:difference}
/* --- v3 : retours du 30/09 --- */
.toc{position:fixed!important;left:28px;top:50%;transform:translateY(-50%);padding:0!important;z-index:40;mix-blend-mode:difference}
.toc a{color:rgba(255,255,255,.5)!important}.toc a.on{color:#fff!important}
.in-wrap{max-width:var(--W);margin:0 auto;padding:0 clamp(16px,5vw,64px)}
@media(min-width:1100px){.in-wrap{padding-left:max(64px,calc(210px - (100vw - var(--W))/2))}}
.ap-sec{padding:16vh 0 10vh;border-bottom:0}
.ap-sec h2{max-width:none}
.dark{background:var(--ink);color:var(--ivory)}
.dark>.in-wrap>.num{color:rgba(243,238,230,.5)}
.dark h2{color:var(--ivory)}
.dark .prose{color:rgba(243,238,230,.8)}
.dark .prose p:first-child::first-letter{color:var(--ivory)}
.dark .arch{background:#1b1a18}
.philo{grid-template-columns:.75fr 1.25fr;gap:6vw}
.pull{margin:2.2em 0 2.4em;padding:26px 30px 24px;border:1px solid rgba(243,238,230,.22);border-left:2px solid #A7B09C;border-radius:4px;background:rgba(243,238,230,.035)}
.pull-k{display:block;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#A7B09C;margin-bottom:12px}
.pull p{font-family:Aegean;font-size:clamp(19px,1.55vw,24px);line-height:1.38;color:var(--ivory);margin:0!important}
.pull p::first-letter{all:unset}
/* valeurs */
.vals{position:relative}
.v-media{border-radius:6px;overflow:hidden;aspect-ratio:16/8;background:#ddd}
.v-media .vid{width:100%;height:100%;object-fit:cover;display:block}
.v-card{position:absolute;right:clamp(16px,3vw,40px);bottom:-7vh;width:min(440px,44%);background:var(--ivory);border:1px solid rgba(11,10,9,.12);border-radius:6px;padding:34px 34px 22px;box-shadow:0 30px 60px rgba(11,10,9,.12)}
.v-slides{display:grid}
.v-slide{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s;pointer-events:none}
.v-slide.on{opacity:1;transform:none;pointer-events:auto}
.v-n{font-size:12px;letter-spacing:.3em;color:#8a9180}
.v-slide h3{font-family:Aegean;font-weight:400;font-size:clamp(24px,2.1vw,34px);margin:10px 0 14px}
.v-slide p{font-size:16px;line-height:1.72;color:#34312c}
.v-slide strong{font-weight:600;color:var(--ink)}
.v-ctrl{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid rgba(11,10,9,.12)}
.v-ctrl button,.sl-main button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(11,10,9,.25);background:transparent;font-size:18px;cursor:pointer;color:var(--ink);transition:background .3s,color .3s}
.v-ctrl button:hover{background:var(--ink);color:var(--ivory)}
.v-count{font-size:13px;letter-spacing:.2em;color:rgba(11,10,9,.5)}.v-count b{color:var(--ink);font-weight:500}
.v-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:calc(7vh + 28px);max-width:52%}
.v-tab{background:none;border:1px solid rgba(11,10,9,.18);border-radius:999px;padding:10px 16px;font:500 12px Satoshi;letter-spacing:.08em;cursor:pointer;color:rgba(11,10,9,.6);transition:all .3s}
.v-tab.on,.v-tab:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
/* approche */
.pillars{grid-template-columns:repeat(3,1fr)!important;gap:clamp(20px,2.4vw,36px)!important;border-top:0!important}
.pillar,.pillar+.pillar{padding:0!important;border:0!important}
.pillar .pv{aspect-ratio:4/5!important;margin-bottom:24px}
.pillar .pv .n{position:absolute;left:18px;bottom:10px;font-family:Aegean;font-size:56px;color:var(--ivory);text-shadow:0 2px 16px rgba(0,0,0,.4)}
/* parcours */
.sand{background:#E7E2D8}
.pc-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:start}
.tl{margin-bottom:6vh}
.tl h5{font-size:12px;letter-spacing:.3em;color:var(--ink)!important;font-weight:600;margin-bottom:18px;display:flex;align-items:center;gap:12px}
.tl h5::after{content:"";flex:1;height:1px;background:rgba(11,10,9,.25)}
.tl ul{position:relative;padding-left:28px!important;max-height:none!important}
.tl ul::before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:1px;background:rgba(11,10,9,.35)}
.tl li{position:relative;grid-template-columns:62px 1fr!important;border-top:0!important;padding:9px 0!important;font-size:16px!important;color:#1d1b18}
.tl li::before{content:"";position:absolute;left:-27px;top:15px;width:11px;height:11px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #E7E2D8}
.tl .yr{font-size:21px!important;color:var(--ink);font-weight:600}
.pc-photos{position:sticky;top:110px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pc-photos figure{margin:0;border-radius:6px;overflow:hidden}
.pc-photos img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);display:block}
.pc-photos .ph1{grid-column:1/-1;aspect-ratio:16/10}
.pc-photos .ph2,.pc-photos .ph3{aspect-ratio:3/4}
/* cabinet */
.cab-part{max-width:760px;margin:0 0 5vh}
.cab-part h4{font-family:Aegean;font-weight:400;font-size:clamp(24px,2.2vw,34px);margin-bottom:18px}
.cab-part p{font-size:16.5px;line-height:1.75;color:#34312c;margin:0 0 1em}
.slider{margin:0 0 14vh}
.sl-main{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#ddd}
.sl-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
.sl-main img.on{opacity:1}
.sl-main button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(243,238,230,.9);border:0;z-index:2}
.sl-main button:hover{background:var(--ink);color:var(--ivory)}
.sl-prev{left:18px}.sl-next{right:18px}
.sl-count{position:absolute;right:18px;bottom:14px;z-index:2;background:rgba(11,10,9,.55);color:var(--ivory);font-size:12px;letter-spacing:.2em;padding:6px 12px;border-radius:999px}
.sl-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:none}
.th{flex:0 0 auto;width:112px;aspect-ratio:3/2;padding:0;border:0;border-radius:4px;overflow:hidden;cursor:pointer;opacity:.45;transition:opacity .3s;outline:2px solid transparent;outline-offset:2px}
.th.on{opacity:1;outline-color:var(--ink)}
.th img{width:100%;height:100%;object-fit:cover;display:block}
.bloc{margin:0 0 14px;border-radius:6px;overflow:hidden;aspect-ratio:1000/300}
.bloc img{width:100%;height:100%;object-fit:cover;display:block}
.team{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.team figure{margin:0;border-radius:6px;overflow:hidden;aspect-ratio:4/3;grid-column:span 2}
.team figure:nth-child(n+4){grid-column:span 3;aspect-ratio:16/9}
.team img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.team figure:hover img{transform:scale(1.04)}
/* presse */
.press-row{display:grid!important;grid-template-columns:repeat(5,1fr);gap:16px}
.press{height:auto!important;aspect-ratio:1/1.05;background:#EAE7E1!important;border:0!important;border-radius:14px!important;padding:14%!important}
.press img{max-height:100%!important;max-width:100%!important;width:100%;height:100%;object-fit:contain}
.ap-sec>.in-wrap>.num{display:block;margin:0 0 30px;line-height:1.4}
.ap-sec h2{text-wrap:balance}
.toc{transition:opacity .5s}.toc.off{opacity:0;pointer-events:none}
.press{padding:9%!important}

/* --- v4 : retours du 30/09 (2) --- */
.philo{grid-template-columns:1fr 1.05fr!important;gap:5vw!important}
.arch{border-radius:0 999px 999px 0/0 50% 50% 0!important;aspect-ratio:3/4.3!important;top:90px!important}
.pull{border:0!important;background:none!important;padding:0!important;margin:2.4em 0 2.6em!important;position:relative}
.pull::before{content:"";display:block;width:56px;height:1px;background:#A7B09C;margin-bottom:22px}
.pull p{font-size:clamp(20px,1.6vw,25px)!important;color:var(--ivory)!important;font-style:normal}
.v-card{right:auto!important;left:clamp(16px,3vw,40px)}
.v-tabs{max-width:none!important;flex-wrap:nowrap!important}
.pillars-wide{margin-inline:-40px}
@media(min-width:1300px){.pillars-wide{margin-inline:-110px}}
.pillar .pv{aspect-ratio:16/10!important}
.pc-tl{position:relative}
.tl-line{position:absolute;left:5px;top:0;bottom:0;width:1px;background:rgba(11,10,9,.15)}
.tl-line i{position:absolute;left:0;top:0;width:1px;height:var(--prog,0%);background:var(--ink)}
.tl ul::before{display:none}
.tl ul{padding-left:30px!important}
.tl h5{margin-left:30px}
.tl li.y{font-family:Aegean;font-size:24px;color:var(--ink);padding:18px 0 4px!important;display:block!important}
.tl li.y::before{display:none}
.tl li.f{display:block!important;padding:7px 0!important}
.tl li.f::before{left:-29px;top:14px;width:9px;height:9px;background:#E7E2D8;border:1px solid rgba(11,10,9,.4);box-shadow:none;transition:background .4s,border-color .4s}
.tl li.f.lit::before{background:var(--ink);border-color:var(--ink)}
.pc-photos{display:block!important;position:sticky;top:100px;height:auto}
.pc-photos .ph{margin:0;border-radius:6px;overflow:hidden;aspect-ratio:auto!important;will-change:transform;box-shadow:0 24px 50px rgba(11,10,9,.14)}
.pc-photos .ph img{height:auto!important;object-fit:initial!important}
.pc-photos .ph1{width:92%;margin-left:8%}
.pc-photos .ph2{width:62%;margin-top:-6%;position:relative;z-index:2}
.pc-photos .ph3{width:48%;margin:-30% 0 0 52%;position:relative;z-index:1}
.cab-part{max-width:none!important}
.cab-part p{font-size:17.5px!important}
.press-row{gap:12px!important}
.press{padding:5%!important;aspect-ratio:1/1!important}
button:focus{outline:none}button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:900px){.pillars-wide{margin-inline:0}.v-tabs{flex-wrap:wrap!important}.v-card{left:auto!important}.arch{border-radius:999px 999px 6px 6px!important}}
.pull p::first-letter{float:none!important;font-size:inherit!important;padding:0!important;line-height:inherit!important;font-family:inherit!important}
.press{aspect-ratio:auto!important;height:clamp(160px,15vw,230px)!important;padding:7% 9%!important}

/* --- v5 --- */
.echo{margin:0 0 -.42em;line-height:.82;white-space:nowrap;overflow:visible;font-family:Aegean;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(11,10,9,.28);pointer-events:none;user-select:none;font-size:120px}
.echo span{display:inline-block}
.dark .echo{-webkit-text-stroke-color:rgba(243,238,230,.26)}
.ap-sec h2{position:relative;z-index:1}
.tl .cours{font-family:Satoshi;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#5c6354;vertical-align:middle;margin-left:6px}
.pc-grid{grid-template-columns:1fr 1fr!important;gap:4vw!important}
.pc-photos .ph1{width:100%!important;margin-left:0!important}
.pc-photos .ph2{width:64%!important;margin-top:-8%!important}
.pc-photos .ph3{width:50%!important;margin:-34% 0 0 50%!important}
.pillars{gap:0!important;border-top:1px solid rgba(11,10,9,.18)!important;padding-top:0}
.pillar,.pillar+.pillar{padding:40px 28px 10px!important}
.pillar+.pillar{border-left:1px solid rgba(11,10,9,.18)!important}
.eq{display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;align-items:center;margin-top:4vh}
.eq-txt{margin:0!important}
.eq-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.eq-grid figure{margin:0;border-radius:5px;overflow:hidden;grid-column:span 2;aspect-ratio:4/3}
.eq-grid .tb{grid-column:span 6;aspect-ratio:1000/330}
.eq-grid figure:nth-child(n+5){grid-column:span 3;aspect-ratio:16/10}
.eq-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.eq-grid figure:hover img{transform:scale(1.05)}
@media(max-width:900px){.pc-grid{grid-template-columns:1fr!important}.eq{grid-template-columns:1fr}.pillar,.pillar+.pillar{padding:32px 0 10px!important;border-left:0!important}.pillar+.pillar{border-top:1px solid rgba(11,10,9,.18)!important}}
@media(max-width:900px){.philo{grid-template-columns:1fr!important}.arch{max-width:420px;position:relative!important;top:0!important}}

/* --- v6 --- */
.eq-lieu{margin-bottom:12vh!important}
.eq>*{min-width:0}
.eq-lieu .slider{margin:0!important}
.eq-lieu .sl-main{aspect-ratio:4/3}
.eq-lieu .th{width:74px}
/* valeurs : fiche à gauche hors vidéo, vidéo à droite au bord arrondi (comme le site d'origine) */
.vals{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center}
.v-media{grid-column:2;grid-row:1;aspect-ratio:16/10!important;border-radius:0 6px 6px 0!important;clip-path:ellipse(100% 78% at 100% 50%)}
.v-card{grid-column:1/span 1;grid-row:1;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;margin-right:-12%;z-index:2;background:#fff!important;border:1px solid var(--ink)!important;border-radius:28px!important;box-shadow:none!important;padding:40px 40px 24px!important}
.v-tabs{margin-top:28px!important}
/* parcours : photos réparties sur toute la hauteur de la frise */
.pc-grid{align-items:stretch!important}
.pc-photos{position:relative!important;top:0!important;height:100%!important;min-height:900px}
.pc-photos .ph{position:absolute!important;margin:0!important;box-shadow:none!important;border-radius:4px}
.pc-photos .ph1{top:0;right:0;width:88%!important}
.pc-photos .ph3{top:34%;right:0;width:58%!important;margin:0!important}
.pc-photos .ph2{top:68%;left:0;width:74%!important;margin:0!important}
@media(max-width:900px){.vals{grid-template-columns:1fr}.v-media{grid-column:1;grid-row:1;clip-path:none;border-radius:6px!important}.v-card{grid-column:1;grid-row:2;margin:-40px 12px 0!important}
.pc-photos{min-height:0;height:auto!important;display:grid!important;gap:12px}.pc-photos .ph{position:relative!important;width:100%!important;top:auto;left:auto;right:auto;transform:none!important}}

/* --- titres animés au scroll --- */
.ap-sec h2 .c2{display:inline-block;opacity:0;transform:translateY(.6em) rotate(3deg);filter:blur(6px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .9s;transition-delay:calc(var(--i)*32ms)}
.ap-sec h2 .w2{display:inline-block;white-space:nowrap}
.ap-sec h2.on .c2{opacity:1;transform:none;filter:none}
.echo span{will-change:transform}
@media(prefers-reduced-motion:reduce){.ap-sec h2 .c2{opacity:1;transform:none;filter:none;transition:none}}

/* fonds alternés : chaque section se détache de la précédente */
#approche,#presse{background:#DEDED3}
#presse .press{background:#F3EEE6!important}
.ap-cta{margin-top:0!important}

/* --- v8 --- */
/* valeurs : vidéo grande qui déborde à droite, fiche plus légère décalée vers le bas (proportions du site d'origine) */
.vals{display:block!important;position:relative;min-height:clamp(420px,44vw,640px)}
.v-media{position:absolute!important;top:0;right:calc(-1*max(clamp(16px,5vw,64px),(100vw - var(--W))/2 + 64px));width:66%;height:100%;aspect-ratio:auto!important;border-radius:0!important;clip-path:ellipse(100% 92% at 100% 50%)!important}
.v-card{position:absolute!important;left:0!important;top:22%;width:46%!important;margin:0!important;padding:34px 38px 30px!important;border-radius:22px!important}
.v-slide h3{font-size:clamp(22px,1.7vw,28px)!important;margin:6px 0 12px!important}
.v-slide p{font-size:15.5px!important;line-height:1.7!important}
.v-n{display:none}
.v-ctrl{position:absolute;inset:50% -19px auto -19px;transform:translateY(-50%);margin:0!important;padding:0!important;border:0!important;pointer-events:none}
.v-ctrl button{pointer-events:auto;width:38px!important;height:38px!important;background:var(--ink)!important;color:var(--ivory)!important;border:0!important;font-size:15px!important}
.v-count{display:none}
.v-tabs{margin-top:32px!important}
/* approche : les 3 colonnes arrivent en cascade */
.pillars .pillar{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.pillars .pv{clip-path:inset(100% 0 0 0 round 6px);transition:clip-path 1.3s cubic-bezier(.7,0,.2,1)}
.pillars .pv .vid{transform:scale(1.25);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.pillars .pv .n{opacity:0;transform:translateY(30px);transition:opacity .9s .5s,transform .9s .5s}
.pillars.in .pillar{opacity:1;transform:none}
.pillars.in .pv{clip-path:inset(0 0 0 0 round 6px)}
.pillars.in .pv .vid{transform:scale(1)}
.pillars.in .pv .n{opacity:1;transform:none}
.pillars .pillar:nth-child(2),.pillars .pillar:nth-child(2) .pv,.pillars .pillar:nth-child(2) .vid{transition-delay:.18s}
.pillars .pillar:nth-child(3),.pillars .pillar:nth-child(3) .pv,.pillars .pillar:nth-child(3) .vid{transition-delay:.36s}
.pillars.in .pillar:hover .pv .vid{transform:scale(1.05);transition-delay:0s}
/* parcours sur fond noir */
#parcours .tl h5{color:var(--ivory)!important}
#parcours .tl h5::after{background:rgba(243,238,230,.25)}
#parcours .tl-line{background:rgba(243,238,230,.18)}
#parcours .tl-line i{background:var(--ivory)}
#parcours .tl li{color:rgba(243,238,230,.82)}
#parcours .tl li.y{color:var(--ivory)}
#parcours .tl .cours{color:#A7B09C}
#parcours .tl li.f::before{background:var(--ink);border-color:rgba(243,238,230,.45)}
#parcours .tl li.f.lit::before{background:var(--ivory);border-color:var(--ivory)}
/* bandeau final plus léger */
.ap-cta{background:#F3EEE6!important;color:var(--ink)!important;border-top:1px solid rgba(11,10,9,.12);padding:8vh clamp(16px,6vw,96px)!important}
.ap-cta p{font-size:clamp(22px,2.2vw,34px)!important}
.ap-cta a{background:var(--ink)!important;color:var(--ivory)!important}
@media(max-width:900px){.vals{min-height:0}.v-media{position:relative!important;right:auto;width:auto;height:auto;aspect-ratio:4/3!important;clip-path:none!important;border-radius:6px!important}.v-card{position:relative!important;top:auto;width:auto!important;margin:-40px 16px 0!important}.v-ctrl{inset:auto;position:static;transform:none;display:flex;justify-content:space-between;margin-top:18px!important}}
@media(prefers-reduced-motion:reduce){.pillars .pillar,.pillars .pv,.pillars .pv .n{opacity:1;transform:none;clip-path:none}}

/* --- v9 : frise horizontale au scroll (fond noir) --- */
#parcours{padding-bottom:0}
.hz{position:relative;width:100vw;margin-left:calc(50% - 50vw)}
.hz-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
.hz-labels{position:absolute;left:0;top:0;bottom:0;width:max(200px,17vw);padding-left:clamp(16px,4vw,56px);display:grid;grid-template-rows:1fr 1fr;z-index:3;pointer-events:none;background:linear-gradient(90deg,var(--ink) 70%,rgba(11,10,9,0))}
.hz-labels h5{margin:0;font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:var(--ivory);writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;justify-self:start}
.hz-track{position:relative;display:flex;align-items:stretch;height:74vh;padding:0 30vw 0 max(210px,18vw);will-change:transform}
.hz-axis{position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(243,238,230,.18)}
.hz-axis i{position:absolute;left:0;top:0;height:1px;width:var(--p,0%);background:var(--ivory)}
.hz-col{flex:0 0 auto;width:clamp(230px,19vw,300px);display:grid;grid-template-rows:1fr auto 1fr;padding-right:28px}
.hz-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.hz-u{justify-content:flex-end;padding-bottom:38px!important}
.hz-p{justify-content:flex-start;padding-top:24px!important}
.hz-col li{font-size:15.5px;line-height:1.45;color:rgba(243,238,230,.85);padding-left:14px;border-left:1px solid rgba(243,238,230,.3);opacity:.3;transform:translateY(8px);transition:opacity .6s,transform .6s}
.hz-u li{font-weight:500;color:var(--ivory)}
.hz-col.lit li{opacity:1;transform:none}
.hz-y{position:relative;display:flex;align-items:center;gap:12px;height:0}
.hz-y b{font-family:Aegean;font-weight:400;font-size:clamp(26px,2.4vw,38px);color:var(--ivory);background:var(--ink);padding:0 10px 0 0;white-space:nowrap}
.hz-y em{font-family:Satoshi;font-style:normal;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#A7B09C;vertical-align:middle}
.hz-dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:var(--ink);border:1px solid rgba(243,238,230,.6);transition:background .4s}
.hz-col.lit .hz-dot{background:var(--ivory)}
.hz-ph{flex:0 0 auto;margin:0 40px 0 0;height:100%;display:flex;align-items:center;position:relative;z-index:1}
.hz-ph img{height:62%;width:auto;max-width:none;border-radius:4px;filter:grayscale(1) contrast(1.05);display:block}
.hz-hint{position:absolute;right:clamp(16px,4vw,56px);bottom:5vh;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(243,238,230,.5);transition:opacity .5s}
/* séparation cabinet / équipe */
.sep{display:flex;align-items:center;gap:28px;margin:4vh 0 12vh}
@media(min-width:1300px){.sep{margin-inline:-110px}}
.sep-l{flex:1;height:1px;background:rgba(11,10,9,.3);transform:scaleX(0);transition:transform 1.4s cubic-bezier(.7,0,.2,1)}
.sep-l:first-child{transform-origin:right}.sep-l:last-child{transform-origin:left}
.sep img{width:46px;height:auto;filter:brightness(0);opacity:0;transform:scale(.6) rotate(-20deg);transition:opacity 1s .5s,transform 1.2s .5s cubic-bezier(.2,.7,.2,1)}
.sep.in .sep-l{transform:scaleX(1)}
.sep.in img{opacity:.75;transform:none}
@media(max-width:900px){
.hz{width:auto;margin-left:0;height:auto!important}.hz-sticky{position:relative;height:auto;overflow-x:auto;display:block;-webkit-overflow-scrolling:touch}
.hz-track{height:560px;padding:0 24px 0 60px;transform:none!important}.hz-labels{left:8px;height:560px;width:30px;padding:0;background:none}.hz-col li{opacity:1;transform:none}.hz-hint{position:static;padding:8px 24px 30px}}
.v-card{top:16%!important;width:54%!important;padding:46px 52px 42px!important}
.v-slide h3{font-size:clamp(26px,2.2vw,36px)!important;margin:0 0 16px!important}
.v-slide p{font-size:17px!important;line-height:1.75!important}
@media(max-width:900px){.v-card{width:auto!important;padding:30px 26px!important}}

/* H1 hiérarchisé : nom en grand, le reste plus petit, interligne aéré */
.ap-hero h1{max-width:none!important;line-height:1!important;letter-spacing:.02em}
.ap-hero h1 .l{display:block}
.ap-hero h1 .l0{font-size:clamp(34px,5vw,84px);line-height:1.1;white-space:nowrap}
.ap-hero .hero-txt{max-width:none!important;width:100%}
.ap-hero h1 .l1{font-size:clamp(17px,1.9vw,30px);line-height:1.3;letter-spacing:.14em;margin-top:.9em;opacity:.92}
.ap-hero .hero-txt{text-shadow:0 2px 30px rgba(0,0,0,.45)}
@media(max-width:900px){.ap-hero h1 .l0{font-size:clamp(28px,8.4vw,40px);line-height:1.22;white-space:normal}.ap-hero h1 .l1{font-size:14px;line-height:1.55;letter-spacing:.1em}.ap-hero h1 .ch,.ap-hero h1 .w{line-height:inherit}}
.eq:not(.eq-lieu){grid-template-columns:1.1fr .9fr}
.eq:not(.eq-lieu) .eq-grid{order:-1}
@media(max-width:900px){.eq:not(.eq-lieu){grid-template-columns:1fr}.eq:not(.eq-lieu) .eq-grid{order:0}}

/* barre du haut : transparente sur l'ouverture, noire dès qu'on descend */
.inner header,header{mix-blend-mode:normal!important;background:transparent;transition:background .5s,padding .5s,box-shadow .5s}
header nav a{color:var(--ivory)!important}
body.scrolled header{background:var(--ink);padding-top:14px;padding-bottom:14px;box-shadow:none;border:0}
.rdv{transition:transform .4s cubic-bezier(.2,.7,.2,1),top .5s,background .5s,color .5s}
body.scrolled .rdv{top:10px;background:var(--ivory)!important;color:var(--ink)!important}
#presse .press-row{margin-top:9vh}

/* équipe : spécialité + praticien au survol (au toucher sur téléphone) */
.eq-grid figure{position:relative;cursor:pointer}
.fc{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px 18px;background:linear-gradient(180deg,rgba(11,10,9,0) 35%,rgba(11,10,9,.72));color:var(--ivory);opacity:0;transition:opacity .45s}
.fc-s{font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;transform:translateY(10px);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.fc-n{font-family:Aegean;font-size:clamp(16px,1.3vw,20px);transform:translateY(10px);transition:transform .5s .05s cubic-bezier(.2,.7,.2,1)}
.eq-grid figure:hover .fc,.eq-grid figure:focus .fc,.eq-grid figure.on .fc{opacity:1}
.eq-grid figure:hover .fc>*,.eq-grid figure:focus .fc>*,.eq-grid figure.on .fc>*{transform:none}
.eq-grid figure:focus{outline:none}
@media(hover:none){.fc{opacity:1;background:linear-gradient(180deg,rgba(11,10,9,0) 55%,rgba(11,10,9,.6))}.fc>*{transform:none}}

.sl-cap{position:absolute;left:18px;bottom:14px;z-index:2;background:rgba(11,10,9,.55);color:var(--ivory);font-size:11px;letter-spacing:.24em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.eq-grid figure,.eq-grid figure:nth-child(n+5){grid-column:span 2;aspect-ratio:4/3}
.eq-grid figure:nth-child(n+4){grid-column:span 3;aspect-ratio:16/10}
@media(max-width:1099px){.toc{display:none!important}}
@media(max-width:900px){
.philo{grid-template-columns:1fr}.pc-grid{grid-template-columns:1fr}.pc-photos{position:relative;top:0}
.v-media{aspect-ratio:4/3}.v-card{position:relative;right:auto;bottom:auto;width:auto;margin:-40px 12px 0}.v-tabs{max-width:none;margin-top:24px}
.pillars{grid-template-columns:1fr!important}
.team{grid-template-columns:1fr 1fr}.team figure,.team figure:nth-child(n+4){grid-column:span 1;aspect-ratio:4/3}.team figure:last-child{grid-column:1/-1}
.press-row{grid-template-columns:repeat(3,1fr)}.bloc{aspect-ratio:16/7}.th{width:84px}}

.inner .rdv{background:var(--ink);color:var(--ivory);box-shadow:0 0 0 1px rgba(243,238,230,.25)}
@media(max-width:900px){.ap-hero{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(3){border-left:0;padding-left:0}.ap-wrap{grid-template-columns:1fr}.toc{display:none}.duo,.value,.tl-grid,.cab-text{grid-template-columns:1fr}.pillars{grid-template-columns:1fr}.pillar+.pillar{padding-left:0;border-left:0;border-top:1px solid rgba(11,10,9,.15)}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:160px}}

.f-bot{background:#0B0A09!important;color:rgba(243,238,230,.72)!important}.f-bot a,.f-bot span{color:rgba(243,238,230,.72)!important}.f-bot a:hover{color:#F3EEE6!important}

footer h5{font-weight:700!important;-webkit-text-stroke:.45px currentColor}
.f-map{text-decoration:underline;text-decoration-color:rgba(11,10,9,.3);text-underline-offset:3px;transition:text-decoration-color .3s}.f-map:hover{text-decoration-color:currentColor}

/* invitation au quiz d'auto-évaluation, raccordée au pied de page (même beige, filets noirs) */
.quiz-cta{background:#ECE8E0;color:var(--ink);padding:16vh clamp(16px,6vw,96px) 14vh;position:relative;z-index:2;text-align:center}
.quiz-cta::after{content:"";position:absolute;left:clamp(16px,6vw,96px);right:clamp(16px,6vw,96px);bottom:0;height:1px;background:rgba(11,10,9,.28)}
.q-in{max-width:980px;margin:0 auto}
.q-k{display:flex;align-items:center;justify-content:center;gap:18px;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:rgba(11,10,9,.55);margin-bottom:30px}
.q-k span{width:44px;height:1px;background:#A7B09C}
.q-t{font-family:Aegean;font-weight:400;font-size:clamp(34px,4.4vw,72px);line-height:1.02;letter-spacing:-.005em;max-width:18ch;margin:0 auto}
.q-s{margin:26px auto 0;font-size:clamp(16px,1.2vw,18px);color:#4a463f}
.q-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:6vh auto 0;max-width:860px}
.q-chips a{padding:12px 20px;border:1px solid rgba(11,10,9,.22);border-radius:999px;font-size:14px;color:#34312c;background:rgba(255,255,255,.35);transition:background .35s,color .35s,border-color .35s,transform .35s;opacity:0;transform:translateY(14px);transition-delay:calc(var(--k)*60ms)}
.quiz-cta.in .q-chips a{opacity:1;transform:none}
.q-chips a:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink);transition-delay:0s}
.q-go{display:inline-flex;align-items:center;gap:16px;margin-top:6vh;padding:18px 20px 18px 30px;border-radius:999px;background:var(--ink);color:var(--ivory);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.q-go i{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--ivory);color:var(--ink);display:grid;place-items:center;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.q-go:hover{transform:scale(1.03)}.q-go:hover i{transform:translateX(4px)}
.q-n{margin-top:22px;font-size:12px;color:rgba(11,10,9,.5)}

@media(prefers-reduced-motion:reduce){.q-chips a{opacity:1;transform:none}}

@media(max-width:600px){.q-k{letter-spacing:.22em;gap:10px}.q-k span{width:22px}.q-go{white-space:nowrap;letter-spacing:.12em;padding:16px 16px 16px 22px;font-size:11px}.q-chips a{padding:10px 16px;font-size:13px}}

/* quiz compact : une ligne, sous la liste des traitements */
.quiz-mini{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"k t go" "k s go";column-gap:36px;row-gap:6px;align-items:center;margin-top:8vh;padding:26px 28px;border:1px solid rgba(243,238,230,.18);border-radius:10px;background:rgba(243,238,230,.035);transition:background .4s,border-color .4s}
.quiz-mini:hover{background:rgba(243,238,230,.08);border-color:rgba(243,238,230,.35)}
.qm-k{grid-area:k;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:#A7B09C;padding-right:36px;border-right:1px solid rgba(243,238,230,.18);align-self:stretch;display:flex;align-items:center}
.qm-t{grid-area:t;font-family:Aegean;font-size:clamp(20px,1.8vw,28px);line-height:1.1}
.qm-s{grid-area:s;font-size:14px;color:rgba(243,238,230,.6)}
.qm-go{grid-area:go;display:inline-flex;align-items:center;gap:12px;padding:12px 12px 12px 20px;border-radius:999px;background:var(--ivory);color:var(--ink);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;white-space:nowrap}
.qm-go i{font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--ivory);display:grid;place-items:center;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.quiz-mini:hover .qm-go i{transform:translateX(4px)}
.quiz-mini.light{border-color:rgba(11,10,9,.16);background:rgba(255,255,255,.4)}
.quiz-mini.light:hover{background:#fff;border-color:rgba(11,10,9,.3)}
.quiz-mini.light .qm-k{border-color:rgba(11,10,9,.16);color:#5c6354}.quiz-mini.light .qm-s{color:#6a655c}
.quiz-mini.light .qm-go{background:var(--ink);color:var(--ivory)}.quiz-mini.light .qm-go i{background:var(--ivory);color:var(--ink)}
.quiz-wrap{background:#ECE8E0;padding:9vh clamp(16px,6vw,96px);position:relative;z-index:2}
.quiz-wrap::after{content:"";position:absolute;left:clamp(16px,6vw,96px);right:clamp(16px,6vw,96px);bottom:0;height:1px;background:rgba(11,10,9,.28)}
.quiz-wrap .quiz-mini{max-width:var(--W);margin:0 auto}
@media(max-width:800px){.quiz-mini{grid-template-columns:1fr;grid-template-areas:"k" "t" "s" "go";row-gap:10px}.qm-k{border:0;padding:0}.qm-go{justify-self:start;margin-top:8px}}

/* pied de page : colonnes beiges centrées verticalement */
footer .f-top ul{align-content:start}footer .f-top>div+div{display:flex;flex-direction:column;justify-content:center;padding-top:7vh!important;padding-bottom:7vh!important}
header nav{gap:26px}header nav a.cur{opacity:1;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.eq-grid img[src*="cabinet-mon-cabinet-dentaire-levallois-perret-dr-bruno-abehassera-3"]{object-position:50% 80%}#approche .quiz-mini{margin-top:9vh}
/* TEST (comme Services) : H1 en casse normale, plus grand */
.ap-hero h1{text-transform:uppercase!important;letter-spacing:.02em!important}
.ap-hero h1 .l0{font-size:clamp(34px,4.9vw,84px)!important;line-height:1.05!important}
.ap-hero h1 .l1{font-size:clamp(17px,1.9vw,30px)!important;letter-spacing:.1em!important;margin-top:.7em!important;opacity:.9}
@media(max-width:900px){.ap-hero h1 .l0{font-size:clamp(28px,8.4vw,40px)!important;white-space:normal!important}.ap-hero h1 .l1{font-size:15px!important}}

.smenu{position:fixed;top:0;left:0;opacity:0;visibility:hidden}
.cmenu{position:fixed;top:0;left:0;opacity:0;visibility:hidden}
.mega{position:fixed;top:0;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none}


/* --- page Technologies --- */
.ap-hero h1{text-transform:none!important;letter-spacing:-.01em!important}
.ap-hero h1 .l0{font-size:clamp(30px,4.2vw,72px)!important;line-height:1.04!important;white-space:normal!important;max-width:20ch;margin:0 auto}
.ap-hero h1 .l1{font-size:clamp(20px,2.3vw,38px)!important;letter-spacing:0!important;margin-top:.25em!important}
.ap-hero .lead{text-transform:uppercase;letter-spacing:.16em;font-size:12px;max-width:66ch}
.te-intro{background:var(--ivory)}
.te-lead{font-family:Aegean;font-size:clamp(24px,2.3vw,38px);line-height:1.32;color:var(--ink);max-width:34ch;margin:0 0 8vh}
.te-lead b{font-weight:400;border-bottom:1px solid #A7B09C}
.te-duo{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end;margin-bottom:12vh}
.te-duo p{font-size:clamp(17px,1.25vw,20px);line-height:1.75;color:#34312c}
.te-duo b{color:var(--ink);font-weight:600}
.te-claim{font-family:Aegean;font-size:clamp(22px,1.9vw,30px)!important;line-height:1.3!important;color:var(--ink)!important;padding-left:28px;border-left:1px solid #A7B09C}
.te-claim b{font-weight:400!important}
.te-idx{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(11,10,9,.18)}
.te-idx a{display:flex;align-items:baseline;gap:14px;padding:20px 0;border-bottom:1px solid rgba(11,10,9,.18);font-family:Aegean;font-size:clamp(18px,1.6vw,26px);color:var(--ink);transition:padding .5s cubic-bezier(.2,.7,.2,1),color .3s}
.te-idx a span{font-family:Satoshi;font-size:11px;letter-spacing:.3em;color:#5c6354}
.te-idx a:hover{padding-left:14px}
.te-list{background:var(--ivory);padding-top:4vh!important}
.tg{position:relative;padding:12vh 0 4vh;border-top:1px solid rgba(11,10,9,.1)}
.tg:first-child{border-top:0;padding-top:4vh}
.tg-media{position:relative;aspect-ratio:21/9;border-radius:14px;overflow:hidden;background:#1b1a18}
.tg-media .vid{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.tg.in .tg-media .vid{transform:scale(1)}
.tg-n{position:absolute;top:20px;left:24px;color:var(--ivory);font-size:11px;letter-spacing:.3em;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.tg-h{position:relative;font-family:Aegean;font-weight:400;font-size:clamp(38px,5.4vw,92px)!important;line-height:.95;text-transform:uppercase;color:var(--ink);margin:-0.5em 0 5vh 4%!important;max-width:none;padding:.18em .4em 0 .3em;background:var(--ivory);display:inline-block;border-radius:10px 10px 0 0}
.tg-txt{display:grid;grid-template-columns:1fr 1fr;gap:5vw}
.tg-txt p{font-size:16.5px;line-height:1.8;color:#34312c}
.tg-txt b{color:var(--ink);font-weight:600}
.tg-go{display:inline-flex;align-items:center;gap:10px;margin-top:4vh;padding:13px 22px;border-radius:999px;background:var(--ink);color:var(--ivory);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;transition:background .4s,color .4s}
.tg-go:hover{background:#fff;color:var(--ink)}.tg-go i{font-style:normal}
@media(max-width:900px){.te-duo,.tg-txt{grid-template-columns:1fr;gap:3vh}.te-idx{grid-template-columns:1fr 1fr}.tg-media{aspect-ratio:4/3}.tg-h{font-size:clamp(28px,9vw,44px)!important;margin-left:0!important}.te-claim{padding-left:18px}}

/* intro harmonisée : une seule taille de texte + une phrase-signature */
.te-lead{font-family:Satoshi!important;font-size:clamp(19px,1.45vw,23px)!important;line-height:1.7!important;color:#34312c!important;max-width:62ch!important;margin:0 0 4vh!important}
.te-lead b{font-weight:600;color:var(--ink);border:0!important}
.te-duo{grid-template-columns:1fr!important;gap:6vh!important;max-width:62ch}
.te-duo p{font-size:clamp(19px,1.45vw,23px)!important;line-height:1.7!important}
.te-claim{font-size:clamp(26px,2.4vw,40px)!important;padding-left:0!important;border-left:0!important;padding-top:5vh;border-top:1px solid #A7B09C;max-width:24ch}
@media(max-width:900px){.te-idx{grid-template-columns:1fr!important}.te-lead,.te-duo p{font-size:18px!important}.te-claim{font-size:26px!important}}

/* --- v2 --- */
.te-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;margin-bottom:12vh}
.te-txt p{font-size:clamp(18px,1.35vw,21px);line-height:1.75;color:#34312c;margin:0 0 1.3em}
.te-txt b{color:var(--ink);font-weight:600}
.te-media{aspect-ratio:4/5;border-radius:999px 999px 12px 12px;overflow:hidden;background:#1b1a18}
.te-media .vid{width:100%;height:100%;object-fit:cover}
.te-claim{text-align:center;margin:0 auto 12vh!important;max-width:26ch!important;border-top:0!important;padding-top:0!important;font-size:clamp(28px,3vw,50px)!important}
.te-idx a{align-items:center!important;font-size:clamp(16px,1.3vw,21px)!important;gap:16px!important;padding:16px 0!important}
.te-dot{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 auto;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.te-idx a:hover .te-dot{transform:scale(1.15)}
.tg{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;padding:10vh 0!important}
.tg-txt{display:block!important}
.tg-n{position:static!important;display:block;color:#5c6354!important;text-shadow:none!important;font-size:11px;letter-spacing:.3em;margin-bottom:14px}
.tg-h{position:static!important;display:block!important;margin:0 0 26px!important;padding:0!important;background:none!important;font-size:clamp(28px,2.7vw,46px)!important;line-height:1.02}
.tg-txt p{font-size:16px;line-height:1.78;color:#34312c;margin:0 0 1em}
.tg-media{aspect-ratio:16/10!important;border-radius:14px}
@media(max-width:900px){.te-grid,.tg{grid-template-columns:1fr}.te-media{max-width:420px;aspect-ratio:4/4.4}.tg-media{order:-1}}

/* --- v3 éditorial --- */
.te-media2{position:relative;aspect-ratio:1/1}
.te-media2 .tm{position:absolute;overflow:hidden;background:#1b1a18}
.te-media2 .tm video{width:100%;height:100%;object-fit:cover}
.te-media2 .a{left:0;top:0;width:78%;aspect-ratio:4/3;border-radius:12px}
.te-media2 .b{right:0;bottom:0;width:52%;aspect-ratio:3/4;border-radius:999px 999px 12px 12px;box-shadow:0 0 0 10px var(--ivory)}
.te-list .in-wrap{max-width:calc(var(--W) + 60px)}
.ed{position:relative;padding:14vh 0;border-top:1px solid rgba(11,10,9,.12)}
.ed:first-child{border-top:0;padding-top:6vh}
.ed::before{content:attr(data-n);position:absolute;top:6vh;right:0;font-family:Aegean;font-size:clamp(120px,16vw,260px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(11,10,9,.14);pointer-events:none}
.ed-m{position:relative;overflow:hidden;border-radius:14px;background:#1b1a18}
.ed-m .vid{width:100%;height:118%;object-fit:cover;will-change:transform}
.ed-n{display:block;font-size:11px;letter-spacing:.3em;color:#5c6354;margin-bottom:16px}
.ed-h{font-family:Aegean;font-weight:400;font-size:clamp(34px,4vw,68px)!important;line-height:.98;text-transform:uppercase;color:var(--ink);margin:0 0 30px!important;max-width:none}
.ed p{font-size:16px;line-height:1.8;color:#34312c;margin:0 0 1em}
.ed b{color:var(--ink);font-weight:600}
.ed .tg-go{margin-top:2vh}
/* couverture : vidéo bord à bord, titre + 2 colonnes dessous */
.ed-cover .ed-m{width:100vw;margin-left:calc(50% - 50vw);border-radius:0;height:78vh}
.ed-cover::before{top:auto;bottom:calc(14vh + 20px);right:0}
.ed-cover .ed-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;margin-top:7vh;align-items:start}
.ed-cols{display:grid;grid-template-columns:1fr 1fr;gap:3vw}
.ed-cover .ed-cols .tg-go{grid-column:1/-1;justify-self:start}
/* portrait : vidéo haute à gauche, texte en regard */
.ed-portrait{display:grid;grid-template-columns:.85fr 1fr;gap:6vw;align-items:center}
.ed-portrait .ed-m{aspect-ratio:4/5.2;border-radius:999px 999px 14px 14px}
.ed-portrait.flip .ed-m{order:2}
.ed-portrait::before{left:auto;right:0}
.ed-portrait.flip::before{right:auto;left:0}
.ed-lead{font-family:Aegean;font-size:clamp(20px,1.7vw,27px)!important;line-height:1.4!important;color:var(--ink)!important}
.ed-lead b{font-weight:400!important;border-bottom:1px solid #A7B09C}
/* diptyque : deux cadrages décalés */
.ed-dip{display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:center}
.ed-dip.flip .ed-pair{order:2}
.ed-pair{position:relative;height:min(78vh,720px)}
.ed-pair .big{position:absolute;left:0;top:0;width:82%;height:72%}
.ed-pair .small{position:absolute;right:0;bottom:0;width:46%;height:52%;box-shadow:0 0 0 10px var(--ivory)}
.ed-pair .small .vid{object-position:70% 50%;transform:scale(1.5)}
.ed-dip .ed-cols{grid-template-columns:1fr;gap:0}
.ed-dip::before{top:auto;bottom:4vh}
@media(max-width:900px){.ed::before{font-size:110px}.ed-cover .ed-m{height:52vh}.ed-cover .ed-body,.ed-cols,.ed-portrait,.ed-dip{grid-template-columns:1fr}.ed-portrait .ed-m,.ed-portrait.flip .ed-m{order:-1;max-width:380px}.ed-dip .ed-pair,.ed-dip.flip .ed-pair{order:-1;height:62vh}.te-media2{max-width:420px}}

/* --- v4 : vidéos entières, plus de découpes --- */
.ed-dip{grid-template-columns:1.25fr .75fr!important;align-items:center}
.ed-dip.flip .ed-m{order:2}
.ed-m.pano{aspect-ratio:16/10;width:100%;border-radius:14px}
.ed-m.pano .vid{height:112%}
.te-media2{aspect-ratio:auto!important;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.te-media2 .tm{position:relative!important;inset:auto!important;width:100%!important;box-shadow:none!important;border-radius:12px!important}
.te-media2 .a{aspect-ratio:3/4.2!important}
.te-media2 .b{aspect-ratio:3/4.2!important;margin-top:18vh}
.te-media2 .tm video{object-position:50% 40%}
@media(max-width:900px){.ed-dip .ed-m,.ed-dip.flip .ed-m{order:-1}.te-media2 .b{margin-top:10vh}}

#empreintes .vid{transform:scale(1.3)!important;transform-origin:50% 60%}
@media(max-width:900px){.ed-dip{grid-template-columns:1fr!important}.ed-m.pano{width:100%}}

/* --- v5 : carte flottante --- */
.te-list .in-wrap{max-width:calc(var(--W) + 140px)}
.tfc{position:relative;padding:8vh 0 16vh}
.tfc-m{width:80%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#1b1a18}
.tfc.r .tfc-m{margin-left:auto}
.tfc-m .vid{width:100%;height:112%;object-fit:cover;will-change:transform}
.tfc-c{position:absolute;right:0;bottom:7vh;width:min(470px,40%);background:var(--ivory);border-radius:16px;padding:38px 40px 34px;box-shadow:0 30px 70px rgba(11,10,9,.14);opacity:0;transform:translateY(50px);transition:opacity 1s .15s,transform 1.1s .15s cubic-bezier(.2,.7,.2,1)}
.tfc.r .tfc-c{right:auto;left:0}
.tfc.in .tfc-c{opacity:1;transform:none}
.tfc-n{display:block;font-size:11px;letter-spacing:.3em;color:#5c6354;margin-bottom:14px}
.tfc-h{font-family:Aegean;font-weight:400;font-size:clamp(28px,2.6vw,42px)!important;line-height:1;text-transform:uppercase;color:var(--ink);margin:0 0 20px!important;max-width:none}
.tfc-c p{font-size:15px;line-height:1.75;color:#34312c;margin:0 0 .9em}
.tfc-c b{color:var(--ink);font-weight:600}
.tfc-c .tg-go{margin-top:1.5vh}
#empreintes .tfc-m .vid{transform:scale(1.3)!important;transform-origin:50% 60%}
@media(max-width:900px){.tfc{padding:5vh 0 7vh}.tfc-m{width:100%}.tfc-c,.tfc.r .tfc-c{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin:-40px 12px 0;padding:28px 24px}}
@media(prefers-reduced-motion:reduce){.tfc-c{opacity:1;transform:none}}

/* --- v6 : cartes plus en périphérie, texte justifié, intro vidéos entières --- */
.tfc{padding:8vh 0 18vh!important}
.tfc-m{width:76%!important}
.tfc-c{right:-3%!important;bottom:4vh!important;width:min(440px,36%)!important}
.tfc.r .tfc-c{left:-3%!important;right:auto!important}
.tfc-c p,.te-txt p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.tfc-h{overflow-wrap:normal}
.te-media2{display:flex!important;flex-direction:column;gap:18px}
.te-media2 .tm{aspect-ratio:16/9!important;margin:0!important}
.te-media2 .a{width:86%!important}
.te-media2 .b{width:86%!important;align-self:flex-end}
.te-media2 .tm video{object-fit:cover}
@media(max-width:900px){.tfc-c,.tfc.r .tfc-c{left:auto!important;right:auto!important;width:auto!important}.tfc-m{width:100%!important}}

/* --- v7 --- */
.te-intro{padding-bottom:14vh!important}
.te-cols{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin:6vh 0 8vh}
.te-cols p{font-size:clamp(17px,1.25vw,20px);line-height:1.8;color:#34312c;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.te-cols b{color:var(--ink);font-weight:600}
.te-vids{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(calc(var(--W) + 220px),calc(100vw - 2*clamp(16px,4vw,56px)));position:relative;left:50%;transform:translateX(-50%)}
.te-vids .tv{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#1b1a18}
.te-vids .vid{width:100%;height:100%;object-fit:cover}
.te-vids.reveal{opacity:1!important}
.te-claim{margin:12vh auto 0!important}
.te-sum{background:#DEDED3;padding-bottom:14vh!important}
.tt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6vh}
.tt{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;color:var(--ivory)}
.tt img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.tt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(11,10,9,.72))}
.tt:hover img{transform:scale(1.12)}
.tt-c{position:absolute;left:22px;right:22px;bottom:18px;z-index:2}
.tt-n{display:block;font-size:11px;letter-spacing:.3em;opacity:.75;margin-bottom:8px}
.tt-t{font-family:Aegean;font-size:clamp(20px,1.8vw,28px);text-transform:uppercase;line-height:1.05}
.te-list{padding:0!important;background:none!important}
.tfc{position:relative;isolation:isolate}
.tfc::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;background:var(--bgc)}
.bg-ivory{--bgc:var(--ivory)}.bg-sage{--bgc:#DEDED3}.bg-sand{--bgc:#E7E2D8}.bg-ink{--bgc:#0b0a09}
.bg-ink .tfc-c{background:#1a1917;color:var(--ivory);box-shadow:0 30px 70px rgba(0,0,0,.4)}
.bg-ink .tfc-h{color:var(--ivory)!important}.bg-ink .tfc-c p{color:rgba(243,238,230,.8)!important}.bg-ink .tfc-c b{color:var(--ivory)!important}.bg-ink .tfc-n{color:#A7B09C!important}
.bg-ink .tg-go{background:var(--ivory);color:var(--ink)}
.tfc{padding:14vh 0 20vh!important}
@media(max-width:900px){.te-cols,.te-vids{grid-template-columns:1fr}.te-vids{width:auto;left:auto;transform:none}.tt-grid{grid-template-columns:1fr 1fr;gap:10px}.tt-t{font-size:15px}.tfc{padding:7vh 0 9vh!important}}

.te-vids{left:auto!important;transform:none!important;width:auto!important;margin-left:calc(50% - min(700px,50vw - clamp(16px,4vw,56px)));margin-right:calc(50% - min(700px,50vw - clamp(16px,4vw,56px)))}
@media(max-width:900px){.te-vids{margin:0!important}.tt-t{font-size:11.5px!important;line-height:1.1;letter-spacing:-.01em}.tt-c{left:12px;right:12px;bottom:10px}}

/* --- v8 --- */
.te-intro .echo,.te-sum .echo{margin-bottom:5vh!important}
.te-intro .num,.te-sum .num{font-size:15px!important;letter-spacing:.24em!important;text-transform:uppercase;color:var(--ink)!important;font-weight:500;display:flex!important;align-items:center;gap:16px}
.te-intro .num::before,.te-sum .num::before{content:"";width:44px;height:1px;background:#A7B09C}
.tt[href="#ia"] img{transform:scale(1.22);object-position:50% 70%}
.tt[href="#ia"]:hover img{transform:scale(1.3)}
.tt[href="#empreintes"] img{transform:scale(1.3);object-position:50% 60%}
.tt[href="#empreintes"]:hover img{transform:scale(1.38)}
.te-intro .num,.te-sum .num{margin-bottom:34px!important}
.tt[href="#ia"] img{transform:scale(1.35)!important;object-position:50% 80%}

/* --- menu v2 : quinconce aéré, nom sous l'image, vidéo au survol --- */
.mt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:4vw;row-gap:9vh;margin-top:8vh;padding-bottom:10vh}
.mt{display:block;color:var(--ink);opacity:0;transform:translateY(50px);transition:opacity 1s,transform 1.1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(mod(var(--i),3)*120ms)}
.mt:nth-child(3n+2){margin-top:12vh}
.mt-grid.in .mt{opacity:1;transform:none}
.mt-f{position:relative;display:block;aspect-ratio:4/5;border-radius:999px 999px 14px 14px;overflow:hidden;background:#1b1a18}
.mt-f img,.mt-f video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity .6s}
.mt-f video{opacity:0}
.mt:hover .mt-f video{opacity:1}
.mt:hover .mt-f img,.mt:hover .mt-f video{transform:scale(1.05)}
.mt[href="#ia"] .mt-f img,.mt[href="#ia"] .mt-f video{object-position:50% 80%}
.mt[href="#empreintes"] .mt-f img,.mt[href="#empreintes"] .mt-f video{transform:scale(1.25)}
.mt-l{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:14px;padding-top:20px;margin-top:20px;border-top:1px solid rgba(11,10,9,.25)}
.mt-n{font-size:11px;letter-spacing:.3em;color:#5c6354}
.mt-t{font-family:Aegean;font-size:clamp(18px,1.55vw,25px);text-transform:uppercase;line-height:1.05}
.mt-l i{font-style:normal;opacity:.35;transition:transform .4s,opacity .4s}
.mt:hover .mt-l i{opacity:1;transform:translateX(6px)}
@media(max-width:900px){.mt-grid{grid-template-columns:1fr 1fr;column-gap:14px;row-gap:5vh}.mt:nth-child(3n+2){margin-top:0}.mt:nth-child(even){margin-top:6vh}.mt-t{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mt{opacity:1;transform:none}}
.mt{min-width:0}.mt-f{width:100%}
.mt[href="#empreintes"] .mt-f img,.mt[href="#empreintes"] .mt-f video{transform:scale(1.45);object-position:50% 70%}
.mt[href="#ia"] .mt-f img,.mt[href="#ia"] .mt-f video{transform:scale(1.3)}
@media(max-width:900px){.mt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* --- menu final : liste sombre, photos en couleur --- */
.dark-sum{background:var(--ink)!important;color:var(--ivory)}
.dark-sum .num{color:var(--ivory)!important}
.dark-sum .echo{-webkit-text-stroke-color:rgba(243,238,230,.26)!important}
.i4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3vw;margin-top:4vh}
.i4{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid rgba(243,238,230,.18);color:var(--ivory)}
.i4-grid .i4:nth-child(-n+3){border-top:1px solid rgba(243,238,230,.18)}
.i4 .b{width:62px;height:62px;border-radius:50%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.i4:hover .b{transform:scale(1.15)}
.i4 .t{font-family:Aegean;font-size:clamp(17px,1.5vw,24px);text-transform:uppercase;line-height:1.05}
.i4 .n{display:block;font-family:Satoshi;font-size:11px;letter-spacing:.3em;color:#A7B09C;margin-bottom:6px}
.i4 i{font-style:normal;opacity:.3;transition:.4s}.i4:hover i{opacity:1;transform:translateX(5px)}
@media(max-width:900px){.i4-grid{grid-template-columns:1fr}.i4-grid .i4:nth-child(-n+3){border-top:0}.i4-grid .i4:first-child{border-top:1px solid rgba(243,238,230,.18)}}

/* la page ne déborde jamais en largeur (sinon sur téléphone l'écran « saute » au chargement, pénalisé par Google) */
main,footer{overflow-x:clip}
/* Motion : les fiches et le sommaire sont animés par le script Motion (plus de transition CSS en double) */
.mo .tfc-c{transition:none!important}
.mo .i4 .b{transition:none!important}
.mo .i4:hover .b{transform:none}

/* ===== Savoir-faire français — mise en page éditoriale (03/10) ===== */
.sf-hero{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);padding:0!important;min-height:100svh;align-items:stretch!important;background:var(--ink)}
.sf-hero::after{display:none!important}
.sf-hl{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:18vh clamp(16px,4.5vw,88px) 9vh}
.ap-hero.sf-hero h1{text-align:left!important;margin:0!important;max-width:none!important;text-shadow:none}
.ap-hero.sf-hero h1 .l0{font-size:clamp(40px,4.5vw,100px)!important;line-height:1.02!important;white-space:normal!important;max-width:11ch!important;margin:0!important;text-align:left}
.ap-hero.sf-hero h1 .l1{font-size:clamp(13px,1vw,17px)!important;letter-spacing:.24em!important;text-transform:uppercase;margin-top:2.2em!important;color:#A7B09C;opacity:1}
.ap-hero.sf-hero .lead{text-align:left!important;margin:5vh 0 0!important;max-width:36ch!important;padding-top:3.4vh;border-top:1px solid rgba(243,238,230,.18);font-size:clamp(17px,1.22vw,23px)!important;letter-spacing:.005em!important;line-height:1.6!important;text-transform:none!important;color:rgba(243,238,230,.84)!important}
.sf-down{margin-top:6vh;width:54px;height:54px;border-radius:50%;border:1px solid rgba(243,238,230,.3);display:grid;place-items:center;color:var(--ivory)}
.sf-down svg{width:20px;height:20px}
.sf-hv{position:relative;overflow:hidden;background:#1b1a18}
.sf-hv .vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sf-hv::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ink) 0%,rgba(11,10,9,0) 22%);pointer-events:none}

.sf-ch{position:relative;padding:18vh 0 18vh;background:var(--ivory);color:var(--ink);overflow-x:clip}
.sf-alt{background:#DEDED3}
.sf-w{max-width:var(--W);margin:0 auto;padding:0 clamp(16px,5vw,64px)}
.sf-chh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3vw;align-items:end;padding-bottom:5vh;border-bottom:1px solid rgba(11,10,9,.16);margin-bottom:9vh}
.sf-no{font-family:Aegean;font-size:clamp(96px,11vw,230px);line-height:.78;color:transparent;-webkit-text-stroke:1px rgba(11,10,9,.32);display:block}
.sf-chh h2{font-family:Aegean;font-weight:400;font-size:clamp(34px,4.1vw,86px)!important;line-height:1.02!important;text-transform:none!important;letter-spacing:-.012em;margin:0!important;max-width:15ch!important;color:var(--ink)}
.sf-ch p b{color:var(--ink);font-weight:600;background:linear-gradient(#A7B09C,#A7B09C) no-repeat 0 100%/100% 1px}

.sf-g1,.sf-g2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2.4vw;align-items:center}
.sf-left{grid-column:1/8}.sf-lead{font-size:clamp(19px,1.3vw,25px);line-height:1.62;color:var(--ink);margin:0 0 3.6vh}
.sf-lead::first-letter{font-family:Aegean;float:left;font-size:4.1em;line-height:.82;padding:.05em .12em 0 0}
.sf-cols{columns:2;column-gap:3vw}
.sf-cols p,.sf-t2 p{margin:0 0 1.2em;font-size:clamp(16.5px,1.06vw,20px);line-height:1.78;color:#2b2925;text-align:justify;hyphens:auto;-webkit-hyphens:auto;break-inside:avoid}
.sf-ph{margin:0;overflow:hidden;background:#d9d6cf}
.sf-ph img{width:100%;height:100%;object-fit:cover;display:block}
.sf-ph1{grid-column:9/13;aspect-ratio:3/4;border-top-left-radius:min(260px,40%);margin-right:calc(-1*(max(0px,(100vw - var(--W))/2) + clamp(16px,5vw,64px)))}
.sf-ph2{grid-column:1/6;aspect-ratio:4/5;border-top-right-radius:min(260px,40%);margin-left:calc(-1*(max(0px,(100vw - var(--W))/2) + clamp(16px,5vw,64px)))}
.sf-t2{grid-column:7/13}
.sf-lead2{font-size:clamp(19px,1.3vw,25px)!important;line-height:1.62!important;color:var(--ink)!important;text-align:left!important;margin-bottom:3.6vh!important}

.sf-pull{max-width:var(--W);margin:18vh auto 0;padding:0 clamp(16px,5vw,64px)}
.sf-pull p{font-family:Aegean;font-size:clamp(34px,4.3vw,96px);line-height:1.08;letter-spacing:-.015em;color:var(--ink);max-width:21ch;margin:0 0 0 auto;text-align:right}
.sf-pull p::before{content:"«\00a0"}.sf-pull p::after{content:"\00a0»"}
.sf-pull .w{color:rgba(11,10,9,.45)}

.sf-band{position:relative;height:min(84vh,820px);overflow:hidden;background:#1b1a18}
.sf-band .vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.sf-final{max-width:1200px;margin:20vh auto 0;padding-top:12vh;border-top:1px solid rgba(11,10,9,.14);text-align:center;font-family:Aegean;font-size:clamp(22px,1.75vw,34px);line-height:1.32;color:#5c6354}
.sf-final .sf-big{display:block;margin:4vh auto 0;font-size:clamp(30px,2.9vw,58px);line-height:1.14;color:var(--ink);max-width:26ch}
.sf-final .sf-big b{font-weight:400;color:#5c6354;background:none}
.sf-final .sf-big .w{display:inline-block}


/* frise des échanges : sticky, la ligne ondule entre le cabinet et les céramistes, un point la parcourt au scroll */
.sf-flow{position:relative;height:300vh;margin:-6vh 0 14vh}
.sf-flow-st{position:sticky;top:0;height:100vh;display:flex;align-items:center}
.sf-flow-st>.sf-w{width:100%}
.sf-flow-k{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#5c6354;margin:0 0 2vh;text-align:center}
.sf-flow-t{font-family:Aegean;font-size:clamp(32px,3.4vw,68px);line-height:1.04;color:var(--ink);margin:0 auto 6vh;max-width:20ch;text-align:center;text-wrap:balance}
.sf-map{position:relative;height:clamp(180px,26vh,300px);margin:0 0 4vh}
.sf-wave{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sf-wave line{stroke:rgba(11,10,9,.16);stroke-width:1;stroke-dasharray:3 6;vector-effect:non-scaling-stroke}
.sf-wave path{fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke}
.sf-wave .bg{stroke:rgba(11,10,9,.14)}.sf-wave .fg{stroke:var(--ink);stroke-width:1.6}
.sf-lane{position:absolute;left:0;z-index:2;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);background:#DEDED3;padding:6px 14px 6px 0;line-height:1.3}
.sf-lane em{display:block;font-style:normal;color:#5c6354;letter-spacing:.2em;font-size:10px}
.sf-lane.up{top:calc(13.3% - 2.2em)}.sf-lane.dn{top:calc(86.7% + .6em)}
.sf-mk{position:absolute;top:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border-radius:50%;background:#DEDED3;border:1px solid rgba(11,10,9,.35);z-index:2;transition:background .4s,border-color .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.sf-mk.on{background:var(--ink);border-color:var(--ink);transform:scale(1.25)}
.sf-dot{position:absolute;left:0;top:13.3%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 6px rgba(167,176,156,.45);z-index:3}
.sf-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2vw}
.sf-steps li{text-align:center;padding:0 1vw;opacity:.22;transition:opacity .6s}
.sf-steps li.on{opacity:1}
.sf-steps .n{display:block;font-family:Aegean;font-size:clamp(34px,2.6vw,52px);line-height:1;color:transparent;-webkit-text-stroke:1px var(--ink);margin-bottom:1.6vh}
.sf-steps .t{display:block;font-family:Aegean;font-size:clamp(20px,1.55vw,30px);line-height:1.12;color:var(--ink)}
.sf-steps .d{display:block;margin-top:1.4vh;font-size:clamp(13.5px,.85vw,16px);line-height:1.6;color:#4a4740}
@media(max-width:900px){
  .sf-flow{height:auto;margin-top:8vh}.sf-flow-st{position:relative;height:auto;display:block}
  .sf-map{display:none}.sf-flow-t{margin-bottom:5vh}
  .sf-steps{grid-template-columns:1fr;gap:4.5vh;border-left:1px solid rgba(11,10,9,.25);padding-left:22px}
  .sf-steps li{text-align:left;padding:0;opacity:1}
  .sf-final{font-size:22px}.sf-final .sf-big{font-size:30px}
}
@media(max-width:900px){
  .sf-hero{grid-template-columns:1fr}.sf-hv{order:-1;height:54svh}.sf-hv::before{background:linear-gradient(0deg,var(--ink),rgba(11,10,9,0) 30%)}
  .sf-hl{padding:5vh 16px 8vh}.ap-hero.sf-hero h1 .l0{font-size:clamp(32px,9.6vw,44px)!important}
  .sf-ch{padding:11vh 0}.sf-chh{grid-template-columns:1fr;gap:2vh;margin-bottom:6vh}.sf-no{font-size:84px}
  .sf-g1,.sf-g2{grid-template-columns:1fr}.sf-left,.sf-ph1,.sf-ph2,.sf-t2{grid-column:1/-1;grid-row:auto}
  .sf-ph1,.sf-ph2{margin:0 -16px 6vh;aspect-ratio:4/4.4}.sf-ph1{border-top-left-radius:120px}.sf-ph2{border-top-right-radius:120px}
  .sf-cols{columns:1}.sf-cols p,.sf-t2 p{text-align:left}
  .sf-pull{margin-top:10vh}.sf-pull p{font-size:30px;text-align:left;margin:0}
  .sf-band{height:44vh}
  .sf-final{margin-top:11vh}
}

/* grand écran : le contenu s'étire davantage (demande du 03/10), sans limite trop tôt */
:root{--W:1180px}
@media(min-width:1500px){:root{--W:min(84vw,1760px)}}
@media(min-width:1700px){.tr p,.xp-txt p,.tfc-c p,.sf-txt p,.duo2 p,.ch-txt p,.te-cols p,.eq-txt p,.cab-part p,.g-txt,.mov-h p{font-size:clamp(17px,.98vw,21px)!important}}

/* chapitres numérotés I, II, III… en alternance gauche / droite (règle commune Savoir-faire + Consultation) */
.sf-chh.r{grid-template-columns:minmax(0,1fr) auto!important}
.sf-chh.r .sf-no{order:2}
.sf-chh.r h2,.sf-chh.r .cs-hook{order:1;text-align:right;margin-left:auto!important;justify-self:end}
@media(max-width:900px){.sf-chh.r{grid-template-columns:1fr!important}.sf-chh.r .sf-no{order:0}.sf-chh.r h2,.sf-chh.r .cs-hook{text-align:left;justify-self:start;margin-left:0!important}}

/* conclusion : 1re phrase en noir, un peu plus petite ; plus d'espace avant la grande phrase */
.sf-final{color:var(--ink)!important;font-size:clamp(19px,1.45vw,28px)!important}
.sf-final .sf-big{margin-top:6.5vh!important}
@media(max-width:900px){.sf-final{font-size:19px!important}}

/* menu lisible au-dessus des vidéos d'ouverture (sans bandeau noir) : voile sombre en haut de la vidéo + texte un peu plus épais */
.sf-hv::after{content:"";position:absolute;left:0;right:0;top:0;height:200px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(11,10,9,.72) 0%,rgba(11,10,9,.35) 55%,rgba(11,10,9,0) 100%)}
body:not(.scrolled) header nav a{font-weight:500;opacity:1!important;text-shadow:0 1px 14px rgba(0,0,0,.55)}

/* Ouvertures : la phrase d intro sous le trait en TAN Aegean sur toutes les pages (06/10/2026, comme les pages de soin) */
.ap-hero.sf-hero .lead{font-family:Aegean,Georgia,serif!important;font-size:clamp(19px,1.5vw,25px)!important;line-height:1.35!important;letter-spacing:0!important;max-width:34ch!important;color:rgba(243,238,230,.88)!important}