@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:wght@400;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{min-width:320px;min-height:100vh}#root{min-height:100vh}.portrait{text-shadow:1px 0 #ff2bd680!important;font-size:6px!important;line-height:4.5px!important}.json{font-size:14px!important;line-height:20px!important}@media (width<=700px){.portrait{font-size:6px!important;line-height:4.5px!important}.json{font-size:11px!important;line-height:17px!important}}:root{--ink:#dceaff;--muted:#8192aa;--navy:#070e1b;--panel:#0b1730;--cyan:#56f7ff;--pink:#ff2bd6;--amber:#febb2e;--line:#67c6ff33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--navy);margin:0;font-family:Atkinson Hyperlegible Mono,monospace}a{color:inherit;text-decoration:none}button{font:inherit}header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050810e6;border-bottom:1px solid #a273ff59;align-items:center;gap:34px;height:72px;padding:0 clamp(22px,4vw,64px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-right:auto;display:flex}.brand i{color:#090b12;background:linear-gradient(135deg,var(--amber),#ff6b35);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);place-items:center;width:34px;height:34px;font:900 18px Space Grotesk;display:grid}nav{color:#aab9ce;letter-spacing:.14em;gap:28px;font-size:12px;display:flex}nav a:hover{color:var(--cyan)}.online{color:#44ff93;letter-spacing:.13em;text-shadow:0 0 12px #44ff93;font-size:10px}.hero{background:radial-gradient(circle at 15% 48%,#3461ff1a,#0000 28%),#07101f;grid-template-columns:1.08fr .92fr;align-items:center;gap:7vw;min-height:736px;display:grid}.eyebrow{color:var(--cyan);letter-spacing:.16em;margin:0 0 24px;font-size:12px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.07em;margin-bottom:28px;font:700 clamp(54px,7vw,104px)/.86 Space Grotesk}h1 span{color:#0000;-webkit-text-stroke:1px var(--cyan);text-shadow:5px 5px #ff2bd640}.lead{color:#9babc2;max-width:650px;font-size:14px;line-height:2}.signal{color:var(--amber);letter-spacing:.12em;border:1px solid #ffbd2e73;margin-top:42px;padding:12px 15px;font-size:10px;display:inline-block}.hero figure{background:linear-gradient(135deg,#56f7ff14,#ff2bd614);border:1px solid #56f7ff59;margin:0;padding:12px;position:relative;box-shadow:18px 18px #ff2bd614}.hero figure:before,.hero figure:after{content:"";background:var(--pink);width:36px;height:3px;position:absolute}.hero figure:before{top:-2px;right:13%}.hero figure:after{background:var(--amber);bottom:-2px;left:8%}.hero img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.hero figcaption{color:var(--cyan);letter-spacing:.18em;background:#050912d9;padding:6px 10px;font-size:9px;position:absolute;bottom:20px;right:20px}.title .eyebrow{margin-bottom:12px}h2{letter-spacing:-.055em;margin:0;font:700 clamp(34px,4.4vw,66px) Space Grotesk}h2 span{color:var(--cyan)}.about{background:var(--panel)}.terminal{background:#040811;border:1px solid #56f7ff61;border-radius:8px;width:min(1120px,100%);margin:0 auto;overflow:hidden;box-shadow:0 30px 80px #00000059}.termbar{color:#697b94;background:#111827;border-bottom:1px solid #26344b;justify-content:center;align-items:center;height:48px;font-size:11px;display:flex;position:relative}.dots{gap:9px;display:flex;position:absolute;left:17px}.dots button{cursor:pointer;border:0;border-radius:50%;width:13px;height:13px;padding:0;transition:transform .15s}.dots button:hover{transform:scale(1.2)}.red{background:#ff5f57}.yellow{background:#febb2e}.green{background:#28c840}.termbody{grid-template-columns:minmax(300px,.9fr) minmax(400px,1.15fr);align-items:center;gap:6%;min-height:600px;padding:50px 7%;display:grid}.portrait,.json{color:var(--cyan);background:0 0;margin:0;font-family:inherit}.portrait{text-shadow:2px 0 #ff2bd680;justify-self:center;font-size:clamp(16px,1.8vw,25px);line-height:1.18}.json{white-space:pre-wrap;flex-direction:column;font-size:clamp(10px,1vw,13px);line-height:1.95;display:flex}.json b{color:var(--pink);font-weight:400}.json em{color:#b9f76f;font-style:normal}.json i{font-style:normal}.json u{color:var(--amber);text-decoration:none;animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.video{text-align:center;border:1px dashed var(--pink);background:radial-gradient(circle,#ff2bd61a,#0000 38%),#0b0510;flex-direction:column;justify-content:center;align-items:center;width:min(1120px,100%);min-height:650px;margin:0 auto;display:flex}.video small{color:var(--pink);letter-spacing:.2em}.video strong{margin:18px 0;font:700 clamp(28px,5vw,64px) Space Grotesk}.video p{color:var(--muted)}.video button{color:var(--cyan);border:1px solid var(--cyan);cursor:pointer;background:0 0;margin-top:30px;padding:12px 18px}.works{background:#15091c}.works h2 span{color:var(--pink)}.work-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.work-grid article{--c:var(--cyan);background:#10172a;border:1px solid #ffffff1a;min-width:0;padding:16px;transition:all .2s}.work-grid article:hover{border-color:var(--c);transform:translateY(-6px)}.work-grid article.pink{--c:var(--pink)}.work-grid article.amber{--c:var(--amber)}.work-grid article.violet{--c:#9c76ff}.work-grid small,.work-grid article>a{color:var(--c);letter-spacing:.12em;font-size:9px}.visual{height:190px;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);opacity:.7;background:#08101d;place-items:center;margin:14px 0 18px;font:700 54px Space Grotesk;display:grid}.work-grid h3{font-size:14px}.work-grid p{color:#71819a;min-height:44px;font-size:10px;line-height:1.6}.more{text-align:right;color:var(--pink);letter-spacing:.14em;margin-top:34px;font-size:12px;display:block}.links{background:#061820}.links h2 span{color:var(--amber)}.link-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1160px;margin:auto;display:grid}.link-grid>a{background:#0a2430;border:1px solid #56f7ff29;align-items:center;gap:16px;min-height:118px;padding:22px;transition:all .2s;display:flex}.link-grid>a>i{color:#07121a;background:var(--amber);flex:none;width:42px;height:42px;padding:10px}.link-grid svg{fill:currentColor;width:100%;height:100%}.link-grid span{min-width:0}.link-grid b,.link-grid small{display:block}.link-grid b{font-size:13px}.link-grid small{color:#7f94a7;text-overflow:ellipsis;margin-top:6px;font-size:9px;overflow:hidden}.link-grid em{color:var(--amber);margin-left:auto;font-style:normal}footer{color:#62728b;letter-spacing:.12em;background:#050912;justify-content:space-between;align-items:center;min-height:86px;padding:0 clamp(24px,6vw,96px);font-size:9px;display:flex}footer a{color:var(--cyan)}.overlay{z-index:100;background:#040811;place-items:center;display:grid;position:fixed;inset:0}.overlay .terminal{border:0;border-radius:0;width:100%;height:100%}@media (width<=1000px){.work-grid,.link-grid{grid-template-columns:repeat(2,1fr)}.termbody{grid-template-columns:1fr 1.2fr;padding:38px}}@media (width<=700px){header{height:62px}nav,.online{display:none}.section{padding:68px 20px}.hero{grid-template-columns:1fr;padding-top:100px}.hero figure{max-width:440px}.termbody{grid-template-columns:1fr;gap:28px;min-height:620px;padding:38px 22px}.portrait{font-size:17px}.json{font-size:9px}.work-grid,.link-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.json u{animation:none}}header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#17130b;border-bottom:1px solid #ffc857;height:88px;padding:0 72px;position:relative}.brand{color:#ffc857;margin-right:auto}.brand i{display:none}.brand b{letter-spacing:.08em;font-size:14px}nav{color:#fff3d6;gap:36px;font-size:11px}.section{border-bottom:0;padding:64px 72px}.hero{background:#080b14;grid-template-columns:minmax(0,650px) minmax(0,520px);justify-content:center;align-items:center;gap:48px;height:auto;min-height:0}.hero-copy{background:#0c1630;border:1px solid #20dde84d;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:24px;min-width:0;min-height:400px;padding:20px;display:flex;position:relative;box-shadow:0 8px 24px #0aaac00f}.hero .eyebrow{color:#ff2bd6;margin:0}.hero h1{letter-spacing:0;color:#00e5ff;flex-direction:column;gap:8px;max-width:100%;margin:0;font:700 clamp(28px,4vw,56px)/1.2143 Atkinson Hyperlegible Mono,monospace;display:flex}.hero h1 span{color:inherit;-webkit-text-stroke:0;text-shadow:none;display:block}.hero h1 .hero-welcome{font-size:20px;line-height:28px}.hero-name{white-space:nowrap}.lead{color:#a9c4d0;margin:0;font-size:16px;line-height:28px}.hero-meta{color:#6e91a8;letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:12px 34px;margin-top:auto;padding-top:8px;font-size:10px;font-weight:700;line-height:1.4;display:flex}.hero-meta span,.hero-meta a{white-space:nowrap}.hero-meta a{color:inherit;text-decoration:none;transition:color .2s}.hero-meta a:hover{color:#00e5ff}.hero figure{aspect-ratio:1;width:100%;height:auto;box-shadow:none;background:0 0;border:1px solid #ffc857;border-radius:14px;padding:0;overflow:hidden}.hero figure:before,.hero figure:after,.hero figcaption{display:none}.hero img{object-fit:cover;width:100%;height:100%}.about{background:#0b1730;height:980px;padding:64px 72px}.about .title{margin-bottom:32px}.title{margin-bottom:48px}.title .eyebrow{color:#ff2bd6;margin-bottom:18px}.title h2{letter-spacing:.02em;color:#00e5ff;font:700 42px/1 Atkinson Hyperlegible Mono,monospace}.title h2 span{color:inherit}.terminal{width:1120px;height:720px;box-shadow:none;background:#05070d;border:0;border-radius:16px}.termbar{color:#0000;background:#05070d;border:0;justify-content:flex-start;height:48px;padding-left:72px}.dots{gap:7px;left:18px}.dots button{width:13px;height:13px}.termbody{grid-template-columns:1fr 1fr;align-items:center;gap:64px;height:672px;min-height:0;padding:42px 72px 54px}.portrait{color:#55dbe3;justify-self:center;text-shadow:none!important;font-size:6px!important;line-height:4.5px!important}.json{color:#e8f9ff;justify-self:center;width:100%;font-size:14px!important;line-height:20px!important}.json b{color:#00e5ff}.json em{color:#b9f76f}.json i{color:#e8f9ff}.json u{color:#00e5ff}.works{background:#140a2a;height:640px;padding:72px}.works .title{margin-bottom:36px}.works .title h2{color:#00e5ff}.work-grid{grid-template-columns:repeat(3,1fr);gap:24px}.work-grid article{height:300px;box-shadow:none;background:#132640;border:0;border-radius:12px;padding:28px}.work-grid article:nth-child(n+4){display:none}.work-grid article:hover{border:0;transform:none}.work-grid small{color:#ff45dc;margin-bottom:24px;font-size:11px;display:block}.work-grid h3{color:#f3f6fb;margin:0 0 20px;font-size:22px}.work-grid p{color:#a9c4d0;font-size:12px}.work-grid article>a{opacity:0}.more{color:#ffc857;margin-top:28px;font-size:11px}.links{background:#061b22;height:272px;padding:48px 72px}.links .title{margin-bottom:20px}.links .title h2{color:#eafbff;font-size:30px}.link-grid{grid-template-columns:repeat(4,1fr);gap:14px;width:850px;max-width:100%;margin:0 auto}.link-grid>a{color:#e8f9ff;background:#102c3a;border:1px solid #24556a;border-radius:8px;height:56px;min-height:0;padding:0 18px;transform:none}.link-grid>a:hover{border-color:#ffc857;transform:none}.link-grid>a>i{color:#00e5ff;background:0 0;width:24px;height:24px;padding:2px}.link-grid b{font-size:11px;font-weight:400}.link-grid small,.link-grid em{display:none}.link-grid img{object-fit:contain;filter:brightness(0)invert();opacity:.85;width:100%;height:100%;display:block}footer{color:#e8f9ff;background:#080b14;height:160px;min-height:160px;padding:0 72px;font-size:11px}footer span:last-child{color:#00e5ff}.video{border-radius:16px;width:1120px;height:720px;min-height:720px}.overlay .terminal{border-radius:0;width:100%;height:100%}.overlay .termbody{height:calc(100% - 48px)}@media (width<=1100px){header{padding:0 32px}.section{padding-left:32px;padding-right:32px}.hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.terminal,.video{width:100%}.work-grid{grid-template-columns:repeat(2,1fr)}.work-grid article:nth-child(3){display:none}.link-grid{grid-template-columns:repeat(2,1fr)}.links,.about{height:auto}}@media (width<=700px){header{height:64px;padding:0 20px}.section{padding:48px 20px}.hero{grid-template-columns:minmax(0,1fr);gap:28px}.hero-copy{min-height:0}.hero figure{max-width:none}.hero h1{font-size:clamp(24px,7.2vw,40px);line-height:1.25}.hero h1 .hero-welcome{font-size:16px;line-height:24px}.hero-meta{justify-content:space-between;gap:12px;font-size:8px}.about,.works{height:auto}.title h2,.links .title h2{font-size:30px}.terminal{height:auto}.termbody{grid-template-columns:1fr;height:auto;min-height:620px;padding:36px 22px}.json{font-size:11px!important;line-height:17px!important}.work-grid,.link-grid{grid-template-columns:1fr}.work-grid article:nth-child(n){display:block}.work-grid article:nth-child(n+2){display:none}.links{height:auto}footer{height:130px;min-height:130px;padding:28px 20px}}.archive{color:#e8f9ff;background:#140a2a;padding:36px 72px 48px}.archive-back{color:#ffc857;align-items:center;min-height:44px;font-size:12px;display:inline-flex}.archive-intro{margin:32px 0 36px}.archive-intro .eyebrow{color:#ff2bd6;margin-bottom:28px}.archive h1{letter-spacing:0;margin:0 0 24px;font:700 64px/1.15 Atkinson Hyperlegible Mono,monospace}.archive h1 span{color:#00e5ff;-webkit-text-stroke:0;text-shadow:none;white-space:nowrap}.archive-description{color:#a9c4d0;margin:0;font-size:16px;line-height:1.8}.archive-description span{display:inline-block}.archive-status{color:#a9c4d0;background:#05070d;border:1px solid #24556a;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-bottom:24px;padding:12px 18px;font-size:12px;display:flex}.archive-status>span:first-child{color:#00e5ff}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.archive-card{min-width:0;display:flex}.archive-card>a{background:#132640;border:1px solid #24556a;border-radius:12px;flex-direction:column;width:100%;min-height:320px;padding:24px;transition:border-color .2s,background-color .2s;display:flex;position:relative}.archive-card>a:before{content:"";background:#00e5ff;height:2px;position:absolute;top:-1px;left:24px;right:24px}.archive-card>a:hover{background:#0b1730;border-color:#00e5ff}.archive-card-meta{color:#ff45dc;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-size:11px;display:flex}.archive-card svg{color:#00e5ff;flex:none;width:20px;height:20px}.archive-card h2{letter-spacing:0;overflow-wrap:anywhere;margin:0 0 16px;font:700 22px/1.35 Atkinson Hyperlegible Mono,monospace}.archive-tag{color:#00e5ff;overflow-wrap:anywhere;font-size:11px;line-height:1.6}.archive-card p{color:#a9c4d0;overflow-wrap:anywhere;margin:20px 0 28px;font-size:14px;line-height:1.75}.archive-card-action{border-top:1px solid #24556a;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:20px;font-size:12px;display:flex}.archive-end{border-top:1px solid #24556a;margin-top:64px;padding-top:24px}.archive-end p{color:#a9c4d0;letter-spacing:.06em;margin-bottom:16px;font-size:11px}.archive-back:hover,.more:hover{text-underline-offset:5px;text-decoration:underline}.archive a:focus-visible,.more:focus-visible{outline-offset:5px;outline:2px solid #ffc857}nav a[aria-current=page]{color:#ffc857;text-underline-offset:6px;text-decoration:underline}@media (width<=1100px){.archive{padding-left:32px;padding-right:32px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive h1{font-size:56px}}@media (width<=700px){.archive{padding:24px 20px 40px}.archive-intro{margin:28px 0 64px}.archive-intro .eyebrow{margin-bottom:28px}.archive h1{font-size:clamp(36px,11.8vw,46px);line-height:1.2}.archive h1 span{display:block}.archive-description{font-size:14px}.archive-description span{display:block}.archive-grid{grid-template-columns:minmax(0,1fr)}.archive-status{gap:8px;padding:12px;font-size:11px}.archive-order{display:none}.archive-end{margin-top:48px}}@media (prefers-reduced-motion:reduce){.archive-card>a{transition:none}}