:root{--black: #000000;--white: #f4f6fb;--dim: rgba(244, 246, 251, .45);--faint: rgba(244, 246, 251, .16);--accent: #4a80ff;--accent-bright: #7aa2ff;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--display: "Space Grotesk", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:var(--black);color:var(--white);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{cursor:none}a:focus-visible,button:focus-visible,[role=button]:focus-visible,.comms-input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:3px}#app{position:fixed;inset:0}canvas.webgl{position:fixed;inset:0;width:100%;height:100%;display:block}#scroll-driver{position:fixed;inset:0;overflow-y:scroll;overflow-x:hidden;z-index:5;scrollbar-width:none}#scroll-driver::-webkit-scrollbar{display:none}#scroll-track{width:1px}.label{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--dim)}#preloader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--black);transition:opacity 1.2s var(--ease)}#preloader.hidden{opacity:0;pointer-events:none}#preloader pre{font-family:var(--mono);font-size:12px;line-height:1.05;letter-spacing:.04em;color:var(--accent);white-space:pre;text-shadow:0 0 14px rgba(74,128,255,.55);user-select:none}#preloader .pl-meta{margin-top:26px;display:flex;gap:18px;align-items:baseline;font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}#preloader .pl-count{color:var(--white);font-variant-numeric:tabular-nums}#preloader .pl-header{position:absolute;top:12%;font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.18em;color:var(--dim)}#preloader .pl-header:after{content:"_";color:var(--accent-bright);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}#preloader .pl-boot{position:absolute;bottom:12%;width:min(360px,80vw);min-height:120px;display:flex;flex-direction:column;gap:5px}#preloader .pl-line{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--dim);white-space:nowrap;overflow:hidden;animation:bootline .4s var(--ease) both}#preloader .pl-line:last-child{color:var(--accent-bright)}@keyframes bootline{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}#ui{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease)}#ui.ready{opacity:1}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px 32px}.brandmark{display:flex;align-items:center;gap:12px;pointer-events:auto;cursor:none}.brandmark .glyph{transition:color .4s var(--ease)}.brandmark:hover .glyph{color:var(--accent-bright)}.brandmark .glyph{font-family:var(--display);font-weight:500;font-size:15px;letter-spacing:.02em;color:var(--white)}.brandmark .divider{width:1px;height:14px;background:var(--faint)}.brandmark .sub{font-size:10px;letter-spacing:.34em}.pill{pointer-events:auto;display:flex;align-items:center;gap:4px;padding:7px 8px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.pill button{pointer-events:auto;font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--dim);background:none;border:none;padding:8px 16px;border-radius:999px;cursor:none;transition:color .4s var(--ease),background .4s var(--ease)}.pill button:hover{color:var(--white);background:#ffffff0d}.bottombar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:26px 32px}.audio{pointer-events:auto;display:flex;align-items:center;gap:12px;cursor:none}.audio .bars{display:flex;align-items:flex-end;gap:2px;height:14px}.audio .bars span{width:2px;height:4px;background:var(--dim);transition:background .4s var(--ease)}.audio.playing .bars span{background:var(--accent-bright);animation:eq .9s ease-in-out infinite}.audio .bars span:nth-child(2){animation-delay:.15s}.audio .bars span:nth-child(3){animation-delay:.3s}.audio .bars span:nth-child(4){animation-delay:.45s}@keyframes eq{0%,to{height:3px}50%{height:14px}}.audio .track{display:flex;flex-direction:column;line-height:1.5}.audio .track .now{font-size:9px;letter-spacing:.3em;color:var(--faint);text-transform:uppercase}.audio .track .title{font-size:10px;letter-spacing:.18em;color:var(--dim);text-transform:uppercase}.scrollhint{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.scrollhint .line{width:1px;height:34px;background:linear-gradient(to bottom,transparent,var(--dim));animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}.scrollhint .label{font-size:9px;letter-spacing:.34em}#hud{position:absolute;inset:0;pointer-events:none;color:var(--dim);z-index:1}.hud-corner{position:absolute;width:22px;height:22px;border:1px solid var(--faint);transition:border-color .4s var(--ease)}.hud-corner.tl{top:18px;left:18px;border-right:none;border-bottom:none}.hud-corner.tr{top:18px;right:18px;border-left:none;border-bottom:none}.hud-corner.bl{bottom:18px;left:18px;border-right:none;border-top:none}.hud-corner.br{bottom:18px;right:18px;border-left:none;border-top:none}#hud.jumping .hud-corner{border-color:var(--accent-bright)}.hud-reticle{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;color:var(--faint);opacity:.5;transition:transform .5s var(--ease),color .4s var(--ease),opacity .4s var(--ease)}.hud-reticle svg{width:100%;height:100%;display:block}#hud.jumping .hud-reticle{transform:scale(1.7) rotate(45deg);color:var(--accent-bright);opacity:.9}.hud-jump{position:absolute;top:92px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--faint);white-space:nowrap;transition:color .3s var(--ease)}#hud.jumping .hud-jump{color:var(--accent-bright);animation:hudflick .3s steps(2) infinite}@keyframes hudflick{50%{opacity:.5}}.hud-readout{position:absolute;left:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.hud-row{display:flex;flex-direction:column;gap:3px}.hud-row .k{font-family:var(--mono);font-size:8px;letter-spacing:.3em;color:var(--faint)}.hud-row .v{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--dim);font-variant-numeric:tabular-nums}#hud.jumping .hud-row .v{color:var(--accent-bright)}@media (max-width: 640px){.hud-readout{display:none}}.rail{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;align-items:flex-end}.rail .dot{pointer-events:auto;cursor:none;display:flex;align-items:center;gap:10px;color:var(--faint);transition:color .5s var(--ease)}.rail .dot:hover{color:var(--white)}.rail .dot:hover .tick{width:30px}.rail .dot .n{font-size:9px;letter-spacing:.2em;font-variant-numeric:tabular-nums}.rail .dot .tick{width:18px;height:1px;background:currentColor;transition:width .5s var(--ease)}.rail .dot.active{color:var(--white)}.rail .dot.active .tick{width:30px;background:var(--accent-bright)}.scene-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;pointer-events:none;opacity:0;transition:opacity .8s var(--ease);padding:0 24px 11vh}.scene-text.active{opacity:1}.scene-text .eyebrow{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--accent-bright);margin-bottom:22px}.scene-text h1{font-family:var(--display);font-weight:400;font-size:clamp(30px,5.4vw,66px);line-height:.98;letter-spacing:-.02em;color:var(--white);text-shadow:0 2px 40px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8)}.scene-text .eyebrow{order:-1}.scene-text h1 .light{font-weight:300;color:var(--dim)}.scene-text .tagline{margin-top:26px;max-width:440px;font-size:12px;line-height:1.9;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.divisions{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,9vw,150px);pointer-events:none;opacity:0;transition:opacity .8s var(--ease)}.divisions.active{opacity:1}.division{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:16px;text-decoration:none;cursor:none;padding:30px;transition:transform .6s var(--ease)}.division .idx{font-size:9px;letter-spacing:.34em;color:var(--faint)}.division .name{font-family:var(--display);font-weight:400;font-size:clamp(20px,3vw,34px);letter-spacing:-.01em;color:var(--white);transition:color .4s var(--ease)}.division .role{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--dim);max-width:240px;text-align:center;line-height:1.8}.division .enter{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);transition:color .4s var(--ease),gap .4s var(--ease)}.division:hover .name{color:var(--accent-bright)}.division:hover .enter{color:var(--white);gap:14px}.contact{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;pointer-events:none;opacity:0;transition:opacity .8s var(--ease)}.contact.active{opacity:1}.contact .eyebrow{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--accent-bright)}.contact .contact-head{font-family:var(--display);font-weight:300;font-size:clamp(28px,5.5vw,60px);letter-spacing:-.02em;color:var(--white);margin-top:4px}.contact .cta{pointer-events:auto;cursor:none;display:inline-flex;align-items:center;gap:12px;margin-top:8px;padding:15px 28px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--white);text-decoration:none;transition:border-color .4s var(--ease),background .4s var(--ease),gap .4s var(--ease)}.contact .cta .arrow{color:var(--accent-bright);transition:transform .4s var(--ease)}.contact .cta:hover{border-color:#7aa2ff80;background:#4a80ff1a;gap:18px}.contact .socials{display:flex;gap:26px;margin-top:12px}.contact .socials a{pointer-events:auto}.contact .qr{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.85}.contact .qr-img{width:96px;height:96px;image-rendering:pixelated}.contact .qr-label{font-family:var(--mono);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--faint)}.comms{pointer-events:none;width:min(480px,88vw);margin-top:6px;padding:18px 20px 16px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#0a122847;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:left}.comms-head{font-family:var(--mono);font-size:9px;letter-spacing:.28em;color:var(--accent-bright);margin-bottom:12px}.comms-input{pointer-events:auto;cursor:text;width:100%;min-height:46px;resize:none;border:none;outline:none;background:transparent;color:var(--white);font-family:var(--mono);font-size:13px;line-height:1.6;letter-spacing:.02em}.comms-input::placeholder{color:var(--faint)}.comms-bar{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.comms-status{font-family:var(--mono);font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim)}.comms-transmit{pointer-events:auto;cursor:none;display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;border:1px solid rgba(122,162,255,.4);background:#4a80ff14;color:var(--white);font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;transition:background .4s var(--ease),border-color .4s var(--ease),gap .4s var(--ease)}.comms-transmit .arrow{color:var(--accent-bright)}.comms-transmit:hover{background:#4a80ff2e;border-color:var(--accent-bright);gap:15px}.contact .socials a{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--dim);text-decoration:none;cursor:none;transition:color .4s var(--ease)}.contact .socials a:hover{color:var(--white)}.stage{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .8s var(--ease)}.stage.active{opacity:1}.stage .panel{position:absolute;display:flex;flex-direction:column;gap:14px;max-width:460px;text-shadow:0 2px 30px rgba(0,0,0,.85)}.stage--digital .panel{left:clamp(24px,8vw,120px);bottom:17vh;align-items:flex-start;text-align:left}.stage--fabian .panel{left:50%;bottom:14vh;transform:translate(-50%);align-items:center;text-align:center}.stage .eyebrow{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--accent-bright)}.stage-name{font-family:var(--display);font-weight:400;font-size:clamp(28px,4.6vw,54px);letter-spacing:-.02em;line-height:1;color:var(--white)}.stage-role{font-size:12px;line-height:1.85;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);max-width:340px}.enter-link{pointer-events:auto;cursor:none;margin-top:10px;display:inline-flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--faint);font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--white);text-decoration:none;transition:gap .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease)}.enter-link .arrow{color:var(--accent-bright)}.enter-link:hover{gap:18px;border-color:var(--accent-bright)}#cursor{position:fixed;top:0;left:0;width:8px;height:8px;border-radius:50%;background:var(--white);pointer-events:none;z-index:200;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .3s var(--ease),height .3s var(--ease),background .3s var(--ease)}#cursor.ring{width:44px;height:44px;background:transparent;border:1px solid var(--accent-bright);mix-blend-mode:normal}#cursor-dot{position:fixed;top:0;left:0;width:3px;height:3px;border-radius:50%;background:var(--accent-bright);pointer-events:none;z-index:201;transform:translate(-50%,-50%)}@media (hover: none),(pointer: coarse){body{cursor:auto}#cursor,#cursor-dot{display:none}}.grain{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;inset:0;z-index:14;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%)}@media (max-width: 700px){.topbar{padding:16px}.brandmark .glyph{font-size:12px}.brandmark .sub{font-size:8px;letter-spacing:.22em}.pill{padding:5px 6px}.pill button{padding:7px 11px;font-size:9px;letter-spacing:.18em}.bottombar{padding:16px}.rail,.hud-corner{display:none}.hud-jump{top:68px;font-size:8px;letter-spacing:.24em}.scene-text{padding:0 20px 12vh}.scene-text .tagline{max-width:82vw}.stage .panel{max-width:84vw}.stage--digital .panel{left:20px}.stage-role{max-width:76vw}.contact{padding:0 20px}.audio .track .now,.audio .track .title{font-size:8px}}@media (pointer: coarse){.pill button{min-height:44px;display:inline-flex;align-items:center}.brandmark{min-height:44px;align-items:center;padding:4px 2px}.audio{min-height:44px;align-items:center}.cta{min-height:48px}.enter-link{padding-top:12px;padding-bottom:12px}.contact .socials{gap:28px}.contact .socials a{padding:12px 8px}.rail .dot{padding:8px 0}}