/* Figure & Ground — spacing & layout
   Generous negative space is a brand rule, not a preference. Sections breathe. */
:root{
--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:80px;--space-13:96px;--space-14:120px;--space-15:160px;--space-16:200px;
/* --- Layout --- */
--gutter-page:40px;--gutter-page-tight:20px;--max-width-site:1360px;--max-width-prose:640px;--grid-columns:12; /* @kind other */
--grid-gap:20px;
/* --- Vertical rhythm between major sections --- */
--section-gap:var(--space-14);--section-gap-tight:var(--space-12);--block-gap:var(--space-9);
/* --- Component padding --- */
/* Header geometry. The wordmark sits in the bar's first grid column, so its inset
   is the bar padding: --gutter-page when capped, 2.4% when full-bleed. */
--header-height:108px;--header-wordmark-left:var(--gutter-page);--nav-cta-width:161px;--nav-cta-height:61px;
--pad-card:24px;--pad-panel:48px;--pad-control-y:14px;--pad-control-x:22px;
}