:root{color-scheme:dark;--ink:#eeeff3;--muted:#9598a4;--line:rgba(221,228,255,.16);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-synthesis:none;background:#04050a;color:var(--ink)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:progress}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c4dcff;outline-offset:6px}a{color:inherit}button{background:none;border:0}button:hover{color:white}[hidden]{display:none!important}#stage{height:100dvh;width:100vw;position:relative;overflow:hidden;background:#04060b;isolation:isolate;container-type:size}#world{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-3}.film-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(3,4,9,.30),transparent 47%),linear-gradient(180deg,rgba(3,4,9,.48),transparent 15%,transparent 82%,rgba(3,4,9,.73));transition:opacity .8s}.playing .film-shade{opacity:.6}.masthead{position:absolute;top:max(30px,env(safe-area-inset-top));left:4.3%;right:4.3%;display:flex;align-items:center;justify-content:space-between;z-index:5}.wordmark{display:flex;align-items:center;gap:15px;text-decoration:none;letter-spacing:.38em;font-size:11px;font-weight:500}.brand-orbit{display:block;width:25px;height:25px;border:1px solid #cbd4e7;border-radius:50%;position:relative;transform:rotate(-28deg)}.brand-orbit:after{content:"";position:absolute;inset:7px -5px;border:1px solid #cbd4e7;border-radius:50%}.film-id{font-size:9px;letter-spacing:.22em;color:#999da9}.film-id i{font-style:normal;margin:0 16px;color:#5b6274}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:.32em;font-weight:500;color:#bdc4d4;margin:0 0 25px}#gate{position:absolute;left:8.0%;top:24%;width:47%;z-index:2}#gateTitle{font-size:clamp(68px,8.8cqw,155px);line-height:.91;letter-spacing:-.065em;font-weight:200;margin:0 0 27px}#gateTitle span{display:block}.gate-tagline{font-size:clamp(14px,1.45cqw,23px);font-weight:300;letter-spacing:.035em;color:#adb3c5;margin:0 0 40px}.watch{padding:0;display:flex;align-items:center;gap:16px;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.play-circle{height:48px;width:48px;border:1px solid rgba(234,239,255,.6);border-radius:50%;display:grid;place-items:center;font-size:12px;padding-left:2px;transition:background .2s,transform .2s}.watch:hover .play-circle{background:rgba(236,242,255,.12);transform:scale(1.06)}.watch-duration{font-size:10px;letter-spacing:.07em;color:#757e93;margin-left:8px}.load-status{font-size:10px;color:#868fa4;min-height:15px;line-height:1.5;max-width:340px;margin:14px 0 0 64px}.score-note{font-size:8px;letter-spacing:.20em;color:#687389;margin-top:35px;line-height:1.8}.score-note span{padding:0 5px}#filmType{position:absolute;left:8%;top:29%;max-width:68%;pointer-events:none;will-change:opacity;z-index:2}.film-type h2{font-size:clamp(40px,5.2cqw,99px);line-height:1.05;letter-spacing:-.055em;font-weight:300;margin:0}.film-type h2 .line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.film-type h2 .line span{display:block;will-change:transform,opacity}.film-type[data-size="medium"] h2{font-size:clamp(34px,4.4cqw,80px)}.film-type[data-size="hero"] h2{font-size:clamp(54px,8.0cqw,145px);font-weight:200;letter-spacing:-.06em}.film-type[data-size="quiet"] h2{font-size:clamp(30px,4.4cqw,80px);font-weight:200;letter-spacing:.005em}.film-type[data-align="center"]{left:10%!important;right:10%;top:36%!important;max-width:80%;text-align:center}.film-type[data-align="center-top"]{left:8%!important;right:8%;top:17%!important;max-width:84%;text-align:center}.film-type #subtitle{font-size:clamp(9px,1cqw,17px);letter-spacing:.18em;color:#a9b5cb;line-height:1.6;margin-top:26px}.film-type[data-size="hero"] #subtitle{font-size:clamp(15px,1.5cqw,24px);letter-spacing:.02em;font-weight:300}#projectLink{pointer-events:auto;display:inline-flex;align-items:center;gap:38px;text-decoration:none;font-size:11px;letter-spacing:.07em;border-bottom:1px solid #8c9bb8;padding:16px 0 12px;margin-top:12px}#projectLink span{font-size:22px;font-weight:200}#projectLink:hover{border-color:white}.edition{position:absolute;bottom:113px;right:4.3%;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.16em;color:#8b96ae;z-index:4}.tiny-dot{width:3px;height:3px;border-radius:50%;background:#788cba}.transport{position:absolute;left:4.3%;right:4.3%;bottom:max(23px,env(safe-area-inset-bottom));z-index:10}.timebar{position:relative;height:19px;margin-bottom:8px}#scrub{width:100%;height:19px;margin:0;appearance:none;background:transparent;cursor:pointer;position:relative;z-index:2}#scrub::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,#cbdcf8 var(--progress,0%),rgba(221,231,255,.20) var(--progress,0%))}#scrub::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:#eef4ff;margin-top:-3px;opacity:0;transition:opacity .2s}.timebar:hover #scrub::-webkit-slider-thumb,#scrub:focus-visible::-webkit-slider-thumb{opacity:1}#scrub::-moz-range-track{height:1px;background:#697185}#scrub::-moz-range-thumb{height:7px;width:7px;background:#eef4ff;border:0}#chapterMarks{position:absolute;inset:7px 0;pointer-events:none;z-index:1}#chapterMarks i{position:absolute;width:1px;height:5px;background:#768199}.transport-row{display:flex;justify-content:space-between;align-items:center;gap:20px;height:36px}.controls-left,.controls-right{display:flex;align-items:center;gap:20px}.icon-button{width:30px;height:34px;display:grid;place-items:center;font-size:19px;padding:0;color:#b9c6dd}.icon-button#playPause{font-size:12px}.text-button{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.02em;padding:8px 0;color:#a4b1c8}.text-button span{color:#69768e}#timecode{font-size:10px;color:#adb8ca;letter-spacing:.03em;font-variant-numeric:tabular-nums;min-width:92px}#timecode i{font-style:normal;padding:0 8px;color:#586479}.sound-bars{display:flex;align-items:center;gap:2px;width:16px;height:12px}.sound-bars i{width:2px;height:6px;background:#c0cee6;display:block}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:9px}.muted .sound-bars i{height:2px!important}#quality{border:1px solid rgba(155,176,211,.14);background:rgba(10,14,23,.75);padding:6px 9px;border-radius:2px;font-size:9px;color:#aebad0;cursor:pointer}#fullscreen{font-size:25px}#chapterSlug{position:absolute;left:4.3%;bottom:114px;color:#7986a0;font-size:8px;letter-spacing:.24em}.chrome{transition:opacity .6s}.playing.idle .chrome,.playing.idle #chapterSlug{opacity:0}.playing.idle .chrome:focus-within{opacity:1}.playing.idle{cursor:none}.playing.idle #world{cursor:none}#chapters{position:absolute;bottom:118px;left:4.3%;width:305px;padding:12px;background:rgba(6,9,16,.94);border:1px solid var(--line);backdrop-filter:blur(25px);z-index:12}#chapters button{display:flex;align-items:center;width:100%;gap:15px;padding:12px;text-align:left;font-size:12px}#chapters button:hover{background:#111827}#chapters button span{font-size:9px;color:#8592ab;font-variant-numeric:tabular-nums}#chapters button i{margin-left:auto;font-style:normal;font-size:9px;color:#748096}#assembly-labels{position:absolute;right:8%;top:26%;display:grid;gap:15cqh;opacity:0;pointer-events:none;z-index:2}#assembly-labels span{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.12em;color:#8495b1}#assembly-labels b{font-size:8px;font-weight:400;letter-spacing:.18em;color:#a8b7ce}#assembly-labels span:before{content:"";width:30px;height:1px;background:rgba(154,181,226,.4)}.audio-error,.fatal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(550px,88vw);padding:32px;background:rgba(8,13,23,.97);border:1px solid #3a4860;z-index:30;box-shadow:0 20px 120px #000}.audio-error strong{font-size:22px;font-weight:400}.audio-error p,.fatal p{font-size:13px;line-height:1.75;color:#acb6c9}.audio-error>div{display:flex;flex-wrap:wrap;gap:12px}.audio-error button,.file-button,.fatal button,.primary-small{display:inline-block;padding:12px 16px;border:1px solid #7788a4;border-radius:2px;font-size:11px;cursor:pointer}.file-button input{display:none}.audio-error button:hover,.file-button:hover{background:#1d2c44}.fatal h2{font-size:32px;font-weight:300}.fatal code{color:#d0def9;font-size:11px;overflow-wrap:anywhere}dialog{width:min(570px,90vw);max-height:85dvh;color:#e5eaf2;background:#0a101b;border:1px solid #344058;padding:35px 38px;border-radius:4px;line-height:1.65}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(10px)}dialog h2{font-weight:300;font-size:46px;letter-spacing:-.04em;line-height:1.06;margin:0 0 30px}dialog h3{font-size:13px;font-weight:500;margin-top:25px}dialog p{font-size:12px;color:#b4c1d5}dialog a{text-underline-offset:3px;color:#d1ddf2}dialog .muted{color:#7c8ba3;font-size:11px}.dialog-close{float:right;font-size:28px;font-weight:200}dialog summary{cursor:pointer;font-size:11px;color:#788dab;margin-top:20px}dialog pre{font-size:10px;white-space:pre-wrap;color:#8799b6}#recordStatus{display:inline-block;margin-left:15px;font-size:11px;color:#93b4db}.recording .chrome{opacity:1!important}.recording{cursor:auto!important}.capture-mode .chrome,.capture-mode #chapterSlug,.capture-mode #assembly-labels{display:none!important}.capture-mode #gate{display:none!important}
@media(max-width:760px){.masthead{top:23px;left:6%;right:6%}.wordmark{font-size:9px;gap:12px;letter-spacing:.29em}.brand-orbit{width:21px;height:21px}.film-id{font-size:7px;letter-spacing:.07em}.film-id i{margin:0 6px}#gate{left:8%;top:20%;width:80%}#gateTitle{font-size:19cqw;line-height:.9}.gate-tagline{font-size:17px;margin-bottom:24px}.eyebrow{font-size:8px;margin-bottom:20px}.watch{font-size:9px;gap:12px}.play-circle{width:41px;height:41px}.load-status{margin-left:54px;max-width:230px}.score-note{font-size:7px;max-width:200px;margin-top:23px}.edition{font-size:6px;right:6%;bottom:109px;gap:7px}.transport{left:6%;right:6%;bottom:24px}.transport-row{gap:10px}.controls-left,.controls-right{gap:8px}.icon-button{width:24px}.text-button{font-size:9px}#timecode{font-size:9px;min-width:76px}#timecode i{padding:0 4px}#soundLabel,#chaptersButton,#creditsButton{font-size:0}#chaptersButton:before{content:'☷';font-size:19px}#chaptersButton span{display:none}#creditsButton:before{content:'ⓘ';font-size:17px}#quality{font-size:8px;padding:5px 3px;max-width:69px}.controls-right{gap:10px}#filmType{left:8%;top:22%;max-width:87%}.film-type h2,.film-type[data-size="medium"] h2{font-size:9cqw}.film-type[data-size="hero"] h2{font-size:14cqw}.film-type[data-size="quiet"] h2{font-size:10cqw}.film-type[data-align="center"]{top:29%!important}.film-type[data-align="center-top"]{top:18%!important}.film-type #subtitle{font-size:8px;max-width:260px;line-height:1.9;margin-top:17px}.film-type[data-align="center"] #subtitle{margin-left:auto;margin-right:auto}.film-type[data-size="hero"] #subtitle{font-size:15px}.film-type .eyebrow{font-size:7px}#projectLink{font-size:10px;gap:22px;margin-top:7px}#assembly-labels{display:none}#chapterSlug{left:6%;font-size:7px;bottom:109px}dialog{padding:28px}dialog h2{font-size:39px}.watch-duration{font-size:9px}#chapters{left:6%;bottom:114px;width:88%}}
@media(max-height:580px) and (min-width:761px){#gate{top:20%}#gateTitle{font-size:16cqh}.gate-tagline{margin-bottom:20px}.score-note{display:none}.masthead{top:18px}.edition,#chapterSlug{bottom:98px}#filmType{top:25%}.eyebrow{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}/* The film never auto-plays; explicit playback remains available. */}

/* Final composition: typography stays outside the product silhouette. */
.film-type[data-align="center-top"]{top:7%!important}
.film-type[data-align="center-top"] h2{font-size:5.8cqw}
@media(max-width:760px){#filmType{top:12%}.film-type[data-align="center-top"]{top:10%!important}.film-type[data-align="center-top"] h2{font-size:12cqw}#gate{top:13%}#gateTitle{font-size:16cqw;white-space:nowrap}#gateTitle span{display:inline}#gateTitle span:before{content:' '}#gate .eyebrow{margin-bottom:17px}.gate-tagline{margin-bottom:20px}.score-note{display:none}#gateTitle{margin-bottom:16px}}

.record-hud{position:absolute;z-index:25;left:50%;top:max(80px,calc(env(safe-area-inset-top) + 58px));transform:translateX(-50%);width:max-content;max-width:92vw;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:12px 18px;background:rgba(7,13,24,.95);border:1px solid #587298;border-radius:4px;box-shadow:0 8px 32px #0008;font-size:12px;font-variant-numeric:tabular-nums}
.record-hud button,.record-hud a,#recordDownloadCredits{color:#e5eeff;border:1px solid #8297b7;padding:7px 12px;text-decoration:none;border-radius:3px}
.record-hud [role=status]{max-width:min(600px,70vw);overflow-wrap:anywhere}
.capture-mode .record-hud{display:none!important}

/* Cinematic settings: controls stay outside the captured film. */
.cinema-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;margin:18px 0}
.cinema-settings select{width:100%;background:#101522;color:#e4eafa;border:1px solid #303b52;border-radius:8px;padding:10px;font:inherit}
.cinema-settings .toggle-setting{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:13px}
.cinema-settings input{accent-color:#92baff;width:17px;height:17px}
#performanceHUD{position:fixed;left:24px;top:72px;z-index:12;pointer-events:none;padding:12px 15px;border:1px solid #ffffff20;background:#060b14bc;color:#b4cce9;border-radius:8px;font:11px/1.6 ui-monospace,monospace;backdrop-filter:blur(10px)}
.capture-mode #performanceHUD,.recording #performanceHUD{display:none!important}
@media(max-width:580px){.cinema-settings{grid-template-columns:1fr}#performanceHUD{top:58px;left:12px;font-size:9px}}