:root{--bg:#0a0a0a;--panel:#141414;--text:#efefed;--muted:#a7a7a7;--line:#303030;--red:#b0b0b0}
.header{min-height:94px}.profile-link,.button,.button-outline{border-radius:100px}.header nav{gap:28px}.hero{grid-template-columns:minmax(0,1fr) 180px;gap:60px;min-height:0;padding:72px 0 65px}.hero h1{max-width:none;font-size:clamp(3rem,6.35vw,6rem);letter-spacing:-.065em;line-height:1.06;text-wrap:initial}.hero-description{font-size:16px;margin:27px 0}.hero-copy{min-width:0}.hero .eyebrow{letter-spacing:1.4px}.code-word{color:var(--text)}.chart-word{color:var(--muted)}.letter-character{align-self:center;text-align:center}.letter-character canvas{width:150px;height:auto;display:block;margin:auto;image-rendering:pixelated}.letter-character span{display:block;font:12px var(--mono);color:var(--muted);letter-spacing:1.4px;margin-top:12px}
.arcade{padding:27px 0 42px;border-top:1px solid var(--line);scroll-margin-top:25px}.arcade-meta{display:flex;justify-content:space-between;gap:18px;font:12px/1.7 var(--mono);letter-spacing:1.6px;color:var(--muted);margin-bottom:18px;min-height:22px}.arcade-stage{position:relative}.arcade-stage canvas{display:block;width:100%;height:auto;touch-action:pan-y;outline-offset:4px}.arcade.is-open canvas{touch-action:none}.arcade-stage canvas:focus-visible{outline:1px solid #777}.arcade-stage p{position:absolute;left:10%;right:10%;top:57%;margin:0;text-align:center;font-size:16px;color:var(--muted);pointer-events:none}.arcade-help{font-size:14px;line-height:1.7;text-align:center;color:var(--muted);margin:14px 0 23px}.arcade-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.arcade-controls button{min-height:46px;padding:10px 23px;border:1px solid #414141;border-radius:100px;background:transparent;color:var(--text);font:13px/1.5 var(--mono);letter-spacing:2px;cursor:pointer;transition:background .15s,border-color .15s}.arcade-controls button:hover{background:#202020;border-color:#777}.arcade-controls button:disabled{color:#777;cursor:default}.arcade [hidden]{display:none!important}.work{padding-top:48px}.section-heading{margin-bottom:33px}.signoff{padding-top:62px;padding-bottom:62px}
.boot{padding:0;background-color:#0a0a0a;background-image:radial-gradient(#222 .65px,transparent .65px);background-size:11px 11px;grid-template-rows:1fr}.boot-center{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}#boot-scene{display:block;width:min(1100px,94vw);height:auto;max-height:94svh;object-fit:contain;image-rendering:pixelated}.skip-intro{top:auto;right:30px;bottom:24px;background:transparent;border-color:#333;border-radius:100px;color:#a7a7a7;font-size:12px;letter-spacing:.5px}.intro-pending .boot{animation:boot-away .4s 3.7s steps(8,end) forwards}.intro-pending .skip-intro{animation:skip-away .01s 4.1s forwards}.intro-pending .site-shell{animation-delay:3.7s}
#mono-pointer{position:fixed;top:0;left:0;width:22px;height:22px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:100;opacity:0;transform:translate(-100px,-100px);will-change:transform;transition:width .14s,height .14s,opacity .12s;margin:-11px 0 0 -11px}#mono-pointer.over-link{width:48px;height:48px;margin:-24px 0 0 -24px}
@media(hover:hover) and (pointer:fine){.cursor-ready,.cursor-ready a,.cursor-ready button,.cursor-ready canvas{cursor:none!important}.cursor-ready #mono-pointer{opacity:.78}}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) 115px;gap:20px}.letter-character canvas{width:110px}.letter-character span{font-size:12px;letter-spacing:0}.hero h1{font-size:clamp(3rem,6.7vw,5rem)}}
@media(max-width:700px){.header{min-height:80px}.header nav{gap:16px}.header nav>a:first-child{display:none}.hero{padding:43px 0 40px;grid-template-columns:1fr;gap:20px}.hero h1{font-size:clamp(2.75rem,9.7vw,4.25rem)}.hero .eyebrow{font-size:12px;letter-spacing:.3px}.letter-character{display:none}.hero-description{font-size:16px}.arcade{padding:22px 0 30px}.arcade-meta{font-size:12px;letter-spacing:.4px;flex-wrap:wrap;gap:8px;margin-bottom:20px}.arcade-stage p{font-size:14px;top:56%}.arcade.is-open canvas{min-height:250px;object-fit:fill}.arcade-controls button{padding:10px 17px;letter-spacing:1px}.arcade-help{padding:0 8px;font-size:14px}.skip-intro{right:20px;bottom:20px}.work{padding-top:32px}#mono-pointer{display:none}}
@media(prefers-reduced-motion:reduce){#mono-pointer,.arcade-controls button{transition:none}}
