*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--ground:#0a0b0e;--ink:#ffffff;--muted:#8d95ab;--line:#262b3d;--accent:#c8ff00;--accent-ink:#000000;--burger-ink:#ffffff;--burger-ink-open:#c8ff00;--menu-bg:#101219;--menu-ink:#ffffff;--menu-index:#c8ff00;--menu-hover:#c8ff00;--grid-dot:rgba(255,255,255,0.07);--font-body:'Space Grotesk',system-ui,sans-serif;--font-display:'Syne',system-ui,sans-serif;--menu-weight:800;--menu-transform:none;--menu-tracking:-0.02em;--radius-btn:12px;--border-w:1px;--burger-h:2px;--focus-ring:#c8ff00}body[data-variant="brutal"]{--ground:#ffffff;--ink:#000000;--muted:#444444;--line:#000000;--accent:#1400ff;--accent-ink:#ffffff;--burger-ink:#000000;--burger-ink-open:#000000;--menu-bg:#ffe600;--menu-ink:#000000;--menu-index:#1400ff;--menu-hover:#1400ff;--grid-dot:rgba(0,0,0,0.14);--font-body:ui-monospace,SFMono-Regular,Menlo,monospace;--font-display:'Archivo Black',system-ui,sans-serif;--menu-weight:400;--menu-transform:uppercase;--menu-tracking:-0.01em;--radius-btn:0px;--border-w:3px;--burger-h:4px;--focus-ring:#1400ff}body[data-variant="paper"]{--ground:#f6f2e8;--ink:#1f1a14;--muted:#7a6a55;--line:#ded4c0;--accent:#8a5a2b;--accent-ink:#fdfaf3;--burger-ink:#1f1a14;--burger-ink-open:#8a5a2b;--menu-bg:#fdfaf3;--menu-ink:#1f1a14;--menu-index:#b0a086;--menu-hover:#8a5a2b;--grid-dot:rgba(31,26,20,0.08);--font-body:Georgia,'Times New Roman',serif;--font-display:'DM Serif Display',Georgia,serif;--menu-weight:400;--menu-transform:none;--menu-tracking:-0.01em;--radius-btn:4px;--border-w:1px;--burger-h:2px;--focus-ring:#8a5a2b}html,body{height:100%}body{background-color:var(--ground);background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:28px 28px;color:var(--ink);font-family:var(--font-body);overflow:hidden}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.site-bar{position:relative;z-index:950;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1.25rem,5vw,3.5rem);border-bottom:var(--border-w) solid var(--line)}.site-brand{font-family:var(--font-display);font-weight:var(--menu-weight);font-size:1.15rem;letter-spacing:var(--menu-tracking);text-transform:var(--menu-transform);color:var(--ink);text-decoration:none}.burger{position:relative;width:46px;height:38px;display:block;background:transparent;border:var(--border-w) solid var(--line);border-radius:var(--radius-btn);cursor:pointer;padding:0}.burger-line{position:absolute;left:50%;top:50%;margin-left:-11px;width:22px;height:var(--burger-h);background:var(--burger-ink);border-radius:2px}.burger-line[data-line="top"]{margin-top:-8px}.burger-line[data-line="mid"]{margin-top:calc(var(--burger-h) / -2)}.burger-line[data-line="bot"]{margin-top:6px}.menu-overlay{position:fixed;inset:0;z-index:900;background:var(--menu-bg);display:flex;flex-direction:column;justify-content:center;gap:2rem;padding:5.5rem clamp(1.25rem,5vw,3.5rem) 2rem;visibility:hidden;pointer-events:none}.menu-overlay.is-open{visibility:visible;pointer-events:auto}.menu-list{list-style:none}.menu-item + .menu-item{border-top:var(--border-w) solid var(--line)}.menu-item a{display:flex;align-items:baseline;gap:clamp(0.75rem,3vw,2rem);padding:clamp(0.35rem,1.4vh,0.9rem) 0;font-family:var(--font-display);font-weight:var(--menu-weight);font-size:clamp(2rem,7vw,4.25rem);line-height:1.02;letter-spacing:var(--menu-tracking);text-transform:var(--menu-transform);color:var(--menu-ink);text-decoration:none}.menu-index{font-family:var(--font-body);font-size:0.75rem;font-weight:600;letter-spacing:0.12em;color:var(--menu-index)}.menu-item a:hover,.menu-item a:focus-visible{color:var(--menu-hover)}.menu-foot{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:0.8rem;letter-spacing:0.04em;color:var(--muted)}.menu-foot a{color:inherit;text-decoration:none}.menu-foot a:hover,.menu-foot a:focus-visible{color:var(--menu-hover)}.showcase-toolbar{position:fixed;top:0.75rem;right:0.75rem;z-index:1000;display:flex;gap:0.25rem;padding:0.25rem;border-radius:var(--radius-btn);background:var(--ground);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.7rem}.showcase-toolbar button{background:transparent;border:0;color:var(--muted);padding:0.3rem 0.55rem;border-radius:calc(var(--radius-btn) - 2px);cursor:pointer;font:inherit;letter-spacing:0.04em}.showcase-toolbar button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}.site-bar{padding-right:clamp(11.5rem,18vw,14rem)}@media (max-width:640px){.menu-foot{gap:0.75rem 1.25rem;font-size:0.72rem}.showcase-toolbar{top:auto;bottom:0.75rem;right:50%;transform:translateX(50%)}.site-bar{padding-right:1.25rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.001ms !important;transition-duration:0.001ms !important}}