/* 17 octobre : accueil façon Mouthwash. La phrase en grand rétrécit au défilement, la vidéo monte dessous en fenêtre,
   puis le carrousel. Défilement natif ; seules des transformations changent. */
.acc,.acc-pin{height:auto;min-height:0;overflow:visible}
.acc{overflow:clip}
.acc .acc-hero{height:235svh;min-height:0;display:block;padding:0}
.acc-hero-stick{--p:0;position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden}
.acc .acc-hero .acc-phrase.intro-title,.acc[data-opening=loading] .acc-hero .acc-phrase.intro-title{position:absolute;left:var(--gutter);top:calc(50svh - 1.38em);right:auto;
 width:max-content;max-width:calc(100% - var(--gutter)*2);margin:0;font-size:clamp(46px,10.4vw,190px);line-height:.92;letter-spacing:-.06em;
 transform-origin:0 0;transform:translate3d(0,calc(var(--p)*(112px - 50svh + 1.38em)),0) scale(calc(1 - var(--p)*.64));will-change:transform;transition:none}
.acc[data-opening=loading] .acc-hero .acc-phrase.intro-title{transform:scale(1.04)}
.acc .acc-dispo{position:absolute;top:96px;left:var(--gutter);opacity:calc(1 - var(--p)*2.4)}
.acc-film{position:absolute;left:50%;bottom:clamp(20px,4svh,44px);width:min(86vw,calc((100svh - 330px)*16/9));aspect-ratio:16/9;background:#0a0b3c;overflow:hidden;border-radius:10px;
 transform:translate3d(-50%,calc((1 - var(--p))*112svh),0);will-change:transform;box-shadow:0 30px 80px -30px rgb(10 11 60/.5)}
.acc-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.acc .acc-work,.acc.is-scroll-scene .acc-work{position:relative;inset:auto;top:auto;padding:12svh 0 40px}
.acc .acc-stage{height:var(--acc-h,70vh);overflow:visible}
.acc .acc-ctrl,.acc.is-scroll-scene .acc-ctrl{position:relative;bottom:auto;margin-top:28px}
.acc-meta,.acc-continue{display:none!important}
body.home-gated{height:auto;overflow:visible}
@media(max-width:760px){
 .acc .acc-hero .acc-phrase.intro-title{font-size:clamp(40px,13.4vw,84px);transform:translate3d(0,calc(var(--p)*(104px - 50svh + 1.38em)),0) scale(calc(1 - var(--p)*.52))}
 .acc .acc-dispo{top:84px}
 .acc-film{width:calc(100vw - var(--gutter)*2);aspect-ratio:auto;height:calc(100svh - 300px);bottom:clamp(20px,5svh,48px)}
 .acc .acc-work{padding-top:8svh}
}
@media(prefers-reduced-motion:reduce){.acc .acc-hero{height:auto}.acc-hero-stick{position:relative;height:auto;overflow:visible}.acc-film{position:relative;transform:none;left:auto;margin:30px auto}.acc .acc-hero .acc-phrase.intro-title{position:relative;top:auto;transform:none}}

/* Scène des projets : épinglée, le défilement fait avancer le carrousel (JS : scripts/accueil.js, configurePin). */
.acc-scene{position:relative}
.acc-scene.is-pinned .acc-work{position:sticky;top:0;height:100svh;padding:clamp(84px,11svh,110px) 0 0;display:flex;flex-direction:column;justify-content:flex-start}
.acc-scene.is-pinned .acc-ctrl{margin-top:auto;padding-bottom:clamp(16px,3svh,28px)}
.acc-scene.is-pinned .acc-stage{flex:0 0 auto}
/* Vidéo d'intro : plus grande, avec son choisi par le visiteur. */
.acc-film{width:min(90vw,calc((100svh - 270px)*16/9));bottom:clamp(16px,3.4svh,34px)}
.acc-sound{position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:0;border-radius:999px;
 font:500 13px/1 var(--display,'Inter Display',Arial,sans-serif);color:#fff;background:rgb(10 11 60/.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}
.acc-sound:hover,.acc-sound:focus-visible{background:rgb(255 79 168/.6)}
.acc-sound i{width:14px;height:12px;background:currentColor;clip-path:polygon(0 30%,35% 30%,70% 0,70% 100%,35% 70%,0 70%)}
.acc-sound[aria-pressed=true] i{clip-path:polygon(0 30%,25% 30%,55% 0,55% 100%,25% 70%,0 70%,0 30%,70% 25%,80% 25%,80% 75%,70% 75%,70% 25%,90% 10%,100% 10%,100% 90%,90% 90%)}
/* Marges plus larges. */
:root{--gutter:clamp(28px,5.2vw,104px)}
@media(max-width:760px){:root{--gutter:24px}}
.acc .acc-hero .acc-phrase.intro-title{transform:translate3d(0,calc(var(--p)*(104px - 50svh + 1.38em)),0) scale(calc(1 - var(--p)*.69))}
@media(max-width:760px){.acc-film{width:calc(100vw - var(--gutter)*2)}}

/* Corrections de l'audit du 17/10 (Codex, trois formats d'écran) */
/* Pause / Grille : la phrase et le film gardent leur hauteur, rien ne se chevauche (le mode grille ancien réduisait le héros à 350 px). */
.acc[data-scene-view] .acc-hero,.acc[data-scene-view=grid] .acc-hero{height:235svh!important}
.acc[data-scene-view=grid] .acc-scene{height:auto!important}
@media(prefers-reduced-motion:reduce){.acc[data-scene-view] .acc-hero{height:auto!important}}
body[data-motion=paused] .acc .acc-hero{height:auto!important}
body[data-motion=paused] .acc-hero-stick{position:relative;height:auto;min-height:0;overflow:visible;padding-top:clamp(120px,18svh,180px)}
body[data-motion=paused] .acc .acc-hero .acc-phrase.intro-title{position:relative;top:auto;left:auto;transform:none!important}
body[data-motion=paused] .acc .acc-dispo{opacity:1;position:relative;top:auto;left:auto;margin-bottom:24px}
body[data-motion=paused] .acc-film{position:relative;left:auto;bottom:auto;transform:none!important;margin:clamp(32px,6svh,64px) auto 0}
/* Bouton Son cliquable (le héros ne reçoit pas le pointeur, mais ses commandes oui). */
.acc-sound,.acc-film video{pointer-events:auto}
/* Mobile : le film garde son cadre 16/9, rien n'est coupé. */
@media(max-width:760px){
 .acc-film{width:100vw;left:50%;aspect-ratio:16/9;height:auto;border-radius:0;bottom:clamp(24px,8svh,72px)}
 .acc-film video{object-fit:cover}
}
body[data-motion=paused] .acc-hero-stick{padding-inline:var(--gutter)}
body[data-motion=paused] .acc-film{width:min(100%,calc((100svh - 200px)*16/9))}