@font-face{font-family:Manrope;src:url('../cinema-20261020/manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--ink:#f0f3f5;--muted:#9da8b3;--blue:#6894ff;--line:rgba(255,255,255,.12);--paper:#080b10;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid #8eafff;outline-offset:6px}button:disabled{cursor:wait}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-weight:450;letter-spacing:-.065em;line-height:1.08}h2{font-size:clamp(36px,4.1vw,64px)}em{font-style:normal;color:#9aabc0}strong{font-weight:550}.skip{position:fixed;left:12px;top:-60px;z-index:100;background:white;color:#101722;padding:14px}.skip:focus{top:12px}
.header{position:fixed;inset:0 0 auto;z-index:20;height:88px;display:flex;align-items:center;gap:40px;padding:0 5%;background:linear-gradient(180deg,rgba(5,8,12,.92),rgba(5,8,12,.62));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{margin-right:auto}.brand img{width:147px}.header nav{display:flex;gap:36px;font-size:12px;color:#c0c7cf}.header nav a:hover{color:#fff}.nav-cta{display:flex;align-items:center;gap:25px;padding:14px 19px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.25);font-size:12px;transition:background .2s}.nav-cta:hover{background:rgba(255,255,255,.13)}.nav-cta span{font-size:19px}.menu{display:none}
.story{height:100svh;min-height:700px;position:relative}.enhanced .story{height:390svh;min-height:1800px}.cinema{height:100svh;min-height:640px;position:sticky;top:0;overflow:clip;background:#04070b;isolation:isolate}.film{position:absolute;inset:0;z-index:-1;background:#04070b}.shot{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:64% 50%;will-change:transform,opacity}.shot-gpu{transform-origin:72% 54%}.shot-server{opacity:0;transform-origin:72% 45%}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,10,.86) 0%,rgba(3,6,10,.61) 28%,rgba(3,6,10,.12) 58%,transparent 85%),linear-gradient(180deg,rgba(0,0,0,.15),transparent 30%,transparent 62%,rgba(2,5,9,.9))}.film-vignette{position:absolute;inset:0;box-shadow:inset 0 0 170px 40px rgba(0,0,0,.22);pointer-events:none}.film-fade{position:absolute;inset:0;background:#020408;opacity:0}.film-topline{position:absolute;top:123px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#b8c0cd}.film-topline>span:first-child{display:flex;align-items:center;gap:9px}.film-topline i,.eyebrow i{display:inline-block;width:5px;height:5px;background:#93b5ff;border-radius:50%;box-shadow:0 0 12px #759eff}.topline-right{font-size:8px;color:#818a98}
.chapter{position:absolute;left:5%;top:28%;width:52%;max-width:760px;will-change:opacity,transform}.chapter-one{opacity:1}.chapter-two,.chapter-three{opacity:0;pointer-events:none}.chapter h1,.chapter h2{font-size:clamp(48px,5.2vw,82px);text-wrap:balance;text-shadow:0 2px 30px #0006}.chapter-label{color:#aebacb;font-size:9px;letter-spacing:.2em;margin-bottom:22px}.chapter-one .chapter-label{display:none}.chapter h1 em{color:#abbdd8}.chapter-copy{margin-top:27px;font-size:clamp(13px,1.1vw,16px);line-height:1.9;color:#bac1cb;max-width:470px;letter-spacing:-.02em}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:18px 23px;min-height:53px;font-size:12px;line-height:1.5;font-weight:650;transition:background .2s,transform .2s}.solid{background:#edf1f6;color:#17202e}.button span{font-size:21px}.button:hover{background:#cfdcff;transform:translateY(-2px)}.play{background:transparent;display:flex;align-items:center;gap:9px;font-size:11px;color:#d4d9e1;padding:12px 0}.play-icon{border:1px solid #a3afbf7a;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:15px}.hero-note{font-size:9px;color:#828c9b;margin-top:19px;letter-spacing:.005em}.technical-line{display:flex;align-items:center;gap:18px;margin-top:34px;padding-top:25px;border-top:1px solid var(--line);max-width:360px;font-size:9px;letter-spacing:.15em;color:#a7b4c8}.technical-line b{color:#5f7698}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:12px;margin-top:30px;border-bottom:1px solid #ffffff50;padding-bottom:12px}.text-link span{font-size:20px}
.film-bottom{position:absolute;bottom:37px;left:5%;right:5%;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.timeline{display:flex;gap:26px;min-width:440px}.timeline button{position:relative;display:flex;align-items:center;gap:12px;font-size:10px;color:#7d8797;background:transparent;padding:14px 0;min-width:130px;border-top:1px solid #ffffff24}.timeline button span{font-size:8px;color:#758094}.timeline button i{position:absolute;top:-1px;left:0;height:1px;width:0;background:#bad2ff}.timeline button[aria-current=step]{color:#f0f3f8}.timeline button[aria-current=step] span{color:#bad2ff}.film-controls{display:flex;align-items:center;gap:22px;min-height:40px}.motion{background:none;font-size:9px;color:#8f99a9;padding:8px}.motion span{color:#d9e3f3;padding-left:8px;font-size:8px}.scroll-hint{font-size:8px;letter-spacing:.14em;color:#aab2c0;display:flex;gap:13px;align-items:center}.scroll-hint b{font-size:21px;font-weight:400}.film-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#ffffff0c}.film-progress i{display:block;height:100%;background:#8db1ff;width:0}
.wrap{max-width:1440px;width:90%;margin-inline:auto}.section-line{display:flex;justify-content:space-between;gap:25px;padding:27px 0;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.13em;color:#99a4b4}.uses{padding-top:65px;padding-bottom:115px}.section-intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:80px;margin:72px 0 65px}.section-intro h2{font-size:clamp(32px,3.8vw,58px)}.section-intro p{font-size:13px;color:var(--muted);line-height:1.9;max-width:340px;margin-left:auto}.section-intro em{color:#7b8b9e}.use-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:75px;align-items:center}.use-tabs button{display:flex;align-items:center;gap:20px;text-align:left;width:100%;background:none;border-bottom:1px solid var(--line);padding:28px 0;color:#8692a2}.use-tabs button:first-child{border-top:1px solid var(--line)}.use-tabs button>span{font-size:9px;align-self:flex-start;padding-top:5px}.use-tabs button strong{font-size:15px;line-height:1.6;letter-spacing:-.025em}.use-tabs button small{display:block;font-size:10px;line-height:1.7;margin-top:10px;max-height:0;opacity:0;overflow:hidden;transition:opacity .25s}.use-tabs button b{font-size:19px;font-weight:400;margin-left:auto}.use-tabs [aria-selected=true]{color:#e2eaf8;border-bottom-color:#6888b8}.use-tabs [aria-selected=true] small{max-height:70px;opacity:1;color:#91a0b4}.use-tabs [aria-selected=true]>span{color:#91b6ff}.demo{border:1px solid #d6e5ff24;background:linear-gradient(140deg,#131b27,#0d131c);box-shadow:0 25px 80px #0005;border-radius:12px;overflow:hidden}.demo-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 26px;border-bottom:1px solid var(--line)}.demo-head>span{font-size:23px;font-weight:700;letter-spacing:-.045em}.demo-head small{font-size:8px;font-weight:400;color:#8b98aa;letter-spacing:0}.demo-head>span small{padding-left:14px}.demo-head i{display:inline-block;width:4px;height:4px;background:#7a9dcc;border-radius:50%;margin-right:5px}.demo-content{padding:30px 26px 25px}.question{margin-left:15%;background:#202c3c;border:1px solid #ffffff08;padding:16px 20px;border-radius:8px;font-size:11px;line-height:1.8;color:#b9c6d9}.answer{display:flex;gap:14px;margin:34px 0}.answer-mark{width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;background:#224f98;border-radius:5px;color:white;font-size:15px;font-weight:650}.answer-label{font-size:7px;letter-spacing:.08em;color:#8a9ab2;display:block;padding-top:3px}.answer h3{font-size:15px;line-height:1.6;font-weight:500;margin:13px 0;letter-spacing:-.025em}.answer-copy{font-size:11px;color:#94a3b7;line-height:1.9}.sources{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.sources span{border:1px solid #8ca4c52b;padding:6px 8px;font-size:8px;color:#879ab5}.composer{border:1px solid #9cbbde24;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:14px;font-size:10px;color:#6f829e}.composer span{background:#8baee51a;padding:4px 7px}.fine-print{font-size:9px;line-height:1.7;color:#637286;margin-top:27px}
.method{padding-bottom:110px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:1px solid var(--line);padding-top:25px;position:relative}.steps article:before{content:'';position:absolute;top:-3px;left:0;width:5px;height:5px;border-radius:50%;background:#86a8df}.steps article>span{font-size:30px;letter-spacing:-.07em;color:#647083;font-weight:300}.steps h3{font-size:23px;letter-spacing:-.05em;font-weight:450;margin:32px 0 16px}.steps p{font-size:12px;line-height:1.9;color:#939fb0;min-height:76px}.steps small{font-size:7px;letter-spacing:.13em;color:#66748a;display:block;margin-top:30px}.eyebrow{font-size:9px;letter-spacing:.13em;color:#a5b1c1}.responsible{border-top:1px solid var(--line);padding-block:70px 100px}.responsible>div{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:45px}.principles article{padding:0 0 27px;margin-bottom:28px;border-bottom:1px solid var(--line)}.principles article:last-child{margin:0}.principles h3{font-size:17px;font-weight:500;letter-spacing:-.03em}.principles p{font-size:12px;line-height:1.9;color:#8e9cae;max-width:420px;margin-top:13px}.contact{border-top:1px solid var(--line);padding:95px 0 110px;position:relative}.contact:before{content:'';position:absolute;inset:0 -5.55%;z-index:-1;background:radial-gradient(ellipse at 80% 100%,#10234270,transparent 65%)}.contact .eyebrow{display:flex;gap:10px;align-items:center}.contact h2{margin:45px 0;font-size:clamp(40px,4.9vw,74px)}.contact>div{display:flex;align-items:center;gap:35px}.contact>div p{font-size:10px;color:#7f8da2}.contact em{color:#b3c6e5}footer{display:flex;align-items:center;flex-wrap:wrap;gap:30px;border-top:1px solid var(--line);padding-block:43px 48px}footer>a{margin-left:auto;font-size:12px;color:#c0cede}.footer-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:25px;padding-top:25px;border-top:1px solid #ffffff0b;font-size:8px;color:#6c7b91;gap:20px}.preview-badge{position:fixed;right:12px;bottom:9px;padding:8px 10px;z-index:22;background:#0b111cdb;border:1px solid #ffffff1a;backdrop-filter:blur(8px);font-size:6px;letter-spacing:.1em;color:#8997aa;pointer-events:none}.preview-badge i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#c3a87d;margin-right:6px}
dialog{width:min(550px,calc(100% - 36px));padding:44px;background:#101822;border:1px solid #75889f55;color:#e3eaf3;border-radius:10px;box-shadow:0 35px 120px #0009}dialog::backdrop{background:#03060bc9;backdrop-filter:blur(10px)}.close{position:absolute;right:18px;top:13px;background:none;font-size:25px;color:#b4c2d6}.close:hover{color:white}dialog h2{font-size:43px;margin:25px 0}dialog>p:not(.eyebrow){font-size:12px;color:#9eacc0;line-height:1.8}.slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.slots button{background:#1a2636;border:1px solid #ffffff17;padding:20px 12px;font-size:12px;line-height:1.8;text-align:left}.slots button span{display:block;font-size:9px;color:#92a7c5}.slots button.selected{border-color:#9fc0ff;background:#21344f}.feedback{min-height:44px}dialog .prototype{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:9px!important;color:#6d809b!important}
@media(min-width:1700px){.chapter{top:30%}.film-topline{top:150px}}
@media(max-height:760px) and (min-width:801px){.chapter{top:26%}.chapter h1,.chapter h2{font-size:clamp(43px,4.6vw,66px)}.chapter-copy{margin-top:20px}.hero-actions{margin-top:23px}.film-bottom{bottom:28px}.film-topline{top:117px}.hero-note{margin-top:14px}.button{padding:14px 20px}.chapter-label{margin-bottom:18px}}
@media(max-width:1000px){.header{gap:25px}.header nav{gap:22px}.chapter{width:65%}.chapter h1,.chapter h2{font-size:58px}.chapter-copy{font-size:13px}.timeline{min-width:390px;gap:20px}.timeline button{min-width:115px;font-size:9px}.scroll-hint{display:none}.film-shade{background:linear-gradient(90deg,#03060be6 0%,#03060b7a 44%,#03060b1a 78%),linear-gradient(0deg,#020509de,transparent 30%)}.use-layout{gap:35px}.section-intro{gap:40px}.section-intro p{font-size:12px}.steps{gap:25px}.steps h3{font-size:20px}.steps p{min-height:90px}.responsible>div{gap:60px}}
@media(max-width:720px){html{scroll-padding-top:80px}.header{height:72px;padding-inline:6%;gap:17px}.brand img{width:119px}.header nav{display:none}.menu{display:block;background:none;font-size:21px;padding:5px 0;color:#cad4e3}.nav-cta{font-size:9px;gap:14px;padding:9px 11px}.nav-cta span{font-size:17px}.header.menu-open nav{display:flex;position:absolute;top:72px;left:0;right:0;background:#0b111b;padding:25px 6%;border-bottom:1px solid var(--line)}.story{min-height:680px}.enhanced .story{height:360svh;min-height:1900px}.cinema{min-height:650px}.film-topline{top:102px;left:6%;right:6%;font-size:7px;letter-spacing:.10em}.topline-right{display:none}.shot{object-position:66% 60%;object-fit:cover}.film-shade{background:linear-gradient(180deg,rgba(2,5,9,.86) 0%,rgba(2,5,9,.70) 28%,rgba(2,5,9,.12) 66%,rgba(2,5,9,.92) 100%),linear-gradient(90deg,#03060b66,transparent 70%)}.film-vignette{box-shadow:inset 0 0 100px #0005}.chapter{left:6%;top:20%;width:88%;max-width:none}.chapter h1,.chapter h2{font-size:clamp(39px,10.6vw,68px);line-height:1.09;letter-spacing:-.06em}.chapter-copy{font-size:12px;line-height:1.8;max-width:350px;margin-top:23px}.chapter-label{font-size:8px;margin-bottom:25px}.hero-actions{gap:18px;margin-top:25px;align-items:center}.button{padding:14px 16px;gap:15px;font-size:10px;min-height:47px}.button span{font-size:18px}.play{font-size:9px;gap:8px}.play-icon{width:26px;height:26px;font-size:14px}.hero-note{font-size:7px;line-height:1.8;margin-top:17px;max-width:250px}.film-bottom{left:6%;right:6%;bottom:37px;display:block}.timeline{min-width:0;gap:16px;justify-content:space-between}.timeline button{min-width:0;flex:1;font-size:8px;gap:8px;padding:14px 0}.timeline button span{font-size:7px}.film-controls{justify-content:flex-end;min-height:24px}.motion{font-size:7px;padding:5px 0}.motion span{font-size:7px}.technical-line{font-size:8px;gap:20px;max-width:280px}.chapter-three .chapter-copy{max-width:300px}.text-link{font-size:10px;gap:20px}.wrap{width:88%}.uses{padding-top:20px;padding-bottom:65px}.section-line{font-size:6px;letter-spacing:.08em;padding-block:25px;gap:15px}.section-line>span:last-child{text-align:right}.section-intro{grid-template-columns:1fr;gap:30px;margin:45px 0 42px}.section-intro h2{font-size:35px;line-height:1.12;letter-spacing:-.06em}.section-intro p{margin:0;max-width:320px;font-size:12px}.use-layout{grid-template-columns:1fr;gap:35px}.use-tabs button{padding:22px 0;gap:15px}.use-tabs button strong{font-size:13px}.use-tabs button small{font-size:9px}.demo-head{padding:18px}.demo-head>span{font-size:20px}.demo-head small{font-size:7px}.demo-head>span small{padding-left:8px}.demo-content{padding:25px 18px 18px}.question{font-size:10px;padding:14px 16px;margin-left:8%}.answer{gap:12px}.answer h3{font-size:14px}.answer-copy{font-size:10px}.answer-label{font-size:6px}.sources span{font-size:7px}.composer{font-size:8px}.fine-print{font-size:8px}.method{padding-bottom:65px}.steps{grid-template-columns:1fr 1fr;gap:40px 22px}.steps article>span{font-size:27px}.steps h3{font-size:22px;margin-top:25px}.steps p{font-size:11px;min-height:86px}.steps small{font-size:6px;line-height:1.6;margin-top:24px}.responsible{padding-block:50px 65px}.responsible>div{grid-template-columns:1fr;gap:40px;margin-top:35px}.responsible h2{font-size:46px}.eyebrow{font-size:8px}.principles h3{font-size:17px}.principles p{font-size:11px}.contact{padding-block:65px 75px}.contact h2{font-size:39px;line-height:1.13;margin-block:30px}.contact>div{align-items:flex-start;flex-direction:column;gap:20px}.contact>div p{font-size:9px}footer{padding-block:30px 45px}footer img{width:120px}footer>a{font-size:9px}.footer-bottom{flex-wrap:wrap;font-size:7px;gap:15px}.footer-bottom>a{width:100%}.preview-badge{font-size:5px;right:8px;bottom:7px;padding:6px 8px}dialog{padding:35px 25px}dialog h2{font-size:37px}.slots button{font-size:11px;padding:16px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.button:hover{transform:none}}
.film-stop{background:none;color:#c9d8ed;font:inherit;font-size:9px;padding:8px}.film-stop[hidden]{display:none}html.is-playing{scroll-behavior:auto}
/* V3 : les cinq étapes d'origine, du terrain au quotidien. */
.enhanced .story{height:300svh;min-height:1600px}
.shot{opacity:0}.shot-audit{opacity:1}.shot-human{transform-origin:72% 52%}
.shot-audit{object-position:70% 50%}.shot-tools{object-position:65% 50%}.shot-daily{object-position:73% 50%}
.chapter:not(.chapter-one){opacity:0;pointer-events:none}
.chapter-one .chapter-label{display:block}
.chapter-label{font-size:9px;letter-spacing:.16em}
.chapter h1,.chapter h2{font-size:clamp(44px,4.8vw,78px)}
.chapter-copy{max-width:455px}
.frame-counter{font-weight:500;font-size:10px;letter-spacing:.12em;color:#b2c5e1;padding-left:24px}
.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;flex:1;max-width:850px;min-width:0}
.timeline button{min-width:0;gap:9px;font-size:9px;white-space:nowrap}
.film-controls{gap:13px}.scroll-hint{font-size:7px}
@media(max-height:760px) and (min-width:801px){.chapter{top:25%}.chapter h1,.chapter h2{font-size:clamp(43px,4.4vw,63px)}.chapter-copy{margin-top:20px}.chapter-label{margin-bottom:20px}}
@media(max-width:1000px){.timeline{gap:14px}.timeline button{font-size:8px;gap:7px}.chapter{width:66%}.chapter h1,.chapter h2{font-size:54px}.scroll-hint{display:none}}
@media(max-width:720px){
 .enhanced .story{height:300svh;min-height:1800px}
 .chapter{top:19%;width:88%}.chapter h1,.chapter h2{font-size:clamp(35px,10vw,58px)}
 .chapter-label{font-size:7px;letter-spacing:.10em;margin-bottom:20px}
 .chapter-copy{max-width:310px;font-size:11px;line-height:1.9;margin-top:21px}
 .hero-actions{gap:13px}.hero-actions .button{font-size:9px;gap:11px;padding-inline:13px}
 .play{font-size:8px;gap:6px}.play-icon{width:25px;height:25px}
 .timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;width:100%}
 .timeline button{display:block;white-space:normal;align-self:stretch;text-align:left;font-size:7.5px;line-height:1.5;padding:12px 0 8px}
 .timeline button>span{display:block;font-size:7px;margin-bottom:5px}
 .film-bottom{bottom:33px}.film-controls{min-height:24px}
 .technical-line{font-size:6.5px;gap:13px;max-width:310px;line-height:1.8}
 .shot-human{object-position:72% 50%}.shot-tools{object-position:64% 50%}.shot-daily{object-position:76% 50%}
 .desktop-break{display:none}
}


/* V4: films scrubbed frame by frame, with the approved stills as fallback. */
.shot>img,.shot>video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:inherit}
.shot>video{opacity:0;pointer-events:none;transition:opacity .15s linear}
.shot.video-ready:not(.is-still)>video{opacity:1}
.shot.is-still>video{opacity:0;transition:none}
@media(max-width:720px){.shot-tools{object-position:80% 50%}.shot-tools>img,.shot-tools>video{top:16%;height:68%}}
/* V5: gestures gate a 1x media clock; no wheel-linked zoom or playback controls. */
.shot{transition:opacity .35s ease;will-change:opacity}
.chapter{transition:opacity .2s ease;will-change:opacity}
.film-playback{background:none;color:#d9e3f3;font:inherit;font-size:9px;padding:8px;min-width:65px}
.film-playback[hidden]{display:none}
@media(max-width:1000px){.film-controls{gap:5px}}
@media(max-width:720px){.film-playback{font-size:8px;padding:6px}.film-controls{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.shot,.chapter{transition:none}}
.gesture-cue{display:inline-flex;align-items:center;gap:10px;font-size:10px;color:#b8c7db;line-height:1.5}
.gesture-cue>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #b8c7db44;border-radius:50%;font-size:16px}
@media(max-width:720px){.gesture-cue{font-size:8px;gap:6px}.gesture-cue>span{width:24px;height:24px}}

/* Public navigation, keeping the approved cinematic layout. */
.footer-links{display:flex;flex-wrap:wrap;width:100%;gap:18px 30px;font-size:11px;color:#9eacc0}.footer-links a:hover,.footer-bottom a:hover{color:#fff}.footer-bottom{flex-wrap:wrap}.header.menu-open nav{flex-wrap:wrap}

/* Lighter calls to action and native mobile scroll. */
.nav-cta{background:transparent;border:0;padding:12px 0;color:#d7e1ee;font-size:13px;min-height:44px;gap:0}
.nav-cta:hover{background:transparent;color:#fff}
.button.solid{background:transparent;color:#e9f0fa;border:0;border-bottom:1px solid #8da7c37a;padding:14px 0 12px;min-height:48px;font-size:14px;font-weight:500;letter-spacing:-.015em;box-shadow:none}
.button.solid:hover{background:transparent;color:#fff;border-bottom-color:#bad1ed}
.button:focus-visible,.nav-cta:focus-visible{outline:2px solid #8fbbf0;outline-offset:6px}
.hero-actions{gap:28px}
.gesture-cue{color:#acbacb}
.shot>picture{position:absolute;inset:0;width:100%;height:100%;object-position:inherit}
.shot>picture>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:inherit}
@media(max-width:720px){
 html{scroll-behavior:auto}
 .header{background:rgba(4,8,13,.86);border-bottom-color:#ffffff08;backdrop-filter:none}
 .header .brand img{width:119px}
 .nav-cta{margin-left:auto;padding:12px 0;font-size:13px;white-space:nowrap}
 .header .menu{font-size:20px;min-width:34px;min-height:44px}
 .enhanced .story{height:360svh;min-height:0}
 .cinema{height:100svh;min-height:0}
 .chapter{top:23%;width:88%}
 .hero-actions{align-items:flex-start;flex-direction:column;gap:15px;margin-top:26px}
 .button.solid{font-size:14px;min-height:46px}
 .gesture-cue{font-size:10px}
 .hero-note{font-size:9px;line-height:1.7;max-width:270px}
 .film-bottom{bottom:max(24px,env(safe-area-inset-bottom))}
 .shot-tools>picture{top:16%;height:68%}
 .shot{transition:opacity .18s linear}
 .chapter{transition:opacity .12s linear}
}
@media(max-width:720px) and (max-height:650px){
 .chapter{top:22%}
 .chapter-label{margin-bottom:14px}
 .chapter h1,.chapter h2{font-size:35px}
 .chapter-copy{margin-top:16px;font-size:11px;line-height:1.65}
 .hero-actions{margin-top:16px;gap:8px}
 .hero-note{margin-top:10px;font-size:8px}
 .film-bottom{bottom:14px}
}