@import "https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=JetBrains+Mono:wght@400;500;700;800&family=Playfair+Display:ital,wght@0,700;1,700;1,900&family=Unbounded:wght@700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#070709;--ink2:#0e0f14;--ink3:#151720;--paper:#f4efe2;--dim:#82807a;--dimDark:#403e3a;--yellow:#ffd500;--yellowDim:#ffd5001f;--red:#ff2a20;--redDark:#610e08;--cyan:#00e5ff;--cyanDim:#00e5ff1f;--green:#00ff73;--greenDim:#00ff731f;--amber:#ff9100;--purple:#b35cff;--mono:"JetBrains Mono", monospace;--wide:"Unbounded", sans-serif;--poster:"Dela Gothic One", cursive, sans-serif;--serif:"Playfair Display", Georgia, serif}html,body,#root{touch-action:manipulation;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body{background:var(--ink);color:var(--paper);font-family:var(--mono);cursor:crosshair;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}body:after{content:"";pointer-events:none;z-index:9000;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px;position:fixed;inset:0}::selection{background:var(--yellow);color:#000}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--red)}.t-display{font-family:var(--wide);letter-spacing:-.035em;text-transform:uppercase;font-weight:900;line-height:.92}.t-poster{font-family:var(--poster);text-transform:uppercase;letter-spacing:-.02em;line-height:.98}.t-heading{font-family:var(--wide);letter-spacing:-.025em;text-transform:uppercase;font-weight:800;line-height:1.05}.t-quote{font-family:var(--serif);font-style:italic;font-weight:700;line-height:1.35}.t-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.t-mono{font-family:var(--mono)}.wrap{max-width:1240px;margin:0 auto;padding:0 28px}.rule{border:none;border-top:1px solid #f4efe21a}.rule-thick{border:none;border-top:3px solid var(--paper)}.rule-red{border:none;border-top:2px solid var(--red)}.rule-yellow{border:none;border-top:2px solid var(--yellow)}.marquee-track{gap:0;width:max-content;animation:24s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.btn{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid;align-items:center;gap:8px;padding:12px 24px;font-size:11px;font-weight:800;text-decoration:none;transition:none;display:inline-flex}.btn:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)!important}.btn-fill{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn-fill:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)!important}.btn-yellow{color:var(--yellow);border-color:var(--yellow)}.btn-yellow:hover{background:var(--yellow);color:#000!important}.btn-red{color:var(--red);border-color:var(--red)}.btn-red:hover{background:var(--red);color:var(--paper)!important}.btn-cyan{color:var(--cyan);border-color:var(--cyan)}.btn-cyan:hover{background:var(--cyan);color:#000!important}.btn-ghost{color:var(--dim);border-color:#f4efe233}.btn-ghost:hover{color:var(--paper);border-color:var(--paper);background:0 0}.tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);border:1px solid #f4efe233;padding:3px 8px;font-size:9px;font-weight:800;display:inline-block}.tag-red{border-color:var(--red);color:var(--red)}.tag-yellow{border-color:var(--yellow);color:var(--yellow)}.tag-cyan{border-color:var(--cyan);color:var(--cyan)}.tag-live{border-color:var(--green);color:var(--green)}.sec-marker{align-items:center;gap:14px;margin-bottom:56px;display:flex}.sec-marker:after{content:"";background:#f4efe21a;flex:1;height:1px}.zine-stamp{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;-webkit-user-select:none;user-select:none;border:2px solid;padding:4px 12px;font-weight:900;display:inline-block;transform:rotate(-2.5deg)}.zine-stamp-red{color:var(--red);border-color:var(--red)}.zine-stamp-yellow{color:var(--yellow);border-color:var(--yellow)}.zine-stamp-cyan{color:var(--cyan);border-color:var(--cyan)}.zine-stamp-paper{color:var(--paper);background:var(--ink);border-color:var(--paper)}.tape-strip{color:#121008;font-family:var(--mono);letter-spacing:.12em;-webkit-user-select:none;user-select:none;background:#ffe150d9;padding:2px 14px;font-size:10px;font-weight:900;display:inline-block;transform:rotate(1deg);box-shadow:0 2px 8px #0009}.tape-strip-cyan{color:#03141a;background:#00e5ffd9;transform:rotate(-1.5deg)}.project-card{cursor:pointer;background:var(--ink2);transition:transform 80ms,outline 80ms;display:block;position:relative;overflow:hidden}.project-card img{object-fit:cover;filter:grayscale(20%)contrast(1.05);width:100%;height:100%;display:block}.project-card:hover img{filter:grayscale(0%)contrast(1.12)}.project-card-overlay{background:linear-gradient(#0707091a 40%,#070709f2 100%);position:absolute;inset:0}.project-card:hover{outline:2px solid var(--yellow);outline-offset:-2px}.spotlight-red{background:var(--redDark);position:relative;overflow:hidden}.spotlight-red:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");background-size:180px;position:absolute;inset:0}.spotlight-cyan{background:#061822;border-top:1px solid #00e5ff33;position:relative;overflow:hidden}.spotlight-dark{background:var(--ink2);position:relative}.code-block{font-family:var(--mono);color:#f4efe2b3;background:#000000b3;border:1px solid #f4efe21f;padding:22px;font-size:11px;line-height:1.85;overflow-x:auto}.code-block .asm-kw{color:#ff8533;font-weight:700}.code-block .asm-reg{color:var(--cyan)}.code-block .asm-num{color:var(--green)}.code-block .asm-cmt{color:var(--dim);font-style:italic}.stat-num{font-family:var(--wide);letter-spacing:-.03em;color:var(--paper);font-weight:900;line-height:.9}.stat-label{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:700}.crt-overlay{position:relative}.crt-overlay:before{content:" ";z-index:5;pointer-events:none;background:linear-gradient(#12101000 50%,#0006 50%) 0 0/100% 3px,linear-gradient(90deg,#ff00000a,#00ff0005,#0000ff0a) 0 0/3px 100%;display:block;position:absolute;inset:0}.key-btn{background:var(--ink3);color:var(--paper);font-family:var(--mono);cursor:pointer;text-align:center;border:1px solid #f4efe233;padding:8px 14px;font-size:11px;font-weight:700;transition:none}.key-btn:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.key-btn:active{background:var(--yellow);color:#000;border-color:var(--yellow)}.key-btn-red{background:var(--red);border-color:var(--red);color:var(--paper)}.key-btn-red:hover{background:#ff473d;border-color:#ff473d}.key-btn-yellow{background:var(--yellow);border-color:var(--yellow);color:#000}.key-btn-yellow:hover{background:#fff;border-color:#fff}.pull-quote{border-left:3px solid var(--yellow);font-family:var(--serif);color:var(--paper);background:#ffd50008;padding:14px 22px;font-size:clamp(17px,2.2vw,26px);font-style:italic;font-weight:700;line-height:1.4}.pull-quote-cyan{border-left-color:var(--cyan);background:#00e5ff08}.pull-quote-red{border-left-color:var(--red);background:#ff2a200d}.download-card{background:var(--ink2);border:1px solid #f4efe226;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative}.download-card:hover{border-color:var(--yellow);outline:1px solid var(--yellow)}.modal-overlay{z-index:2000;background:#070709f2;justify-content:center;align-items:flex-start;padding:48px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:var(--ink2);border:1px solid #f4efe233;width:100%;max-width:920px;position:relative}.modal-close{z-index:10;font-family:var(--mono);letter-spacing:.1em;color:var(--dim);cursor:pointer;background:#070709d9;border:1px solid #f4efe233;padding:5px 12px;font-size:10px;font-weight:800;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--red);border-color:var(--red)}.site-header{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070709f0;border-bottom:1px solid #f4efe214;position:fixed;top:0;left:0;right:0}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:1s step-end infinite blink}@keyframes glitch{0%,91%,to{clip-path:none;color:var(--paper);transform:none}92%{clip-path:inset(5% 0 85%);color:var(--yellow);transform:translate(-3px)}94%{clip-path:inset(65% 0 15%);color:var(--paper);transform:translate(3px)}95%{clip-path:none;transform:none}97%{clip-path:inset(30% 0 50%);color:var(--red);transform:translate(-2px,1px)}98%{clip-path:none;color:var(--paper);transform:none}}.glitch{animation:6.5s infinite glitch}@keyframes windowPop{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.window-pop{animation:.18s cubic-bezier(.16,1,.3,1) forwards windowPop}@keyframes shakeScreen{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px,2px)}20%,40%,60%,80%{transform:translate(4px,-2px)}}.shake-it{animation:.4s ease-in-out shakeScreen}@keyframes equalizerBar{0%,to{height:4px}50%{height:18px}}@keyframes pulseNeon{0%,to{box-shadow:0 0 10px #ffd50033}50%{box-shadow:0 0 25px #ffd50080}}.pulse-neon{animation:2s ease-in-out infinite pulseNeon}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.float-up{animation:1s ease-out forwards floatUp}@media (width<=900px){.hide-sm{display:none!important}}