@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--white:#FFFFFF;--ink:#000000;--grey:#6B6B6B;--line:#E6E6E6;--accent:#0DAA68;--shadow:rgba(0,0,0,.14);--gutter:clamp(20px, 5vw, 96px);--col:clamp(120px, 18vw, 240px)}html[data-theme=dark]{--white:#000000;--ink:#FFFFFF;--grey:#9A9A9A;--line:#262626;--accent:#10C97A;--shadow:rgba(0,0,0,.6)}html.theming,html.theming *{transition:background-color .45s ease,color .45s ease,border-color .45s ease!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.55;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.nav{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px var(--gutter);background:linear-gradient(var(--white) 70%,transparent)}.nav-right{display:flex;align-items:center;gap:24px}.mark{display:flex;align-items:center;color:var(--ink)}.mark .logo{height:26px;width:auto;display:block}.nav ul{display:flex;gap:28px;list-style:none;font-size:15px;font-weight:500}.nav li a{padding:6px 0;border-bottom:1px solid transparent}.nav li a:hover{border-bottom-color:var(--ink)}.theme{position:relative;width:64px;height:32px;border:2px solid var(--ink);border-radius:999px;background:var(--white);color:var(--ink);cursor:pointer;padding:0;overflow:hidden;flex:none;transition:background-color .6s ease,border-color .6s ease}.theme .sky{position:absolute;inset:0}.theme .cloud{position:absolute;width:22px;height:11px;right:8px;top:9px;opacity:1;transform:translateX(0);transition:opacity .35s ease,transform .6s cubic-bezier(.45,0,.2,1)}.theme .star{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--ink);opacity:0;transform:scale(.3);transition:opacity .4s ease,transform .5s cubic-bezier(.3,1.4,.5,1)}.theme .s1{left:10px;top:8px}.theme .s2{left:20px;top:18px;width:2px;height:2px}.theme .s3{left:27px;top:7px;width:2px;height:2px}.theme .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;transform:translateX(0);transition:transform .6s cubic-bezier(.45,0,.2,1)}.theme .knob svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s ease,transform .6s cubic-bezier(.45,0,.2,1)}.theme .sun{opacity:1;transform:rotate(0)}.theme .moon{opacity:0;transform:rotate(-180deg)}html[data-theme=dark] .theme .knob{transform:translateX(32px)}html[data-theme=dark] .theme .sun{opacity:0;transform:rotate(180deg)}html[data-theme=dark] .theme .moon{opacity:1;transform:rotate(0)}html[data-theme=dark] .theme .cloud{opacity:0;transform:translateX(-14px)}html[data-theme=dark] .theme .star{opacity:1;transform:scale(1)}html[data-theme=dark] .theme .s2{transition-delay:.12s}html[data-theme=dark] .theme .s3{transition-delay:.22s}.theme:hover{box-shadow:0 0 0 3px var(--line)}.burger{display:none;width:40px;height:40px;border:0;background:0 0;cursor:pointer;position:relative;z-index:31;border-radius:50%}.burger span{position:absolute;left:10px;width:20px;height:2px;background:var(--ink);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s;border-radius:1px}.burger span:first-child{top:13px}.burger span:nth-child(2){top:19px}.burger span:nth-child(3){top:25px}.nav.open .burger span:first-child{transform:translateY(6px) rotate(45deg)}.nav.open .burger span:nth-child(2){opacity:0;transform:scaleX(0)}.nav.open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu{position:fixed;inset:0;z-index:30;background:var(--white);padding:120px var(--gutter) 40px;display:flex;flex-direction:column;justify-content:space-between;clip-path:inset(0 0 100% 0);transition:clip-path .55s cubic-bezier(.65,0,.35,1);visibility:hidden}.nav.open .menu{clip-path:inset(0 0 0 0);visibility:visible}.menu ul{list-style:none;display:block;font-size:inherit}.menu li a{display:block;font-weight:800;letter-spacing:-.04em;font-size:clamp(34px, 10vw, 56px);line-height:1.15;padding:6px 0;border-bottom:1px solid var(--line);transform:translateY(24px);opacity:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s}.nav.open .menu li a{transform:none;opacity:1}.nav.open .menu li:first-child a{transition-delay:.15s}.nav.open .menu li:nth-child(2) a{transition-delay:.2s}.nav.open .menu li:nth-child(3) a{transition-delay:.25s}.nav.open .menu li:nth-child(4) a{transition-delay:.3s}.nav.open .menu li:nth-child(5) a{transition-delay:.35s}.menu .foot{display:flex;gap:24px;font-size:15px;color:var(--grey);font-weight:500}body.locked{overflow:hidden}@media (max-width:640px){.nav ul.desktop{display:none}.burger{display:block}}@media (prefers-reduced-motion:reduce){.burger span,.menu,.menu li a,.theme,.theme *{transition:none!important}}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:0 var(--gutter) clamp(48px,8vh,112px);overflow:hidden}.hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-inner{position:relative}.buddy{position:absolute;right:var(--gutter);bottom:clamp(48px,8vh,112px);width:clamp(200px,28vw,420px);pointer-events:none;z-index:1}.buddy{perspective:1200px}.buddy-img{display:block;transform-style:preserve-3d;will-change:transform;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .1s linear;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.buddy-img:hover{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.035)}.buddy-img:focus-visible{outline-offset:10px;border-radius:24px}.buddy-img img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 24px var(--shadow))}.buddy-shadow{position:absolute;left:14%;right:14%;bottom:-2%;height:6%;border-radius:50%;background:var(--shadow);filter:blur(6px);animation:buddy-shade 4.2s ease-in-out infinite}@keyframes buddy-shade{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.86);opacity:.6}}@media (prefers-reduced-motion:reduce){.buddy-shadow{animation:none}}.hero-inner{max-width:min(1100px,64%)}@media (max-width:760px){.buddy{bottom:auto;top:84px;right:calc(var(--gutter) - 8px);width:min(46vw,190px)}.hero-inner{max-width:100%}.hero{padding-top:260px;min-height:100svh}h1{font-size:clamp(38px, 11.5vw, 60px)}.hero p{font-size:16px}}h1{font-weight:800;letter-spacing:-.045em;line-height:.98;font-size:clamp(44px, 8.6vw, 128px);text-wrap:balance}.hero p{margin-top:28px;max-width:560px;font-size:clamp(17px, 1.4vw, 21px);color:var(--grey)}.hero .cta{display:inline-flex;align-items:center;gap:14px;margin-top:36px;font-weight:500;font-size:17px}.hero .cta span.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:none}.hero .cta:hover{color:var(--accent)}section.block{display:grid;grid-template-columns:var(--col) 1fr;gap:32px;padding:clamp(72px,10vh,140px) var(--gutter);border-top:1px solid var(--line)}section.block>h2{font-size:15px;font-weight:500;line-height:1.5;color:var(--grey);position:sticky;top:96px;align-self:start}.content{max-width:820px}.lead{font-weight:800;letter-spacing:-.035em;line-height:1.05;font-size:clamp(28px, 3.6vw, 52px);text-wrap:balance}.content p+p{margin-top:18px}.body{margin-top:32px;color:var(--grey);font-size:18px;max-width:620px}.body strong{color:var(--ink);font-weight:500}@media (max-width:760px){section.block{grid-template-columns:1fr;gap:20px}section.block>h2{position:static}}.explode{position:relative;height:300vh;border-top:1px solid var(--line)}.explode .stage{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.2fr);gap:32px;align-items:center;padding:80px var(--gutter) 40px;overflow:hidden}.explode .text{max-width:520px;position:relative;z-index:2}.explode .text .lead{font-size:clamp(24px, 3vw, 44px)}.explode .text p.small{margin-top:16px;color:var(--grey);font-size:16px}.legend{list-style:none;margin-top:28px;border-top:1px solid var(--line)}.legend li{display:flex;gap:14px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--grey);transition:color .35s}.legend li strong{font-weight:500;color:inherit}.legend li.on{color:var(--ink)}.legend li.ui.on{color:var(--accent)}.legend .sw{flex:none;width:12px;height:8px;border:1px solid currentColor;transform:skewX(-30deg);position:relative;top:-1px}.legend li[data-i="5"] .sw{background:currentColor}.scene{position:relative;height:100%;min-height:320px;display:flex;align-items:center;justify-content:center}.rig{position:relative;width:560px;height:520px;perspective:1400px;perspective-origin:50% 40%;transform-origin:center;flex:none}.layer{position:absolute;left:50%;top:50%;width:340px;height:220px;margin:-110px 0 0 -170px;background:var(--white);border:1px solid var(--ink);transform-style:preserve-3d;will-change:transform}.layer.ui{border:1.5px solid var(--accent)}.layer i{position:absolute;display:block;background:var(--ink)}.ui i.bar{left:14px;right:14px;top:14px;height:10px;background:var(--accent);opacity:.9}.ui i.t1{left:14px;top:40px;width:140px;height:14px}.ui i.t2{left:14px;top:62px;width:200px;height:6px;background:var(--line)}.ui i.t3{left:14px;top:76px;width:170px;height:6px;background:var(--line)}.ui i.b1{left:14px;bottom:14px;width:90px;height:26px}.ui i.b2{right:14px;top:40px;width:110px;height:96px;background:var(--line)}.api i{height:1px;background:var(--ink)}.api i.a1{left:20px;right:20px;top:48px}.api i.a2{left:20px;right:20px;top:96px}.api i.a3{left:20px;right:20px;top:144px}.api i.a4{left:20px;right:20px;top:192px}.api i.n{width:8px;height:8px;border-radius:50%;background:var(--ink)}.api i.n1{left:60px;top:44px}.api i.n2{left:200px;top:92px}.api i.n3{left:120px;top:140px}.api i.n4{left:260px;top:188px}.logic i{background:0 0;border:1px solid var(--ink);width:70px;height:34px}.logic i.l1{left:24px;top:30px}.logic i.l2{left:134px;top:30px}.logic i.l3{left:244px;top:30px}.logic i.l4{left:79px;top:92px}.logic i.l5{left:189px;top:92px}.logic i.l6{left:134px;top:154px;background:var(--ink)}.data i{left:20px;right:20px;height:1px;background:var(--line)}.data i.r1{top:40px}.data i.r2{top:70px}.data i.r3{top:100px}.data i.r4{top:130px}.data i.r5{top:160px}.data i.r6{top:190px}.data i.c1,.data i.c2,.data i.c3{left:auto;right:auto;top:20px;bottom:20px;width:1px;height:auto;background:var(--ink)}.data i.c1{left:100px}.data i.c2{left:190px}.data i.c3{left:270px}.ops i{width:56px;height:56px;background:0 0;border:1px solid var(--ink)}.ops i.k1{left:24px;top:24px}.ops i.k2{left:94px;top:24px}.ops i.k3{left:164px;top:24px}.ops i.k4{left:234px;top:24px}.ops i.k5{left:24px;top:94px}.ops i.k6{left:94px;top:94px;background:var(--ink)}.ops i.k7{left:164px;top:94px}.ops i.k8{left:234px;top:94px}.ops i.k9{left:24px;top:164px;height:32px}.ops i.k10{left:94px;top:164px;height:32px}.ops i.k11{left:164px;top:164px;height:32px}.ops i.k12{left:234px;top:164px;height:32px}.hw{background:var(--ink)}.hw i{background:var(--white)}.hw i.p{width:6px;height:6px;border-radius:50%}.hw i.chip{left:120px;top:70px;width:100px;height:80px;background:var(--white);opacity:.2}.hw i.port{width:34px;height:22px;opacity:.7}.hw i.q1{left:14px;top:30px}.hw i.q2{left:14px;top:70px}.hw i.q3{left:14px;top:110px}.hw i.q4{left:14px;top:150px}@media (max-width:820px){.explode{height:240vh}.explode .stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px;align-items:start;padding-top:72px;padding-bottom:16px}.explode .text .lead{font-size:22px}.explode .text p.small{display:none}.legend{margin-top:14px}.legend li{padding:6px 0;font-size:13px}.scene{min-height:200px;min-width:0;overflow:hidden}}@media (prefers-reduced-motion:reduce){.legend li{transition:none}}.vita{list-style:none;margin-top:40px;border-top:1px solid var(--line)}.vita li{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.vita .when,.vita time{font-weight:500;font-variant-numeric:tabular-nums}.vita h3{font-size:18px;font-weight:500;line-height:1.4}.vita p{color:var(--grey);margin-top:6px;font-size:16px}.vita li.now .when,.vita li.now time{color:var(--accent)}@media (max-width:560px){.vita li{grid-template-columns:1fr;gap:6px}}.fields{list-style:none;margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:0 48px;border-top:1px solid var(--line)}.fields li{padding:28px 0;border-bottom:1px solid var(--line)}.fields h3{font-size:22px;font-weight:800;letter-spacing:-.025em;line-height:1.15}.fields p{color:var(--grey);margin-top:10px;font-size:16px;max-width:34ch}@media (max-width:640px){.fields{grid-template-columns:1fr}}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tags li{font-size:13px;font-weight:500;color:var(--grey);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.stack{list-style:none;margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:0 48px;border-top:1px solid var(--line)}.stack li{padding:24px 0;border-bottom:1px solid var(--line)}.stack h3{font-size:16px;font-weight:500}.stack p{color:var(--grey);margin-top:6px;font-size:16px;max-width:36ch}.stack li.now h3{color:var(--accent)}@media (max-width:640px){.stack{grid-template-columns:1fr}}.group{font-size:15px;font-weight:500;color:var(--grey);margin-top:48px}.group+.projects{margin-top:12px}.projects{list-style:none;margin-top:40px;border-top:1px solid var(--line)}.projects li{border-bottom:1px solid var(--line)}.projects .proj,.projects a{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:baseline;padding:30px 0;position:relative}.projects a::before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--accent);transition:width .5s cubic-bezier(.2,.7,.2,1)}.projects a:hover::before{width:100%}.projects h3{font-size:clamp(22px, 2.4vw, 32px);font-weight:800;letter-spacing:-.03em;line-height:1.1}.projects .meta{font-size:15px;color:var(--grey);white-space:nowrap;font-weight:500}.projects p{color:var(--grey);margin-top:8px;font-size:16px;max-width:56ch}@media (max-width:560px){.projects a{grid-template-columns:1fr;gap:8px}.projects .meta{white-space:normal}}.partners{list-style:none;margin-top:44px;display:flex;flex-wrap:wrap;align-items:center;gap:28px 56px}.partners li{display:flex;align-items:center;filter:grayscale(1);opacity:.55;transition:filter .35s ease,opacity .35s ease;color:var(--grey)}.partners li:hover{filter:none;opacity:1}.partners img,.partners svg{height:clamp(30px,3.6vw,46px);width:auto;display:block}.partners .bdl img{height:clamp(42px,5vw,64px)}.partners .aquarium svg{height:clamp(54px,6vw,84px)}.partners .aquarium:hover{color:#333}html[data-theme=dark] .partners li{filter:grayscale(1) invert(1);opacity:.6}html[data-theme=dark] .partners li:hover{filter:none;opacity:1}html[data-theme=dark] .partners .mono:hover{filter:invert(1)}html[data-theme=dark] .partners .aquarium{filter:grayscale(1)}html[data-theme=dark] .partners .aquarium:hover{filter:none;color:#fff}@media (max-width:640px){.partners{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px 16px}.partners li{justify-content:center;min-width:0}.partners img,.partners svg{height:auto;width:auto;max-width:100%;max-height:32px}.partners .bdl img{max-height:44px}.partners .aquarium svg{max-height:56px}}.contact .lead a{border-bottom:3px solid var(--ink)}.contact .lead a:hover{border-bottom-color:var(--accent);color:var(--accent)}.links{list-style:none;margin-top:36px;display:flex;flex-wrap:wrap;gap:12px 32px;font-weight:500}.links a{border-bottom:1px solid var(--ink)}.links a:hover{color:var(--accent);border-bottom-color:var(--accent)}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:28px var(--gutter) 40px;border-top:1px solid var(--line);color:var(--grey);font-size:14px}footer nav{display:flex;gap:24px}footer nav a:hover{color:var(--ink)}.game-overlay{position:fixed;inset:0;z-index:100;background:#090f18}.game-overlay iframe{width:100%;height:100%;border:0;display:block}