@font-face{font-family:Italiana;src:url(/fonts/italiana-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{--gold:oklch(76% .11 90);--gold-deep:oklch(62% .1 85);--chalk:oklch(94% .02 85);--night:oklch(16% .05 262)}*{box-sizing:border-box}html{scroll-behavior:auto}body{color:var(--chalk);background:#0c1834;margin:0;font-family:Lora,Georgia,serif;overflow-x:clip}#spacer{height:1100vh}#scene{width:100%;height:100dvh;display:block;position:fixed;inset:0}#title{text-align:center;pointer-events:none;z-index:5;text-shadow:0 2px 30px #0a0e1e8c;place-content:center;transition:opacity .7s ease-out,visibility .7s;display:grid;position:fixed;inset:0}#title.is-gone{opacity:0;visibility:hidden}.title__kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin:0 0 1rem;font-family:Italiana,serif;font-size:clamp(.72rem,1.4vw,.95rem)}.title__name{color:var(--chalk);letter-spacing:.06em;margin:0;font-family:Italiana,serif;font-size:clamp(5.5rem,22vw,15rem);font-weight:400;line-height:.9}.title__sub{letter-spacing:.12em;color:oklch(85% .04 80);margin:1rem 0 0;font-family:Italiana,serif;font-size:clamp(1.05rem,2.6vw,1.7rem)}.title__cue{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-top:3.2rem;font-family:Italiana,serif;font-size:.78rem;animation:2.4s ease-in-out infinite cue}@keyframes cue{50%{opacity:.45;transform:translateY(4px)}}#hud{z-index:4;opacity:0;pointer-events:none;text-shadow:0 1px 16px #0a0e1ea6;max-width:min(74vw,30rem);transition:opacity .55s ease-out,transform .55s ease-out;position:fixed;bottom:clamp(1rem,5vh,3rem);left:clamp(1rem,4vw,3rem);transform:translateY(12px)}#hud.is-on{opacity:1;transform:none}.hud__kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 .3rem;font-family:Italiana,serif;font-size:.72rem}.hud__name{color:var(--chalk);margin:0 0 .45rem;font-family:Italiana,serif;font-size:clamp(1.9rem,5vw,3.2rem);line-height:1}.hud__line{color:oklch(88% .02 80);margin:0;font-size:clamp(.85rem,1.9vw,1rem);line-height:1.55}#altimeter{z-index:4;background:#d4af5f40;width:2px;height:72dvh;position:fixed;top:14dvh;right:clamp(8px,1.6vw,22px)}.altimeter__fill{background:linear-gradient(0deg, var(--gold-deep), var(--gold));transform-origin:bottom;position:absolute;inset:0;transform:scaleY(0)}#credits-open{z-index:6;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#0c18348c;border:1px solid #d4af5f80;padding:.45rem .9rem;font-family:Italiana,serif;font-size:.7rem;position:fixed;top:clamp(.8rem,2vh,1.4rem);right:clamp(.9rem,2vw,1.6rem)}#credits-open:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#credits{color:var(--chalk);border:1px solid var(--gold-deep);background:#101d38;max-width:min(92vw,44rem);padding:2rem;font-size:.92rem;line-height:1.65}#credits::backdrop{background:#050812b8}#credits h2{color:var(--gold);margin:0 0 .8rem;font-family:Italiana,serif;font-weight:400}#credits h3{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:1.4rem 0 .4rem;font-family:Italiana,serif;font-size:.85rem;font-weight:400}#credits a{color:var(--gold)}#credits .fine{color:oklch(66% .02 262);font-size:.8rem}#credits button{background:var(--gold-deep);color:#101d38;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;padding:.5rem 1.3rem;font-family:Italiana,serif}#credits button:focus-visible{outline:3px solid var(--chalk);outline-offset:2px}.narrative{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body.no-webgl #scene,body.no-webgl #hud,body.no-webgl #altimeter,body.no-webgl #title{display:none}body.no-webgl #spacer{height:auto}body.no-webgl .narrative{clip-path:none;white-space:normal;width:auto;max-width:64ch;height:auto;margin:3rem auto;padding:0 1.4rem;font-size:1.05rem;line-height:1.75;position:static}body.no-webgl .narrative h2{color:var(--gold);font-family:Italiana,serif;font-weight:400}@media (prefers-reduced-motion:reduce){.title__cue{animation:none}}
