:root{--bg: #e9e6de;--ink: #111111;--paper: #f6f3ea;--accent: #c8ff00;--shadow: 8px 8px 0 var(--ink)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden;height:100vh;height:100dvh}::selection{background:var(--accent);color:var(--ink)}@media(hover:hover)and (pointer:fine){body,a,button{cursor:none}}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}#loader{position:fixed;inset:0;z-index:100;background:var(--ink);display:flex;align-items:center;justify-content:center}.loader-inner{text-align:center}.loader-name{display:block;font-family:Archivo Black,sans-serif;font-size:clamp(3rem,10vw,7rem);color:var(--accent);letter-spacing:-.03em}.loader-tag{display:block;margin-top:.75rem;font-family:Space Mono,monospace;font-size:.8rem;color:var(--paper);letter-spacing:.3em}.loader-count{position:absolute;right:2rem;bottom:1.6rem;font-family:Archivo Black,sans-serif;font-size:clamp(2.5rem,7vw,5rem);color:var(--paper);opacity:.9}#grain{position:fixed;inset:-100px;z-index:80;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .9s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-40px,30px)}50%{transform:translate(30px,-50px)}75%{transform:translate(-30px,-20px)}to{transform:translate(0)}}#vignette{position:fixed;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at center,transparent 62%,rgba(17,17,17,.16) 100%)}#cursor{position:fixed;top:0;left:0;z-index:120;pointer-events:none;display:none}@media(hover:hover)and (pointer:fine){#cursor{display:block}}.cursor-dot{position:fixed;top:0;left:0;width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--accent);border:2px solid var(--ink);border-radius:50%}.cursor-ring{position:fixed;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid var(--accent);border-radius:50%;transition:transform .2s,background .2s,border-color .2s;will-change:transform}#cursor.is-hover .cursor-ring{transform:scale(1.55);background:#c8ff0073}#cursor.is-scene .cursor-ring{transform:scale(1.5);background:var(--accent);border-color:var(--ink)}#progress{position:fixed;top:0;left:0;right:0;height:5px;z-index:60}#progress-bar{height:100%;width:100%;background:var(--accent);border-bottom:3px solid var(--ink);transform-origin:left;transform:scaleX(0);will-change:transform}#sec-counter{position:fixed;left:2rem;bottom:1.6rem;z-index:55;font-family:Space Mono,monospace;font-weight:700;letter-spacing:.1em;background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:.4rem .7rem;font-size:.8rem;display:flex;gap:.4rem;align-items:baseline}#sec-counter b{font-family:Archivo Black,sans-serif;font-size:1.05rem}#topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1.4rem 2rem;pointer-events:none}#topbar a,#topbar button{pointer-events:auto}.logo{font-family:Archivo Black,sans-serif;font-size:1.6rem;color:var(--ink);text-decoration:none;background:var(--accent);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:.1rem .7rem;transition:transform .15s,box-shadow .15s}.logo:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}#topbar nav{display:flex;gap:.6rem;align-items:stretch}#topbar nav a,#audio-btn{font-family:Space Mono,monospace;font-weight:700;font-size:.78rem;letter-spacing:.06em;color:var(--ink);text-decoration:none;background:var(--paper);border:3px solid var(--ink);padding:.45rem .8rem;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s,background .15s}#topbar nav a:hover,#audio-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);background:var(--accent)}#topbar nav a.nav-cta{background:var(--ink);color:var(--accent)}#topbar nav a.nav-cta:hover{background:var(--accent);color:var(--ink)}#audio-btn{display:inline-flex;align-items:center;gap:.5rem}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.eq i{width:3px;height:4px;background:var(--ink)}body.audio-on #audio-btn{background:var(--accent)}body.audio-on .eq i{animation:eq .7s ease-in-out infinite}body.audio-on .eq i:nth-child(2){animation-delay:.15s}body.audio-on .eq i:nth-child(3){animation-delay:.3s}@keyframes eq{0%,to{height:4px}50%{height:12px}}#content{position:relative;z-index:10}.sec{position:fixed;inset:0;height:100vh;height:100dvh;display:flex;align-items:center;padding:6rem 4vw;pointer-events:none}.panel,.marquee{pointer-events:auto}.panel{max-width:520px;will-change:transform,opacity}.panel-left{margin-right:auto}.panel-right{margin-left:auto}.panel-wide{max-width:1100px;margin:0 auto;width:100%}.panel-center{margin:0 auto;text-align:center}.kicker{display:inline-block;font-family:Space Mono,monospace;font-weight:700;font-size:.75rem;letter-spacing:.25em;background:var(--ink);color:var(--accent);padding:.4rem .8rem;margin-bottom:1.2rem}h2{font-family:Archivo Black,sans-serif;font-size:clamp(2.6rem,6.5vw,5rem);line-height:.95;letter-spacing:-.02em;margin-bottom:1.6rem}.st-line{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.mega{font-family:Archivo Black,sans-serif;font-size:clamp(4rem,14vw,12rem);line-height:.9;letter-spacing:-.04em}.mega-sm{font-size:clamp(3.4rem,9vw,7.5rem)}#sec-hero{align-items:flex-end}.hero-panel{max-width:none;margin-bottom:4.5rem}.hero-strip{display:inline-flex;align-items:center;gap:.9rem;margin-top:1.4rem;font-family:Space Mono,monospace;font-weight:700;font-size:clamp(.8rem,1.6vw,1.05rem);letter-spacing:.12em;background:var(--accent);border:3px solid var(--ink);box-shadow:var(--shadow);padding:.7rem 1.2rem}.hero-strip .dot{font-size:.6em}.scroll-hint{position:absolute;right:4vw;bottom:7.5rem;font-family:Space Mono,monospace;font-weight:700;font-size:.8rem;letter-spacing:.2em;animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.marquee{position:absolute;left:0;right:0;bottom:0;background:var(--ink);color:var(--accent);overflow:hidden;white-space:nowrap;padding:.55rem 0}.marquee-track{display:inline-flex;font-family:Space Mono,monospace;font-weight:700;font-size:.85rem;letter-spacing:.15em;animation:marquee 22s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);padding:1.5rem}.card p{font-size:1.02rem;line-height:1.55}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.chip{font-family:Space Mono,monospace;font-weight:700;font-size:.7rem;letter-spacing:.08em;border:2.5px solid var(--ink);padding:.3rem .6rem;background:var(--bg);transition:transform .15s,background .15s}.chip:hover{transform:translateY(-3px);background:var(--accent)}.chip-accent{background:var(--accent)}.stat-row{display:flex;gap:.6rem;margin-top:1.2rem}.stat{flex:1;border:2.5px solid var(--ink);background:var(--bg);text-align:center;padding:.7rem .3rem}.stat b{display:block;font-family:Archivo Black,sans-serif;font-size:1.5rem}.stat i{font-style:normal;font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.1em}.now-playing{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.2rem;font-family:Space Mono,monospace;font-weight:700;font-size:.75rem;letter-spacing:.1em;background:var(--ink);color:var(--accent);padding:.55rem .9rem}.np-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);opacity:.35}body.audio-on .np-dot{opacity:1;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem}.project{display:block;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s,background .15s}.project:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--ink);background:var(--accent)}.proj-num{font-family:Space Mono,monospace;font-weight:700;font-size:.7rem;letter-spacing:.15em}.project h3{font-family:Archivo Black,sans-serif;font-size:1.4rem;margin:.6rem 0 .5rem}.project p{font-size:.92rem}.proj-link{display:inline-block;margin-top:1rem;font-family:Space Mono,monospace;font-weight:700;font-size:.8rem;border-bottom:3px solid var(--ink)}.cta{display:inline-block;max-width:100%;overflow-wrap:anywhere;margin-top:.5rem;font-family:Space Mono,monospace;font-weight:700;font-size:clamp(1rem,2.6vw,1.6rem);color:var(--ink);text-decoration:none;background:var(--accent);border:3px solid var(--ink);box-shadow:var(--shadow);padding:.9rem 1.6rem;transition:transform .15s,box-shadow .15s}.cta:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--ink)}.socials{margin-top:2rem;display:flex;gap:.8rem;justify-content:center}.socials a{font-family:Space Mono,monospace;font-weight:700;font-size:.75rem;letter-spacing:.08em;color:var(--ink);text-decoration:none;background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:.5rem .9rem;transition:transform .15s,box-shadow .15s,background .15s}.socials a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);background:var(--accent)}.fine{margin-top:3.5rem;font-family:Space Mono,monospace;font-size:.68rem;letter-spacing:.12em;opacity:.6}@media(max-aspect-ratio:9/10){.sec{align-items:flex-end;padding-bottom:5.5rem}}@media(max-height:520px){.sec{align-items:flex-end;padding:3.2rem 6vw 3.6rem}.mega{font-size:3rem}h2,.mega-sm{font-size:1.7rem;margin-bottom:.5rem}.kicker{font-size:.6rem;padding:.28rem .55rem;margin-bottom:.5rem}.card{padding:.7rem .9rem}.card p{font-size:.78rem;line-height:1.4}.chip{font-size:.54rem;padding:.2rem .4rem;border-width:2px}.hero-strip{font-size:.7rem;padding:.45rem .85rem}.cta{font-size:.8rem;padding:.55rem .9rem;box-shadow:4px 4px 0 var(--ink)}.socials{margin-top:.7rem;gap:.45rem}.socials a{font-size:.56rem;padding:.3rem .55rem}.fine{margin-top:.8rem;font-size:.48rem}.grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.project h3{font-size:.9rem}.project p{font-size:.7rem}.proj-link{margin-top:.35rem;font-size:.6rem}.marquee{padding:.35rem 0}#sec-counter{bottom:.9rem;left:1rem}.scroll-hint{bottom:3.4rem}}@media(max-width:720px){#topbar{padding:1rem}#topbar nav a:not(.nav-cta){display:none}.sec{align-items:flex-end;padding:4.5rem 5vw 5.6rem}.panel{max-width:none;width:100%}.hero-panel{margin-bottom:2.6rem}h2,.mega-sm{font-size:clamp(1.9rem,8vw,2.6rem);margin-bottom:.7rem}.sec:not(#sec-hero) .panel:not(.panel-center) h2{text-align:right}.sec:not(#sec-hero) .panel:not(.panel-center) .kicker{display:block;width:max-content;margin-left:auto}.cta{font-size:.85rem;padding:.65rem 1rem;box-shadow:5px 5px 0 var(--ink)}.socials{margin-top:.9rem;gap:.5rem}.socials a{font-size:.6rem;padding:.35rem .6rem}.fine{margin-top:1.1rem;font-size:.52rem}.kicker{font-size:.62rem;padding:.3rem .6rem;margin-bottom:.7rem}.card{padding:.85rem 1rem}.card p{font-size:.82rem;line-height:1.45}.chips{gap:.35rem;margin-top:.7rem}.chip{font-size:.56rem;padding:.22rem .45rem;border-width:2px}.stat b{font-size:1.1rem}.now-playing{font-size:.62rem;margin-top:.7rem}.grid{gap:.7rem}.project h3{font-size:1.05rem}.project p{font-size:.8rem}.proj-link{margin-top:.5rem;font-size:.68rem}.scroll-hint{bottom:4.6rem}#sec-counter{left:auto;right:1rem;bottom:3.4rem}}