.footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;margin-top:96px;padding:40px 0;font-size:14px;display:grid}.footer-about[data-astro-cid-jo6i4kqk]{align-content:start;gap:12px;display:grid}.footer-about[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk]{margin:0}.brand[data-astro-cid-jo6i4kqk]{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;display:inline-flex}.footer-columns[data-astro-cid-jo6i4kqk]{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.footer-title[data-astro-cid-jo6i4kqk]{font:400 12px/1 "Silkscreen", var(--mono);color:var(--muted);text-transform:uppercase;margin:0 0 14px}.footer-column[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk]{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-column[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--muted)}.footer-column[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--text)}.wordmark[data-astro-cid-jo6i4kqk]{color:var(--line);grid-column:1/-1;margin-top:16px}.wordmark[data-astro-cid-jo6i4kqk] svg{width:100%;height:auto;display:block}@media (width<=720px){.footer[data-astro-cid-jo6i4kqk]{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.footer-columns[data-astro-cid-jo6i4kqk]{grid-template-columns:repeat(2,minmax(0,1fr))}}.theme-toggle[data-astro-cid-l6lhmie6]{display:none}:root[data-theme] .theme-toggle[data-astro-cid-l6lhmie6]{display:inline-flex}.theme-toggle[data-astro-cid-l6lhmie6] span[data-astro-cid-l6lhmie6]{display:flex}.theme-toggle[data-astro-cid-l6lhmie6] .sun[data-astro-cid-l6lhmie6],:root[data-theme=dark] .theme-toggle[data-astro-cid-l6lhmie6] .moon[data-astro-cid-l6lhmie6]{display:none}:root[data-theme=dark] .theme-toggle[data-astro-cid-l6lhmie6] .sun[data-astro-cid-l6lhmie6]{display:flex}:root{--header-height:72px;color-scheme:light dark;--bg:light-dark(#fff,#0f0f11);--surface:light-dark(#f6f6f5,#18181b);--line:light-dark(#e7e7e5,#2a2a2e);--line-strong:light-dark(#cfcfcc,#3f3f45);--text:light-dark(#0d0d0f,#f2f2f0);--muted:light-dark(#6b6b70,#9a9aa0);--ink:light-dark(#0d0d0f,#f2f2f0);--ink-hover:light-dark(#2a2a2e,#d9d9d6);--ink-text:light-dark(#fff,#0d0d0f);--ink-side:light-dark(#55555c,#9a9aa0);--cta-bg:light-dark(#0d0d0f,#1a1a1d);--cta-text:#fff;--cta-dither:light-dark(#2b2b30,#2e2e33);--cta-button:#fff;--cta-button-hover:#e9e9e7;--cta-button-side:#9a9aa0;--cta-ghost-line:#3a3a40;--cta-ghost-line-hover:#55555c;--cta-ghost-hover:#1c1c20;--radius:0;--radius-lg:0;--sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--container:1120px}@media (width<=860px){:root{--header-height:100px}}::selection{color:#fff;background:#6e56cf}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:var(--header-height);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:500}p{margin:0}h2{text-wrap:balance;margin:0;font-size:clamp(30px,4.4vw,46px);line-height:1.08}.container{width:min(var(--container), 100% - 32px);margin-inline:auto}.container-wide{width:min(1600px,100% - 48px);margin-inline:auto}.muted{color:var(--muted)}.btn{--side:var(--line-strong);--depth:4px;--notch:2px;border:2px solid var(--side);background:var(--bg);height:44px;color:var(--text);font:500 15px/1 var(--sans);cursor:pointer;box-shadow:0 var(--depth) 0 var(--side);clip-path:polygon(var(--notch) 0, calc(100% - var(--notch)) 0, calc(100% - var(--notch)) var(--notch), 100% var(--notch), 100% calc(100% + var(--depth) - var(--notch)), calc(100% - var(--notch)) calc(100% + var(--depth) - var(--notch)), calc(100% - var(--notch)) calc(100% + var(--depth)), var(--notch) calc(100% + var(--depth)), var(--notch) calc(100% + var(--depth) - var(--notch)), 0 calc(100% + var(--depth) - var(--notch)), 0 var(--notch), var(--notch) var(--notch));border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.btn:hover{--depth:2px;background:var(--surface);transform:translateY(2px)}.btn:active{--depth:0px;transform:translateY(4px)}.btn:focus-visible{outline:2px solid var(--text);outline-offset:-6px}.btn-dark{--side:var(--ink-side);border-color:var(--ink);background:var(--ink);color:var(--ink-text)}.btn-dark:hover{border-color:var(--ink-hover);background:var(--ink-hover)}.btn-dark:focus-visible{outline-color:var(--ink-text)}.btn-icon{width:36px;padding:0}.btn-small{height:36px;padding:0 16px;font-size:14px}.btn-arrow{display:inline-flex}.btn:hover .btn-arrow svg,.btn:focus-visible .btn-arrow svg{animation-name:btn-arrow-nudge;animation-duration:.8s;animation-timing-function:step-end;animation-iteration-count:infinite}@keyframes btn-arrow-nudge{0%{transform:translate(0)}50%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.btn:hover .btn-arrow svg,.btn:focus-visible .btn-arrow svg{animation-name:none}}.pixel-dot{animation-name:pixel-dot-tones;animation-duration:8s;animation-timing-function:step-end;animation-iteration-count:infinite}@keyframes pixel-dot-tones{0%{background:light-dark(#d4467e,#ff8fb8)}12.5%{background:light-dark(#5a46c8,#a99bff)}25%{background:light-dark(#21875c,#6fe0aa)}37.5%{background:light-dark(#b8398c,#f08acb)}50%{background:light-dark(#c8621f,#ffad6e)}62.5%{background:light-dark(#2f6fd0,#86b6ff)}75%{background:light-dark(#7a45c0,#c7a2ff)}87.5%{background:light-dark(#b07a12,#f3c95e)}}@media (prefers-reduced-motion:reduce){.pixel-dot{animation-name:none}}:root{--peach:light-dark(#ffe2d1,#3b2428);--pink:light-dark(#ffd5e6,#3b1f31);--lilac:light-dark(#e6dcfd,#2b2344);--sky:light-dark(#d6eaff,#1c2a42);--mint:light-dark(#d3f4e4,#1a3129);--butter:light-dark(#fff0c2,#3a321f)}[data-tone=start]{--tint-a:var(--peach);--tint-b:var(--pink);--accent:light-dark(#d4467e,#ff8fb8)}[data-tone=draw]{--tint-a:var(--lilac);--tint-b:var(--sky);--accent:light-dark(#5a46c8,#a99bff)}[data-tone=shapes]{--tint-a:var(--mint);--tint-b:var(--sky);--accent:light-dark(#21875c,#6fe0aa)}[data-tone=colors]{--tint-a:var(--pink);--tint-b:var(--lilac);--accent:light-dark(#b8398c,#f08acb)}[data-tone=rework]{--tint-a:var(--butter);--tint-b:var(--peach);--accent:light-dark(#c8621f,#ffad6e)}[data-tone=symmetry]{--tint-a:var(--sky);--tint-b:var(--lilac);--accent:light-dark(#2f6fd0,#86b6ff)}[data-tone=layers]{--tint-a:var(--lilac);--tint-b:var(--pink);--accent:light-dark(#7a45c0,#c7a2ff)}[data-tone=components]{--tint-a:var(--lilac);--tint-b:var(--mint);--accent:light-dark(#6d3fd6,#b69cff)}[data-tone=isometric]{--tint-a:var(--mint);--tint-b:var(--butter);--accent:light-dark(#13808a,#5fd3dc)}[data-tone=boards]{--tint-a:var(--peach);--tint-b:var(--sky);--accent:light-dark(#c2453a,#ff9a8a)}[data-tone=animation]{--tint-a:var(--pink);--tint-b:var(--butter);--accent:light-dark(#c43d6b,#ff8fae)}[data-tone=export]{--tint-a:var(--butter);--tint-b:var(--mint);--accent:light-dark(#b07a12,#f3c95e)}@keyframes logo-hop{0%{transform:none}15%{transform:scale(1.15,.8)}45%{transform:translateY(-2.5px)scale(.9,1.12)}70%{transform:scale(1.12,.85)}85%{transform:translateY(-.5px)}to{transform:none}}.logo-pixel{transform-box:fill-box;transform-origin:50% 100%}a:hover .logo-pixel{animation:.6s ease-out logo-hop}@media (prefers-reduced-motion:reduce){a:hover .logo-pixel{animation:none}}