:root{--ink:#14161A;--paper:#F3EDE2;--brass:#C9A227;--slate:#2A2E35;--muted:#9AA0A6;
--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
*{box-sizing:border-box;margin:0}
html{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
background-image:linear-gradient(rgba(243,237,226,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(243,237,226,.035) 1px,transparent 1px);
background-size:48px 48px;background-position:center center}
.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:96px 24px 48px;max-width:720px;margin:0 auto;width:100%}
.wordmark{width:240px;height:auto;margin-bottom:64px}
h1{font-size:clamp(2rem,1.2rem + 3.2vw,3.5rem);line-height:1.1;font-weight:600;letter-spacing:-.02em;max-width:16ch}
.sub{margin-top:24px;font-size:clamp(1rem,.95rem + .3vw,1.25rem);line-height:1.5;color:var(--muted);max-width:36ch}
.foot{padding:32px 24px;text-align:center;font-size:.875rem;color:var(--muted)}
@media (min-width:768px){.wordmark{width:320px}}
/* No animation exists by default; guard any future motion. */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}