:root{color-scheme:dark;--paper:#ecece6;--ink:#111;--acid:#d8ff00}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111;color:var(--paper);font-family:Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--acid);outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:10}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #393939}.brand{font-weight:900;letter-spacing:-1px;font-size:22px}nav{display:flex;gap:30px;font:11px monospace;text-transform:uppercase}.hero{min-height:690px;height:calc(100svh - 88px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:35px 4vw}.meta{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:1px}.hero h1{font-size:clamp(70px,15.5vw,240px);letter-spacing:-.085em;line-height:.73;margin:0;position:relative;z-index:1;font-weight:900}.hero h1 span{display:block}.hero h1 span:last-child{text-align:right}.orb{position:absolute;width:min(49vw,600px);aspect-ratio:1;left:26%;top:4%;border-radius:50%;background:repeating-radial-gradient(ellipse at 55% 36%,transparent 0 7px,#d8ff00 8px 10px,transparent 11px 15px);transform:rotate(-28deg);box-shadow:inset 20px 0 90px #111,inset -30px -50px 80px #111;opacity:.88}.hero-bottom{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2}.hero-bottom p{font-size:15px;max-width:270px;line-height:1.5}.pill{display:inline-flex;align-items:center;gap:40px;border:1px solid currentColor;padding:18px 24px;font:12px monospace;text-transform:uppercase}.pill:hover{background:var(--acid);color:#111;border-color:var(--acid)}.bars{height:10px;background:linear-gradient(90deg,#ddd 0 14.28%,#f4ff00 14.28% 28.56%,#00ffff 28.56% 42.84%,#21ff00 42.84% 57.12%,#ff00e0 57.12% 71.4%,#ff3020 71.4% 85.68%,#263aff 85.68%)}.section{padding:75px 4vw}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid #444;padding-bottom:22px}h2{font-size:clamp(35px,6vw,86px);letter-spacing:-.06em;margin:0}.small{font:11px monospace;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.art{aspect-ratio:1;position:relative;overflow:hidden;background:#beff00}.art:after{content:'';position:absolute;width:75%;height:75%;border:25px solid #111;border-radius:50%;top:12%;left:12%;box-shadow:0 0 0 10px #beff00,0 0 0 12px #111;transform:skew(-18deg)}.art.two{background:repeating-radial-gradient(circle at 30% 80%,#f54d20 0 5px,#240827 6px 14px)}.art.two:after{border-color:#e1e0d8;border-width:2px;border-radius:0;transform:rotate(35deg);box-shadow:12px 12px 0 #e1e0d8}.art.three{background:repeating-conic-gradient(from 45deg,#d3c7fa 0 10deg,#27233d 10deg 20deg)}.art.three:after{background:#111;border:0;transform:scale(.65);box-shadow:0 0 50px #111}.card h3{font-size:23px;margin:16px 0 8px;letter-spacing:-1px}.card p{font:11px monospace;color:#aaa}.about{background:var(--paper);color:#111;display:grid;grid-template-columns:1fr 2fr;gap:50px}.about p{font-size:clamp(26px,4vw,58px);letter-spacing:-.04em;line-height:1.1;margin:0}.connect{background:var(--acid);color:#111}.connect .pill{margin-top:30px}footer{padding:30px 4vw;display:flex;justify-content:space-between;font:11px monospace}.concept{color:#aaa;margin-top:28px;font:11px monospace}@media(max-width:700px){header{height:74px}nav{gap:15px}.hero{height:calc(100svh - 74px);min-height:610px}.hero h1{font-size:15.5vw}.orb{width:85vw;left:7%;top:14%}.hero-bottom{gap:20px}.hero-bottom p{font-size:13px}.pill{gap:20px;padding:16px}.grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:25px}.section{padding:50px 5vw}.meta{font-size:9px}footer{gap:20px;line-height:1.5}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.merch{background:#222;border-top:1px solid #444}.merch .pill{margin-top:20px}.socials{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:700px){nav{gap:10px;font-size:10px}.brand{font-size:20px}.card .pill{margin:10px 0 25px}}
