:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050302;color:#fff4df;font-synthesis:none;text-rendering:geometricPrecision;--cream: #fff4df;--sub: #d7bfa6;--black: #050302;--lobster: #d53b27;--butter: #f2bd58;--sea: #153f47;--shadow: rgba(0, 0, 0, .68);--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:#050302}.cinema-stage{position:fixed;inset:0;overflow:hidden;background:#050302;isolation:isolate;perspective:1200px}.scroll-reel{min-height:100vh}.frame-stack,.film-frame,.scene-layer,.aspect-mask,.curtain,.grain-layer,.steam-lines,.light-sweep{position:absolute;inset:0}.film-frame{margin:0;overflow:hidden;transform-origin:center;transform-style:preserve-3d;background:#050302}.film-frame:before{position:absolute;inset:-10%;z-index:4;background:radial-gradient(circle at var(--flare-x, 62%) var(--flare-y, 28%),rgba(255,176,76,.36),transparent 18rem),radial-gradient(circle at 22% 80%,rgba(213,59,39,.22),transparent 22rem);content:"";mix-blend-mode:screen;pointer-events:none}.film-frame:after{position:absolute;inset:0;z-index:5;background:radial-gradient(circle at 50% 42%,transparent 0 28%,rgba(0,0,0,.16) 52%,rgba(0,0,0,.74) 100%),linear-gradient(90deg,rgba(5,3,2,.82),transparent 23%,transparent 68%,rgba(5,3,2,.78)),linear-gradient(180deg,rgba(5,3,2,.38),transparent 30%,rgba(5,3,2,.72));content:"";pointer-events:none}.tone-butter{--flare-x: 42%;--flare-y: 24%}.tone-lobster{--flare-x: 70%;--flare-y: 35%}.tone-smoke{--flare-x: 54%;--flare-y: 16%}.tone-sea{--flare-x: 38%;--flare-y: 30%}.tone-night{--flare-x: 76%;--flare-y: 18%}.scene-layer{width:100%;height:100%;object-fit:cover;transform-origin:center;filter:saturate(1.13) contrast(1.1) brightness(.78);will-change:transform,opacity,filter}.layer-back{z-index:0}.layer-subject{z-index:1;opacity:.58;mix-blend-mode:screen;clip-path:polygon(8% 4%,95% 0,88% 92%,3% 100%);filter:saturate(1.22) contrast(1.14) brightness(.78)}.layer-fore{z-index:2;opacity:.34;mix-blend-mode:soft-light;clip-path:polygon(0 42%,100% 20%,100% 100%,0 100%);filter:blur(5px) saturate(1.24) contrast(1.2) brightness(.72)}.film-frame:nth-child(2n) .layer-subject{clip-path:polygon(0 0,88% 7%,100% 100%,13% 92%)}.film-frame:nth-child(2n) .layer-fore{clip-path:polygon(0 18%,100% 46%,100% 100%,0 100%)}.aspect-mask{z-index:10;pointer-events:none}.aspect-mask:before,.aspect-mask:after{position:absolute;right:0;left:0;height:var(--mask-size);background:#050302;content:"";box-shadow:0 0 46px #000000db}.aspect-mask:before{top:0}.aspect-mask:after{bottom:0}.curtain{z-index:30;background:#050302;transform-origin:top center}.grain-layer{z-index:11;width:124%;height:124%;opacity:.25;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(255,244,223,.2) 0 1px,transparent 1.4px),radial-gradient(circle at 70% 55%,rgba(255,244,223,.13) 0 1px,transparent 1.2px),linear-gradient(90deg,transparent 0 48%,rgba(255,244,223,.05) 49% 50%,transparent 51% 100%);background-size:18px 18px,27px 27px,9px 100%;mix-blend-mode:overlay}.light-sweep{z-index:9;pointer-events:none;background:linear-gradient(112deg,transparent 0 42%,rgba(255,231,178,.18) 48%,transparent 58% 100%);mix-blend-mode:screen;transform:translate(-18%) skew(-8deg)}.steam-lines{z-index:8;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);transform:translateZ(120px)}.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:20;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:16;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,.62)}.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:16;right:clamp(18px,5vw,72px);bottom:calc(var(--mask-size) + 46px);width:min(720px,calc(100% - 36px));pointer-events:none}.subtitle-line{position:absolute;right:0;bottom:0;width:100%;text-align:right;text-shadow:0 14px 38px rgba(0,0,0,.72)}.subtitle-line h1{max-width:720px;margin:0 0 18px auto;font-family:Times New Roman,Georgia,serif;font-size:clamp(2.7rem,6.2vw,7.2rem);font-weight:900;letter-spacing:0;line-height:.96}.subtitle-line p{max-width:570px;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:17;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,.8)}.credits{position:fixed;z-index:18;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.25rem,12vw,4.1rem)}.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}}