:root{--blue:#1548ff;--ink:#101114;--paper:#f4f0e8;--acid:#c9ff35;--orange:#ff6f3d;--lav:#f3c6ff;--line:#22252a;--muted:#555b65;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}.skip{position:fixed;top:-60px;left:12px;z-index:99;background:var(--acid);padding:10px;color:#000}.skip:focus{top:12px}header{position:fixed;z-index:20;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;color:white;mix-blend-mode:difference}.brand{font:900 15px Arial;letter-spacing:.12em;color:inherit;text-decoration:none}nav{display:flex;gap:8px;align-items:center}nav a,nav button{color:inherit;background:transparent;border:1px solid currentColor;padding:9px 12px;text-decoration:none;font:12px Arial;cursor:pointer}.hero{min-height:100vh;background:var(--blue);color:white;display:grid;grid-template-columns:1.2fr .8fr;padding:110px max(28px,calc((100vw - 1260px)/2)) 50px;overflow:hidden}.kicker{font:800 11px/1.3 Arial;letter-spacing:.16em;text-transform:uppercase}.hero h1{font:900 clamp(72px,10.5vw,160px)/.78 Arial,sans-serif;letter-spacing:-.075em;margin:55px 0 40px}.hero h1 span{color:var(--acid)}.intro{max-width:650px;font-size:21px}.enter{display:inline-block;margin-top:25px;color:#000;background:var(--acid);padding:15px 18px;font-weight:bold;text-decoration:none}.hero-object{display:grid;place-items:center;align-content:center;perspective:800px}.orb{width:min(35vw,430px);aspect-ratio:1;border:3px solid white;border-radius:50%;position:relative;transform-style:preserve-3d;animation:drift 8s ease-in-out infinite}.orb:before,.orb:after,.orb i{content:"";position:absolute;inset:9%;border:2px solid var(--acid);border-radius:50%;transform:rotateX(65deg)}.orb:after{border-color:var(--orange);transform:rotateY(65deg)}.orb i:nth-child(1){transform:rotateX(45deg) rotateY(45deg)}.orb i:nth-child(2){transform:rotateX(-45deg) rotateY(45deg);border-color:white}.orb i:nth-child(3){inset:34%;background:var(--acid);border:0}.orb b{position:absolute;inset:0;display:grid;place-items:center;font:900 90px Arial;color:var(--blue);z-index:2}.hero-object p{letter-spacing:.15em;font-size:11px}@keyframes drift{50%{transform:rotate(5deg) translateY(-15px)}}.machine,.projects,.notes{max-width:1260px;margin:auto;padding:110px 28px}.machine-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.machine h2,.projects h2,.notes h2{font:900 clamp(55px,8vw,110px)/.88 Arial;letter-spacing:-.07em;margin:15px 0 0}.tabs{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.tabs button,.controls button{border:2px solid var(--ink);background:transparent;padding:13px 16px;font-weight:bold;cursor:pointer}.tabs button[aria-selected=true]{background:var(--ink);color:white}.stage{margin-top:42px;background:#111318;color:white;border:2px solid var(--ink);box-shadow:14px 14px 0 var(--ink)}.stage-top{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #3b3e44;font:11px monospace;letter-spacing:.1em}.visual{min-height:520px;display:grid;place-items:center;padding:38px;overflow:hidden}.visual svg{max-width:100%;height:auto}.controls{display:flex;gap:9px;flex-wrap:wrap;padding:18px;border-top:1px solid #3b3e44}.controls button{color:white;border-color:#777}.controls button.active{background:var(--acid);color:#000;border-color:var(--acid)}.scene-copy{display:grid;grid-template-columns:.35fr .65fr 1fr;gap:30px;padding:45px 0}.scene-copy h3{font:900 42px/.95 Arial;letter-spacing:-.04em;margin:0}.scene-copy>p{margin:0}.links a{display:inline-block;margin:0 8px 8px 0;padding:10px 12px;border:2px solid var(--ink);color:var(--ink);font-weight:bold}.projects{border-top:2px solid var(--ink)}.project{display:grid;grid-template-columns:90px 1fr 1fr;gap:30px;padding:40px 0;border-bottom:2px solid var(--ink)}.num{font:900 54px Arial}.project h3{font:900 38px/1 Arial;margin:0 0 12px}.project .meta{font:800 11px Arial;letter-spacing:.12em;text-transform:uppercase}.boundary{color:var(--muted)}.notes{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;background:var(--acid);max-width:none;padding-left:max(28px,calc((100vw - 1260px)/2));padding-right:max(28px,calc((100vw - 1260px)/2))}.notes>p{font-size:24px;align-self:end}footer{padding:35px max(28px,calc((100vw - 1260px)/2));display:flex;justify-content:space-between;background:var(--ink);color:white}footer a{color:white}.receipt{font:15px/1.65 monospace}.receipt .row{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid #3b3e44;padding:8px}.receipt .ok{color:var(--acid)}.receipt .bad{color:#ff8166}.chain{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.block{width:170px;padding:20px;border:2px solid currentColor}.arrow{font-size:26px}.source-stack{width:min(760px,100%)}.source{padding:18px;border:2px solid #777;margin:10px;transition:.3s}.source.off{opacity:.15;transform:translateX(40px)}.claim{padding:24px;background:var(--orange);color:#000;margin-top:30px;font-weight:bold}.diff{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(850px,100%)}.code{padding:22px;background:#1d2026;font:14px/1.7 monospace;border-top:5px solid var(--lav)}.result{grid-column:1/-1;padding:20px;background:var(--acid);color:#000;font-weight:bold}body.reduced *{animation:none!important;scroll-behavior:auto!important}@media(max-width:800px){header{position:absolute}.hero{grid-template-columns:1fr;padding-top:100px}.hero h1{font-size:70px}.hero-object{margin-top:70px}.orb{width:75vw}.machine-head,.scene-copy,.project,.notes{grid-template-columns:1fr}.tabs{justify-content:flex-start;margin-top:25px}.visual{min-height:410px;padding:18px}.scene-copy{gap:16px}.project{gap:15px}.notes>p{font-size:20px}footer{display:block}.receipt .row{grid-template-columns:100px 1fr;font-size:12px}.diff{grid-template-columns:1fr}.result{grid-column:1}.hero-object p{text-align:center}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}