:root{--paper:#eee9df;--ink:#16211b;--gold:#ddc39a;--line:#ffffff38;--p:0;--split:50%;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Aptos, 'Aptos Display', 'Segoe UI', Arial, sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:#111b15b0;color:inherit;padding:10px 16px;border-radius:0}button:hover{background:#e0c59a;color:#172019}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e5ae5e;outline-offset:5px}button[aria-pressed=true]{background:var(--gold);color:var(--ink)}button[hidden]{display:none}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Aptos, 'Aptos Display', 'Segoe UI', Arial, sans-serif;font-weight:400;letter-spacing:-.045em;line-height:1.06}h1{font-size:clamp(66px,7.5vw,154px)}h2{font-size:clamp(46px,5.5vw,104px)}h1 em,h2 em{font-style:normal;color:var(--gold)}h3{font-size:clamp(20px,1.8vw,30px);font-weight:400;line-height:1.2}img{display:block;max-width:100%}.kicker{font-size:14px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px}.lead{font-size:clamp(20px,1.75vw,32px);line-height:1.55;max-width:900px;margin-top:28px}.scene{position:relative;min-height:100svh;isolation:isolate;--local:0}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.scene>.backdrop{transform:scale(calc(1.035 - var(--local)*.035))}.scene:not(.scroll-scene){overflow:clip}.scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06130ee0 0%,#0a150d68 62%,#0a150d10),linear-gradient(0deg,#06130ec7,transparent 65%)}.copy{position:relative;padding:17vh 7vw 16vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-copy{padding-top:130px}.hero .scrim{background:linear-gradient(90deg,#07120de3 0%,#07120d70 68%,#07120d20),linear-gradient(0deg,#06130e88,transparent)}.hero h1{max-width:1200px}.hero .lead{font-size:clamp(20px,1.7vw,30px);max-width:870px}.start{margin-top:42px;border-bottom:1px solid #e0cba877;padding:0 0 12px;display:flex;gap:45px;font-size:17px}.start span{color:var(--gold);font-size:24px}.media-credit{position:absolute;right:5vw;bottom:95px;font-size:13px;opacity:.65}.topbar{position:fixed;inset:0 0 auto;z-index:50;height:80px;padding:18px 3.5vw;display:flex;align-items:center;gap:32px;background:linear-gradient(#101b16ed,#101b1600);transition:background .25s}.brand img{width:143px;filter:brightness(0) invert(1);height:auto}.edition{font-size:12px;letter-spacing:.13em;display:flex;gap:24px;align-items:center}.edition i{font-style:normal;color:#ddc39a}.top-tools{margin-left:auto;display:flex;gap:8px}.top-tools button{font-size:14px;background:#101c1699}.top-tools span{margin-left:20px}.top-tools #fullscreen{font-size:22px;padding:5px 12px}.controlbar{position:fixed;inset:auto 0 0;height:64px;z-index:50;background:#142018ee;border-top:1px solid #ffffff20;padding:10px 3.5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;backdrop-filter:blur(12px)}#chapter-label{font-size:13px;letter-spacing:.08em}.controls{display:flex;gap:12px;align-items:center}.controls button{padding:5px 12px;background:none;border-color:#ffffff35;font-size:16px}.controls button:hover{background:var(--gold);color:var(--ink)}#counter{font-size:13px;font-variant-numeric:tabular-nums;min-width:63px;text-align:center}.progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff18}.progress i{display:block;width:calc(var(--p)*100%);height:100%;background:var(--gold)}.has-strip .copy{justify-content:flex-start;padding-top:15vh;padding-bottom:320px}.four-strip,.method-grid,.three-notes{position:absolute;left:7vw;right:7vw;bottom:14vh;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:28px;gap:35px}.four-strip b{font-size:13px;color:var(--gold);font-weight:400}.four-strip h3{margin:14px 0}.four-strip p,.method-grid p,.three-notes p{font-size:17px;line-height:1.6;color:#eee9dfca}.method-grid span{font-size:12px;color:var(--gold);letter-spacing:.12em}.method-grid h3{margin:17px 0}.three-notes{grid-template-columns:repeat(3,1fr)}.three-notes h3{margin-bottom:14px}.bottom-statement{position:absolute;bottom:16vh;left:7vw;right:7vw;padding-top:24px;border-top:1px solid var(--line);font-size:clamp(20px,2vw,30px);max-width:1000px}.editorial{padding:125px 7vw 110px;background:var(--paper);color:var(--ink)}.editorial h2{font-size:clamp(42px,4.4vw,84px)}.editorial h2 em{color:#927449}.editorial .kicker{color:#736345}.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.triptych figure{background:#e3ddcf;overflow:hidden}.triptych img{width:100%;aspect-ratio:4/3;object-fit:cover}.triptych figure:nth-child(-n+2) img{object-fit:contain;background:white}.triptych figcaption{padding:20px 22px;display:flex;flex-direction:column;gap:8px}.triptych b{font-family:Aptos, 'Aptos Display', 'Segoe UI', Arial, sans-serif;font-size:32px;font-weight:400}.triptych span{font-size:16px;line-height:1.5}.resources{position:absolute;bottom:14vh;left:7vw;right:7vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;gap:25px}.resources>span{font-family:Aptos, 'Aptos Display', 'Segoe UI', Arial, sans-serif;font-size:36px;letter-spacing:.08em}.resources small{display:block;font-family:Aptos, 'Aptos Display', 'Segoe UI', Arial, sans-serif;font-size:15px;letter-spacing:0;margin-top:12px;color:#ddd}.scroll-scene{height:200svh}.pin{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.light{background:#fff;color:var(--ink)}.plan-pair{position:absolute;inset:50px 0 45px}.plan-pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.plan-base{opacity:calc(1 - var(--local))}.plan-axo{opacity:var(--local);transform:translateY(calc(18px - var(--local)*18px))}.small-title{position:absolute;left:4vw;top:100px;z-index:3;padding:15px 22px;background:#f4f0e3e8;max-width:90vw;color:var(--ink);backdrop-filter:blur(6px)}.small-title .kicker{margin-bottom:8px;font-size:12px}.small-title h2{font-size:clamp(26px,2.6vw,48px)}.small-title h2 em{color:#8b724b}.image-tools{position:absolute;left:4vw;bottom:98px;display:flex;gap:8px;z-index:5}.image-tools button{background:#132019d9;color:#fff;font-size:15px}.image-tools button[aria-pressed=true]{background:var(--gold);color:var(--ink)}.journey{height:390svh}.journey-frame,.chantier-frame{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s;isolation:isolate}.journey-frame.selected,.chantier-frame.selected{opacity:1;pointer-events:auto}.journey-frame .backdrop{transform:scale(1.025);transition:transform 1.4s}.journey-frame.selected .backdrop{transform:scale(1)}.journey-frame .copy{justify-content:flex-end;padding-bottom:23vh}.journey-frame .scrim{background:linear-gradient(0deg,#09170fe8,transparent 75%)}.journey-dots{position:absolute;bottom:110px;right:5vw;display:flex;gap:10px;z-index:5}.journey-dots button{border-radius:50%;width:44px;height:44px;padding:0;font-size:14px}.film-caption{position:absolute;left:7vw;bottom:16vh}.film-caption .kicker{margin-bottom:12px}.film-caption h2{font-size:clamp(50px,6vw,115px)}.film-caption>p:last-child{font-size:22px;line-height:1.5;margin-top:20px}.film-shade{background:linear-gradient(0deg,#08180bdc,transparent 70%)}.cinema .film-caption{transition:opacity 1s}.cinema.active .film-caption{animation:cinemaTitle 7s both}@keyframes cinemaTitle{0%,60%{opacity:1}100%{opacity:.55}}.video-retry{position:absolute;bottom:100px;right:5vw;z-index:8}.ia-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.ia-grid img{height:31vh;min-height:170px;width:100%;object-fit:cover}.ia-grid figure:nth-child(2) img{object-fit:cover}.ia-grid figcaption{padding:18px 0;font-size:18px;border-bottom:1px solid #bdaf98}.editorial-bottom{font-size:18px;line-height:1.6;margin-top:32px;max-width:1000px;color:#5c6258}.comparison{position:absolute;inset:0;overflow:hidden;--split:50%;background:#deded7}.compare-before,.compare-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split))}.compare-line{position:absolute;left:var(--split);top:0;height:100%;width:2px;background:white;box-shadow:0 0 20px #0007;pointer-events:none}.compare-line:after{content:'↔';position:absolute;top:53%;left:-25px;width:50px;height:50px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:25px;box-shadow:0 1px 12px #0004}.comparison input{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison:has(input:focus-visible){outline:4px solid var(--gold);outline-offset:-5px}.compare-label{position:absolute;bottom:135px;background:#142119d9;color:#fff;padding:12px 16px;font-size:13px;letter-spacing:.1em;pointer-events:none;z-index:5}.compare-label.before{left:4vw}.compare-label.after{right:4vw}.source-note{position:absolute;left:4vw;bottom:77px;font-size:12px;max-width:90%;color:#eee;z-index:5;padding:5px 9px;background:#162319b8;pointer-events:none}.variant-frame{position:absolute;inset:0;z-index:-2;isolation:isolate}.variant-frame .backdrop{transition:opacity .35s}.variant-tools{left:7vw;bottom:125px}.chantier{height:290svh}.chantier .copy{justify-content:flex-end;padding-bottom:25vh}.chantier .scrim{background:linear-gradient(90deg,#0b180ecc,#0b180e00),linear-gradient(0deg,#0b180ed9,transparent)}.tool-tag{margin-top:22px;border:1px solid #d8c19d77;padding:7px 13px;font-size:14px}.chantier-controls{position:absolute;left:7vw;right:7vw;bottom:115px;display:flex;gap:12px;z-index:5}.chantier-controls button{font-size:16px;flex:1;text-align:left}.chantier-controls b{color:var(--gold);font-weight:400;margin-right:12px}.chantier-controls button[aria-pressed=true] b{color:var(--ink)}.production-chain{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 35px;margin-top:35px}.production-chain article{border-top:1px solid #afa48d;padding-top:18px}.production-chain article>span{float:right;color:#a18c64;font-family:Aptos, 'Aptos Display', 'Segoe UI', Arial, sans-serif;font-size:38px}.production-chain h3{font-size:29px;margin:0 0 10px}.production-chain p{font-size:17px;line-height:1.5;max-width:85%}.production-chain small{display:block;margin-top:12px;color:#8b744f;font-size:14px}.perspective-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.perspective-grid article{background:#e3ddcf}.perspective-grid img{width:100%;height:23vh;object-fit:cover}.perspective-grid article>div{padding:24px}.perspective-grid span{font-size:12px;letter-spacing:.1em;color:#8a724b}.perspective-grid h3{font-family:Aptos, 'Aptos Display', 'Segoe UI', Arial, sans-serif;font-size:36px;margin:14px 0}.perspective-grid p{font-size:17px;line-height:1.5}.perspective-grid small{display:block;margin-top:20px;font-size:14px;line-height:1.5;color:#6e695e}.credits-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;margin-top:50px}.credits-grid h3{font-size:23px;margin-bottom:24px}.credits-grid p{font-size:17px;line-height:1.9}.credits-grid small{font-size:14px;line-height:1.6;display:block;margin-top:24px;color:#65665a}.on-light .topbar{background:#eee9dfea;color:var(--ink)}.on-light .brand img{filter:none}.on-light .edition i{color:#796641}.on-light .top-tools button{color:var(--ink);background:transparent;border-color:#786b5655}
dialog{background:#14221b;color:var(--paper);border:1px solid #ffffff35;padding:55px 60px;max-width:min(900px,94vw);max-height:90svh;overflow:auto;box-shadow:0 30px 150px #000b}dialog::backdrop{background:#07110edd;backdrop-filter:blur(9px)}dialog .close{position:absolute;top:15px;right:15px;border:0;font-size:28px;background:none}dialog h2{font-size:50px}dialog nav{margin-top:30px}dialog nav a{display:flex;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid #ffffff25;font-size:22px}dialog nav span{font-size:13px;color:var(--gold)}dialog nav b{margin-left:auto;font-weight:400}.menu-options{display:flex;flex-direction:column;gap:22px;margin-top:28px}.menu-options span{font-size:13px;color:#bbbcad}#notes{max-width:740px}#note-body{font-size:21px;line-height:1.7;margin:30px 0}#note-time{font-size:16px;color:var(--gold)}#notes hr{border:0;border-top:1px solid #fff3;margin:30px 0}.production-note{font-size:15px;line-height:1.6;color:#b9bfad}.calm *{animation:none!important;transition:none!important}.calm .backdrop{transform:none!important}.calm .plan-axo{transform:none}.calm .scene{scroll-behavior:auto}
@media(min-width:1600px){.editorial{padding-top:14vh}.triptych{margin-top:6vh}.triptych img{max-height:44vh}.ia-grid{margin-top:6vh}.production-chain{margin-top:6vh;gap:5vh 40px}.perspective-grid{margin-top:5vh}}
@media(max-height:780px) and (min-width:901px){h1{font-size:7vw}h2{font-size:4.7vw}.copy{padding-top:115px;padding-bottom:120px}.has-strip .copy{padding-top:115px}.lead{font-size:21px;margin-top:20px}.four-strip,.method-grid,.three-notes{bottom:110px;padding-top:20px;gap:25px}.four-strip p,.method-grid p{font-size:15px}.editorial{padding-top:110px;padding-bottom:95px}.editorial h2{font-size:46px}.triptych{margin-top:24px}.triptych img{max-height:35vh}.triptych figcaption{padding:14px}.triptych b{font-size:27px}.production-chain{gap:18px 30px;margin-top:22px}.production-chain h3{font-size:24px}.production-chain p{font-size:15px}.production-chain small{margin-top:7px}.editorial-bottom{font-size:16px;margin-top:20px}.perspective-grid article>div{padding:18px}.perspective-grid h3{font-size:28px;margin:10px 0}.perspective-grid p{font-size:15px}.perspective-grid small{margin-top:12px}.credits-grid p{font-size:15px}.film-caption{bottom:125px}}
@media(max-width:900px){.edition{display:none}h1{font-size:clamp(55px,9vw,90px)}h2{font-size:clamp(40px,7vw,68px)}.copy{padding-left:6vw;padding-right:6vw}.four-strip,.method-grid{gap:20px}.four-strip h3,.method-grid h3{font-size:23px}.four-strip p,.method-grid p{font-size:15px}.editorial h2{font-size:45px}.triptych{gap:12px}.triptych figcaption{padding:15px}.triptych span{font-size:14px}.resources>span{font-size:27px}.resources small{font-size:13px}.credits-grid{grid-template-columns:1fr 1fr}.credits-grid>div:last-child{grid-column:1/-1}.perspective-grid{gap:12px}.perspective-grid article>div{padding:17px}.perspective-grid h3{font-size:27px}.perspective-grid p{font-size:15px}.production-chain p{max-width:100%}.production-chain article>span{font-size:28px}.production-chain h3{font-size:24px}}
@media(max-width:600px){.topbar{height:65px;padding:12px 18px;gap:15px}.brand img{width:111px}.top-tools button{font-size:12px;padding:8px 10px}.top-tools span{margin-left:8px}.top-tools #fullscreen{font-size:21px}.controlbar{height:58px;padding:8px 15px;gap:7px}#chapter-label{font-size:11px;letter-spacing:0;max-width:115px}.controls{gap:6px}.controls button{font-size:14px;padding:6px 9px}#counter{min-width:47px;font-size:11px}#notes-open{display:none}.copy{padding:110px 25px 125px;min-height:100svh}.hero-copy{justify-content:center;padding-bottom:140px}h1{font-size:clamp(47px,11.6vw,70px)}h2{font-size:clamp(38px,9.2vw,58px)}.kicker{font-size:11px;letter-spacing:.13em;margin-bottom:20px}.lead,.hero .lead{font-size:18px;line-height:1.55;margin-top:24px}.start{font-size:15px;margin-top:32px}.media-credit{font-size:10px;left:25px;bottom:83px;right:auto}.scrim{background:linear-gradient(90deg,#07160fe0,#07160f58),linear-gradient(0deg,#07160fea,transparent)}.has-strip{min-height:1050px}.has-strip .copy{min-height:0;padding:115px 25px 35px}.four-strip,.method-grid,.three-notes{position:relative;left:auto;right:auto;bottom:auto;margin:0 25px 120px;grid-template-columns:1fr 1fr;gap:30px 22px;padding-top:22px}.four-strip h3,.method-grid h3{font-size:24px;margin:10px 0}.four-strip p,.method-grid p,.three-notes p{font-size:15px}.three-notes{grid-template-columns:1fr}.three-notes h3{font-size:23px}.bottom-statement{bottom:100px;left:25px;right:25px;font-size:19px}.editorial{padding:105px 25px 95px}.editorial h2{font-size:38px}.triptych,.ia-grid,.perspective-grid{grid-template-columns:1fr;gap:25px;margin-top:32px}.triptych img{aspect-ratio:16/9}.triptych figcaption{padding:18px}.triptych span{font-size:16px}.resources{position:relative;left:auto;right:auto;bottom:auto;margin:0 25px 120px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.resources>span{font-size:31px}.resources small{font-size:14px}.plan-pair{inset:115px 0 110px}.plan-pair img{object-fit:contain;transform:scale(1.05)}.small-title{left:18px;top:83px;padding:12px 15px}.small-title .kicker{font-size:10px}.small-title h2{font-size:28px}.image-tools{left:25px;bottom:95px;gap:7px}.image-tools button{font-size:13px;padding:10px 12px}.journey-frame .copy{padding-bottom:180px}.journey-frame .backdrop{object-position:60% center}.journey-dots{left:25px;right:auto;bottom:95px;gap:10px}.journey-dots button{width:38px;height:38px;font-size:12px}.film-caption{left:25px;bottom:125px}.film-caption h2{font-size:49px}.film-caption>p:last-child{font-size:18px}.compare-before,.compare-after img{object-position:56% center}.compare-label{font-size:9px;padding:9px;bottom:133px;max-width:43%}.source-note{left:18px;font-size:10px;bottom:69px;line-height:1.5;max-width:92%}.variant-tools{bottom:117px;left:25px;right:25px;flex-wrap:wrap}.chantier .copy{padding-bottom:235px}.chantier-controls{left:25px;right:25px;bottom:120px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.chantier-controls button{font-size:12px;padding:10px}.chantier-controls b{margin-right:5px}.production-chain{grid-template-columns:1fr 1fr;gap:24px 20px}.production-chain article>span{float:none;font-size:24px;display:block;margin-bottom:8px}.production-chain h3{font-size:22px}.production-chain p{font-size:15px}.production-chain small{font-size:12px}.editorial-bottom{font-size:17px}.ia-grid img{height:auto;aspect-ratio:16/10}.ia-grid figcaption{font-size:17px}.perspective-grid img{height:auto;aspect-ratio:16/9}.perspective-grid article>div{padding:22px}.perspective-grid h3{font-size:33px}.perspective-grid p{font-size:17px}.credits-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.credits-grid p{font-size:16px}.credits-grid h3{font-size:23px;margin-bottom:15px}dialog{padding:55px 25px 30px;width:94vw;max-height:90svh}dialog h2{font-size:37px}dialog nav a{font-size:18px;gap:15px;padding:16px 0}.menu-options span{font-size:12px}#note-body{font-size:18px}.video-retry{bottom:90px;right:20px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.backdrop{transform:none!important}}

/* Reveal project imagery after a brief reading beat; keep contrast local to text. */
.scene{--veil-rest:.48}
.hero{--veil-rest:.56}
.has-strip{--veil-rest:.72}
.cinema{--veil-rest:.22}
.journey,.chantier{--veil-rest:.38}
.scrim{opacity:var(--veil-rest);pointer-events:none}
.scene.active:not(.scroll-scene) .scrim,
.scene.active .journey-frame.selected .scrim,
.scene.active .chantier-frame.selected .scrim{animation:veilReveal 5s cubic-bezier(.22,.61,.36,1) both}
@keyframes veilReveal{0%,22%{opacity:.92}100%{opacity:var(--veil-rest)}}
.scene:not(.light):not(.editorial) :is(.copy,.film-caption,.four-strip,.method-grid,.three-notes,.resources,.bottom-statement){text-shadow:0 2px 5px #000b,0 0 24px #0008}
.cinema.active .film-caption{animation:none}
.calm .scrim{opacity:var(--veil-rest);animation:none!important}
@media(prefers-reduced-motion:reduce){.scrim{opacity:var(--veil-rest);animation:none!important}}

/* Membrane: circular aperture expands with the pinned scroll progress. */
.membrane-reveal{height:240svh;background:var(--ink)}
.membrane-aperture{position:absolute;inset:0;z-index:-2;isolation:isolate;clip-path:circle(calc(18vmin + var(--local)*75vmax) at 50% 48%)}
.membrane-aperture .video-retry{top:47%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)}
.membrane-reveal.active .scrim{animation:veilReveal 5s cubic-bezier(.22,.61,.36,1) both}
.circle-cue{position:absolute;right:5vw;bottom:100px;font-size:14px;letter-spacing:.04em;color:var(--gold);opacity:clamp(0,calc(1 - var(--local)*4),1);pointer-events:none}
.calm .membrane-reveal{height:100svh}
.calm .membrane-aperture{clip-path:none}
.calm .circle-cue{display:none}
@media(max-width:600px){.circle-cue{left:25px;right:auto;bottom:80px;font-size:12px}.membrane-reveal .film-caption{bottom:145px}}
@media(prefers-reduced-motion:reduce){.membrane-reveal{height:100svh}.membrane-aperture{clip-path:none}.circle-cue{display:none}}

/* The complete competition film owns the screen and the soundtrack. */
.competition{background:#000;min-height:100svh}
.competition video{position:absolute;inset:80px 0 64px;width:100%;height:calc(100svh - 144px);object-fit:contain;background:#000}
.competition-label{position:absolute;top:100px;left:4vw;padding:12px 18px;background:#132019c9;font-size:14px;letter-spacing:.08em;pointer-events:none;transition:opacity .5s}
.competition-label span{display:block;font-size:12px;margin-top:6px;letter-spacing:0;color:var(--gold)}
.film-running .competition-label{opacity:0}
#film-sound-retry{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--gold);color:var(--ink);padding:18px 26px;z-index:5}
.film-shortcut{display:block;margin-top:24px;color:var(--gold);border-bottom:1px solid #fff3;padding-bottom:14px;font-size:18px}
.voice-upload{display:flex;flex-direction:column;gap:10px;font-size:16px}.voice-upload input{max-width:100%;font:inherit;font-size:14px}
#voice-status{line-height:1.5;overflow-wrap:anywhere}
#concours-intro .bottom-statement small{display:block;font-size:14px;margin-top:14px;color:var(--gold)}
@media(max-width:600px){.topbar{gap:6px}.top-tools{gap:4px}.top-tools button{padding:8px 7px}.brand{font-size:16px;line-height:1.05;letter-spacing:.08em}.brand small{font-size:10px;letter-spacing:.12em}.competition video{inset:65px 0 58px;height:calc(100svh - 123px)}.competition-label{top:85px;font-size:11px}#film-sound-retry{width:75%;font-size:16px}.film-shortcut{font-size:16px}}
@media(max-width:600px){.auto-running #chapter-label{display:none}.hero-copy{padding-top:100px}.hero-copy .start{margin-top:22px}}
.voice-caption{position:fixed;z-index:55;left:50%;bottom:82px;transform:translateX(-50%);width:max-content;max-width:min(88vw,950px);padding:12px 23px;background:#08100ef2;color:#fff;border:1px solid #ffffff24;border-radius:7px;text-align:center;font-size:clamp(18px,1.8vw,28px);line-height:1.45;white-space:pre-line;box-shadow:0 4px 25px #0005;text-shadow:none;pointer-events:none}
@media(max-width:600px){.voice-caption{bottom:72px;max-width:94vw;padding:10px 12px;font-size:17px;white-space:normal}}
.tool-credits{margin-top:35px;border-top:1px solid #afa48d;padding-top:24px;max-width:1100px}.tool-credits h3{font-size:24px;margin-bottom:12px}.tool-credits p{font-size:17px;line-height:1.6;margin-top:8px;color:#4c5449}

.project-role{margin-top:20px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.method-copy{font-size:clamp(17px,1.25vw,23px);line-height:1.55;max-width:650px;margin-top:22px}
.film-intro{position:absolute;left:clamp(24px,4vw,70px);bottom:clamp(24px,5vh,70px);z-index:2;font-size:14px;line-height:1.45;color:var(--paper);text-shadow:0 2px 12px #000}.film-intro small{opacity:.8}
.competition:has(#competition-film:not([paused])) .film-intro{opacity:0;transition:opacity .8s}