:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070504;color:#fff4df;font-synthesis:none;text-rendering:geometricPrecision;--cream: #fff4df;--sub: #d7bfa6;--black: #070504;--lobster: #d53b27;--butter: #f2bd58;--sea: #153f47;--shadow: rgba(0, 0, 0, .62);--mask-size: 11vh}*{box-sizing:border-box}html{scroll-behavior:auto;min-height:100%}body{margin:0;min-height:100%;min-width:320px;overflow-x:hidden;background:var(--black)}button{border:0;color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--butter);outline-offset:4px}.cinema{min-height:100vh;background:#070504}.cinema-stage{position:fixed;inset:0;overflow:hidden;background:#070504;isolation:isolate}.scroll-reel{min-height:100vh}.frame-stack,.film-frame,.film-frame img,.aspect-mask,.curtain,.grain-layer,.steam-lines{position:absolute;inset:0}.film-frame{margin:0;overflow:hidden;transform-origin:center}.film-frame:after{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 42%,transparent 0 36%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.55) 100%),linear-gradient(90deg,rgba(7,5,4,.78),transparent 22%,transparent 70%,rgba(7,5,4,.72)),linear-gradient(180deg,rgba(7,5,4,.3),transparent 28%,rgba(7,5,4,.62));content:"";pointer-events:none}.film-frame img{width:100%;height:100%;object-fit:cover;transform-origin:center;filter:saturate(1.08) contrast(1.05) brightness(.84)}.aspect-mask{z-index:8;pointer-events:none}.aspect-mask:before,.aspect-mask:after{position:absolute;right:0;left:0;height:var(--mask-size);background:#070504;content:""}.aspect-mask:before{top:0}.aspect-mask:after{bottom:0}.curtain{z-index:20;background:#070504;transform-origin:top center}.grain-layer{z-index:9;width:120%;height:120%;opacity:.22;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(255,244,223,.18) 0 1px,transparent 1.4px),radial-gradient(circle at 70% 55%,rgba(255,244,223,.14) 0 1px,transparent 1.2px);background-size:18px 18px,27px 27px;mix-blend-mode:overlay}.steam-lines{z-index:7;pointer-events:none}.steam-line{position:absolute;bottom:13vh;width:62px;height:34vh;border-left:10px solid rgba(255,244,223,.18);border-radius:50%;filter:blur(2px)}.steam-line:nth-child(1){left:16vw}.steam-line:nth-child(2){left:38vw;height:42vh}.steam-line:nth-child(3){right:28vw}.steam-line:nth-child(4){right:12vw;height:28vh}.sound-button{position:fixed;z-index:15;top:24px;right:24px;display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:0 16px;border:1px solid rgba(255,244,223,.22);border-radius:999px;background:#0705046b;color:var(--cream);cursor:pointer;font-size:.85rem;font-weight:850;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chapter-stack{position:fixed;z-index:12;top:calc(var(--mask-size) + 28px);left:clamp(18px,4vw,64px);width:min(280px,calc(100% - 36px));pointer-events:none}.chapter-mark{position:absolute;inset:0 auto auto 0;display:grid;gap:8px;color:var(--cream);text-shadow:0 8px 24px rgba(0,0,0,.45)}.chapter-mark span{color:var(--butter);font-family:Aptos Mono,SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:900;letter-spacing:.12em}.chapter-mark strong{font-size:1.1rem}.subtitle-stack{position:fixed;z-index:12;right:clamp(18px,5vw,72px);bottom:calc(var(--mask-size) + 46px);width:min(690px,calc(100% - 36px));pointer-events:none}.subtitle-line{position:absolute;right:0;bottom:0;width:100%;text-align:right;text-shadow:0 12px 34px rgba(0,0,0,.56)}.subtitle-line h1{max-width:690px;margin:0 0 18px auto;font-family:Times New Roman,Georgia,serif;font-size:clamp(2.4rem,5.6vw,6.3rem);font-weight:900;letter-spacing:0;line-height:.98}.subtitle-line p{max-width:560px;margin:0 0 0 auto;color:var(--sub);font-size:clamp(.98rem,1.35vw,1.13rem);line-height:1.62}.quote-stack{position:fixed;z-index:13;top:50%;left:50%;width:min(820px,calc(100% - 42px));pointer-events:none;transform:translate(-50%,-50%)}.quote-line{position:absolute;inset:auto 0;margin:0;color:var(--cream);font-family:Times New Roman,Georgia,serif;font-size:clamp(1.7rem,4vw,4.25rem);font-weight:900;line-height:1.12;text-align:center;text-shadow:0 16px 44px rgba(0,0,0,.72)}.credits{position:fixed;z-index:14;right:24px;bottom:calc(var(--mask-size) + 24px);left:24px;display:inline-flex;align-items:center;gap:10px;color:#fff4dfc7;font-family:Aptos Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:850;letter-spacing:.04em;opacity:0;transform:translateY(20px)}@media(max-width:760px){:root{--mask-size: 8vh}.sound-button{top:14px;right:14px;min-height:40px;padding:0 12px}.chapter-stack{top:calc(var(--mask-size) + 18px)}.subtitle-stack{right:16px;bottom:calc(var(--mask-size) + 34px);left:16px;width:auto}.subtitle-line{text-align:left}.subtitle-line h1,.subtitle-line p{margin-left:0}.subtitle-line h1{font-size:clamp(2.1rem,11vw,3.85rem)}.subtitle-line p{max-width:92%;font-size:.96rem;line-height:1.55}.quote-line{font-size:clamp(1.55rem,7vw,2.8rem)}.credits{right:16px;bottom:calc(var(--mask-size) + 16px);left:16px;font-size:.68rem;line-height:1.45}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cinema{min-height:100vh}}