@font-face{font-family:Barlow;src:url('/fonts/barlow-condensed-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Plex;src:url('/fonts/plex-sans.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('/fonts/plex-sans-medium.woff2') format('woff2');font-weight:500 700;font-display:swap}@font-face{font-family:Mono;src:url('/fonts/plex-mono.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--ink:#080c0e;--mint:#bef5e9;--cyan:#00bcd8;--yellow:#e7d32d}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:auto}body{margin:0;background:var(--ink);color:var(--mint);font-family:Plex,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:var(--mint);color:var(--ink)}.skip{position:fixed;top:12px;left:12px;z-index:99;transform:translateY(-150%);background:var(--mint);color:var(--ink);padding:14px 20px;font-size:14px}.skip:focus{transform:none}#visual{position:fixed;inset:0;pointer-events:none;background:var(--ink)}#stage{display:block;width:100%;height:100%;}#still{display:none;width:100%;height:100%;object-fit:cover}#film-frame{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:var(--ink);overflow:hidden}#film{width:100%;height:100%;object-fit:contain}header{position:fixed;left:36px;right:36px;top:25px;z-index:6;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.identity{font:700 21px/1 Barlow,sans-serif;letter-spacing:.035em;opacity:.68}#motion{pointer-events:auto;font:400 10px/1.3 Mono,monospace;color:#a3bbbd;background:#080c0e88;border:0;border-bottom:1px solid #7c9ca44d;padding:11px 3px;min-height:36px}#motion:hover{color:var(--mint);border-color:var(--mint)}#caption{position:fixed;left:8%;right:8%;bottom:8.0%;z-index:5;pointer-events:none;text-align:center;color:var(--yellow);font:500 clamp(13px,1.15vw,17px)/1.4 Plex,sans-serif;text-shadow:0 1px 3px #080c0e,0 0 12px #080c0e}#caption span{background:#080c0e15;padding:2px 5px;box-decoration-break:clone}#progress{position:fixed;left:0;bottom:0;height:1px;background:#86c4c1;z-index:10;transform-origin:left;opacity:.45;width:100%;transform:scaleX(0)}main{position:relative;z-index:2}.beat{height:160vh;pointer-events:none}.beat[data-world=film]{height:95vh}.beat[data-world=studio]{height:370vh}.beat[data-world=auditorium]{height:220vh}.beat[data-world=emergent]{height:230vh}.beat[data-world=roof]{height:230vh}.beat[data-world=emblem]{height:255vh}.beat p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#enter{position:relative;min-height:100svh;display:flex;justify-content:center;align-items:center;background:var(--ink);padding:110px 30px 60px;outline:none}.entry{width:100%;max-width:465px}.entry h1{font:700 clamp(62px,9vw,108px)/.9 Barlow,sans-serif;text-align:center;letter-spacing:-.025em;margin:0 0 76px}form{margin:0}.field{margin-bottom:26px}.field label{display:block;font:400 11px/1.5 Mono,monospace;letter-spacing:.035em;color:#9ab7b8}.field input{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #34505a;border-radius:0;padding:10px 0 8px;font:400 17px/1.4 Plex,sans-serif;color:var(--mint);transition:border-color .2s}.field input:focus{outline:none;border-bottom:2px solid var(--cyan);padding-bottom:7px}.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.submit{display:flex;gap:22px;align-items:center;margin-top:42px}.submit button{border:0;border-bottom:1px solid #9dbcbf;background:transparent;color:var(--mint);font:400 16px/1.5 Mono,monospace;padding:8px 0;min-width:90px;text-align:left}.submit button span{float:right;color:#7fabad}.submit button:hover{color:var(--cyan);border-color:var(--cyan)}.submit button:disabled{opacity:.5;cursor:wait}#note{font:400 12px/1.5 Plex,sans-serif;max-width:24ch;color:var(--yellow);margin:0}footer{display:flex;justify-content:space-between;gap:24px;margin-top:77px;font:400 10px/1.5 Mono,monospace;color:#8ca9ab}.placeholder{opacity:1}.static #stage,.static #film-frame,.static #caption,.static #progress{display:none!important}.static #still{display:block}.static #visual{opacity:.60}.static .beat{height:auto!important;min-height:58svh;display:flex;align-items:center;justify-content:center;padding:80px 28px}.static .beat p{position:static;clip-path:none;width:auto;height:auto;max-width:35ch;color:var(--yellow);font-size:clamp(16px,2.1vw,24px);line-height:1.8;text-align:center;text-shadow:0 2px 10px #080c0e}.static .beat[data-world=stairs]{min-height:90svh}.no3d .beat:not(:first-child){display:none}.no3d #still{object-fit:contain}.no3d #visual{opacity:.8}.static #enter{background:#080c0ef5}.at-form #caption{display:none}.at-form .identity{opacity:0}@media(max-width:600px){header{left:22px;right:22px;top:18px}.identity{font-size:19px}#caption{left:7%;right:7%;bottom:9%;font-size:14px;line-height:1.45}#enter{padding:100px 27px 45px}.entry h1{margin-bottom:56px}.field{margin-bottom:23px}footer{font-size:9px;gap:16px;margin-top:64px}.static #still{object-position:43% center}}.lost{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:30px}.lost h1,.lost p{font:700 clamp(40px,8vw,80px)/1 Barlow,sans-serif;margin:0}.lost a{font:400 14px/1.5 Mono,monospace}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}