@font-face{font-family:InterLocal;src:local(Arial)}:root{--bg:#0a0907;--fg:#f4efe6;--muted:#f4efe694;--vh-full:100vh;--vh-small:100vh}@supports (height:100lvh){:root{--vh-full:100lvh;--vh-small:100svh}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;font-family:InterLocal,Arial,sans-serif}body{-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit}:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.hud{z-index:100;height:74px;padding:0 28px;padding-top:env(safe-area-inset-top);pointer-events:none;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.icon-btn,.sound-ui button,.close-btn{color:var(--fg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#00000047;border:0}.icon-btn{pointer-events:auto;border-radius:50%;place-content:center;gap:4px;width:42px;height:42px;display:grid}.icon-btn i{background:var(--fg);width:15px;height:1px;display:block}#chapter{letter-spacing:.28em;color:var(--muted);text-shadow:0 1px 8px #00000080;margin-left:16px;font-size:9px;transition:opacity .26s}#chapter.is-changing{opacity:0}.meter{background:#ffffff1f;height:1px;position:absolute;bottom:0;left:0;right:0}.meter span{transform-origin:0;background:#ffffffd9;width:100%;height:100%;display:block;transform:scaleX(0)}.track{height:calc(var(--total,15) * var(--vh-small) + var(--vh-full));position:relative}.stage{height:var(--vh-full);background:var(--bg);opacity:0;transition:opacity 1.8s;position:sticky;top:0;overflow:hidden}body.is-ready .stage{opacity:1}.frame{visibility:hidden;contain:strict;position:absolute;inset:0;overflow:hidden}.frame.is-visible{visibility:visible}.cam{justify-content:center;align-items:center;display:flex;position:absolute;inset:-2%}.cam picture{display:contents}.media{object-fit:cover;will-change:transform;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.atmo{display:none}.frame[data-layout=portrait] .atmo{display:block;position:absolute;inset:0;overflow:hidden}.frame[data-layout=portrait] .bg{object-fit:cover;filter:blur(110px)brightness(.5)contrast(.68)saturate(1.3);will-change:transform;width:160%;height:160%;position:absolute;inset:-30%}.frame[data-layout=portrait] .atmo:after{content:"";background:linear-gradient(90deg,#0a0907bd 0%,#0a09074d 22%,#0a090700 36% 64%,#0a09074d 78%,#0a0907bd 100%);position:absolute;inset:0}.frame[data-layout=portrait] .cam{inset:0}.frame[data-layout=portrait] .media{object-fit:contain;-webkit-mask-composite:source-in;flex:none;width:auto;max-width:96%;height:97%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 4% 96%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.frame[data-layout=contain]{background:var(--bg)}.frame[data-layout=contain] .cam{inset:0}.frame[data-layout=contain] .media{aspect-ratio:1672/941;object-fit:contain;height:auto}.veil{pointer-events:none;background:radial-gradient(#0000 55%,#00000047 100%),linear-gradient(#00000029,#0000 22% 62%,#00000057);position:absolute;inset:0}.copy{left:clamp(20px,7vw,108px);bottom:calc(var(--vh-full) - var(--vh-small) + clamp(70px,12vh,145px));opacity:0;pointer-events:none;max-width:560px;position:absolute}.eyebrow{letter-spacing:.34em;color:var(--fg);opacity:.82;text-shadow:0 1px 14px #0000008c;font-size:10px}.title{text-shadow:0 2px 24px #0006;margin:12px 0 0;font-size:clamp(26px,4.2vw,56px);font-weight:400;line-height:1.02}.intro{z-index:5;background:var(--bg);pointer-events:none;place-content:center;justify-items:center;gap:34px;display:grid;position:absolute;inset:0}.intro-title{letter-spacing:.5em;text-align:center;color:var(--fg);opacity:.9;margin:0;padding-left:.5em;font-size:clamp(13px,1.5vw,18px);font-weight:400}.intro-cue{background:linear-gradient(var(--fg),transparent);opacity:.45;width:1px;height:46px;animation:2.6s ease-in-out infinite cue}@keyframes cue{0%,to{opacity:.2;transform:translateY(-6px)}50%{opacity:.55;transform:translateY(6px)}}.finale{z-index:5;padding:0 24px calc(var(--vh-full) - var(--vh-small) + clamp(90px,16vh,170px));text-align:center;pointer-events:none;background:linear-gradient(#0a090700 50%,#0a090780);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.finale-title{text-shadow:0 2px 24px #00000073;margin:0;font-size:clamp(24px,3.4vw,46px);font-weight:400;line-height:1.1}.finale-author{letter-spacing:.34em;color:var(--muted);margin:16px 0 0;font-size:10px}.finale-cta{letter-spacing:.24em;color:var(--fg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border:1px solid #f4efe659;margin-top:30px;padding:12px 18px;font-size:10px;text-decoration:none}.finale.is-on .finale-cta{pointer-events:auto}.finale-cta:hover{border-color:#f4efe6b3}.story-map{z-index:200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080705f2;display:none;position:fixed;inset:0;overflow-y:auto}.story-map.open{display:block}.map-wrap{max-width:760px;margin:auto;padding:110px 28px}.kicker{letter-spacing:.3em;color:var(--muted);margin-bottom:28px;font-size:9px}.map-item{width:100%;color:var(--fg);text-align:left;cursor:pointer;letter-spacing:.06em;background:0 0;border:0;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:baseline;padding:15px 0;display:flex}.map-item:disabled{opacity:.3;cursor:default}.map-item small{color:var(--muted);letter-spacing:.15em;font-size:9px}.close-btn{border-radius:50%;width:40px;height:40px;font-size:24px;position:absolute;top:20px;right:22px}.sound-ui{z-index:110;right:22px;bottom:calc(20px + env(safe-area-inset-bottom));position:fixed}.sound-ui button{letter-spacing:.16em;color:var(--muted);align-items:center;gap:7px;padding:9px 11px;font-size:9px;transition:color .3s;display:flex}.sound-ui button i{border:1px solid;border-radius:50%;width:6px;height:6px;transition:background .3s}.sound-ui button[aria-pressed=true]{color:var(--fg)}.sound-ui button[aria-pressed=true] i{background:currentColor}@media (width<=700px){.hud{height:60px;padding:0 14px;padding-top:env(safe-area-inset-top)}.copy{left:20px;right:20px;bottom:calc(var(--vh-full) - var(--vh-small) + 68px)}.sound-ui{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.map-wrap{padding:90px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage,#chapter{transition:none}.intro-cue{animation:none}}