:root{--ink: #0c0e16;--ink2: #14161f;--cream: #f2ede2;--orange: #ff5a1f;--amber: #ffb53e;--cyan: #3fd0df}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--ink);color:var(--cream);font-family:Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.pixel{font-family:Silkscreen,monospace}.mono{font-family:Space Mono,monospace}.c-cream{color:var(--cream)}.c-orange{color:var(--orange)}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#preloader{position:fixed;inset:0;z-index:60;background:var(--ink);display:flex;align-items:center;justify-content:center}.pre-logo-img{width:clamp(220px,32vw,400px);height:auto;opacity:0;animation:pre-img-pop .55s cubic-bezier(.34,1.56,.64,1) .18s forwards}@keyframes pre-img-pop{0%{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.pre-pct{position:absolute;left:34px;bottom:30px;font-size:clamp(2.4rem,6vw,4.2rem);color:var(--cream)}#intro{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;text-align:center;padding:0 5vw;opacity:0;visibility:hidden}.intro-eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#f2ede299}.intro-title{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(2rem,5.6vw,4.6rem);line-height:1.12;text-transform:uppercase;letter-spacing:.01em}.intro-title .line{display:block}.intro-title em{font-style:normal;padding:0 .18em}.pill-orange{background:var(--orange);color:var(--ink)}.pill-cyan{background:var(--cyan);color:var(--ink)}.glitch{text-shadow:.035em 0 0 rgba(255,90,31,.55),-.035em 0 0 rgba(63,208,223,.55);animation:glitch-shift 3.4s steps(2) infinite}@keyframes glitch-shift{0%,92%,to{text-shadow:.035em 0 0 rgba(255,90,31,.55),-.035em 0 0 rgba(63,208,223,.55)}94%{text-shadow:-.05em .012em 0 rgba(255,90,31,.8),.05em -.012em 0 rgba(63,208,223,.8)}97%{text-shadow:.02em -.015em 0 rgba(255,90,31,.7),-.02em .015em 0 rgba(63,208,223,.7)}}.btn-start{border:0;cursor:pointer;background:var(--orange);color:#fff;font-size:14px;font-weight:700;letter-spacing:.16em;padding:16px 30px;display:inline-flex;align-items:center;gap:14px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .25s,transform .25s}.btn-start:hover{background:var(--amber);color:var(--ink);transform:translateY(-2px)}.btn-sq{display:inline-block;transition:transform .25s}.btn-start:hover .btn-sq{transform:translate(5px)}.intro-hint{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#f2ede266}#hud{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;opacity:0;visibility:hidden}.hud-logo{text-decoration:none;display:inline-flex;align-items:center;gap:10px}.hud-logo-img{height:26px;width:auto;display:block}.hud-logo-tag{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}.hud-nav{display:flex;gap:26px}.hud-nav a,.hud-mail{color:#f2ede2b3;text-decoration:none;font-size:13px;transition:color .2s}.hud-nav a:hover,.hud-mail:hover{color:var(--cyan)}.hud-right{display:flex;align-items:center;gap:18px}.hud-mail{border:1px solid rgba(63,208,223,.5);color:var(--cyan);padding:9px 16px;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.hud-sound{background:var(--orange);border:0;cursor:pointer;width:36px;height:34px;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.snd-bars{display:flex;gap:3px;align-items:flex-end;height:14px}.snd-bars i{width:3px;height:5px;background:#fff;transition:height .2s}.hud-sound.on .snd-bars i{animation:snd .9s ease-in-out infinite}.hud-sound.on .snd-bars i:nth-child(2){animation-delay:.15s}.hud-sound.on .snd-bars i:nth-child(3){animation-delay:.3s}@keyframes snd{0%,to{height:5px}50%{height:14px}}#dots{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:14px;opacity:0;visibility:hidden}#dots button{width:9px;height:9px;border:0;cursor:pointer;background:#f2ede240;transition:background .25s,transform .25s}#dots button.active{background:var(--orange);transform:scale(1.5) rotate(45deg)}#case{position:fixed;left:34px;right:34px;bottom:34px;z-index:30;display:flex;gap:7vw;align-items:flex-end;opacity:0;visibility:hidden;pointer-events:none}#case .case-col{pointer-events:auto;max-width:420px}.case-label{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#f2ede280;margin-bottom:10px}.case-title{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(1.4rem,2.6vw,2.2rem);text-transform:uppercase;line-height:1.05}.case-cta{display:inline-block;margin-top:14px;background:#2434ff00;border:0;background-color:var(--orange);color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.14em;padding:10px 16px;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);transition:background-color .2s,color .2s}.case-cta:hover{background-color:var(--cyan);color:var(--ink)}.case-info{font-size:14.5px;font-weight:300;line-height:1.6;color:#f2ede2d9}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.case-tags span{font-size:11px;letter-spacing:.08em;padding:5px 10px;border:1px solid rgba(242,237,226,.3);color:#f2ede2bf;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}#cue{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:5px;align-items:center;opacity:0;visibility:hidden}.cue-px{width:7px;height:7px;background:#f2ede28c;animation:cue-fall 1.5s ease-in-out infinite}#cue .cue-px:nth-child(2){animation-delay:.2s}#cue .cue-px:nth-child(3){animation-delay:.4s}@keyframes cue-fall{0%,to{opacity:.25}50%{opacity:1}}@media(max-width:760px){.hud-nav{display:none}#case{flex-direction:column;gap:18px;align-items:flex-start;bottom:24px}#dots{right:14px}}@media(prefers-reduced-motion:reduce){.glitch,.cue-px,.hud-sound.on .snd-bars i{animation:none}}