* { box-sizing: border-box; }
html { color-scheme: dark; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 80% -20%, var(--glow) 0, var(--bg) 38%); color: var(--text); font-family: var(--font); }
a { color: inherit; }
.shell { width: min(var(--shell), calc(100% - 40px)); margin-inline: auto; }
.page-content { padding-block: 58px 80px; }
h1, h2, p { margin-top: 0; }
.eyebrow { margin-bottom: 14px; color: var(--accent); font-size: .76rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.page-heading { margin-bottom: 34px; }
.page-heading h1 { margin-bottom: 10px; font-size: clamp(2.2rem, 5vw, 4.3rem); letter-spacing: -.05em; }
.page-heading > p:last-child { color: var(--muted); }
@media (max-width: 640px) { .shell { width: min(100% - 24px, var(--shell)); } .page-content { padding-top: 34px; } }