:root{
/* 4px base. The brand leans on the large end of this scale. */
--sp-1:4px;
--sp-2:8px;
--sp-3:12px;
--sp-4:16px;
--sp-5:24px;
--sp-6:32px;
--sp-7:48px;
--sp-8:64px;
--sp-9:96px;
--sp-10:128px;
--sp-11:192px;

/* Layout */
--gutter:var(--sp-5);
--page-pad-x:clamp(24px,6vw,96px);
--section-gap:clamp(80px,12vw,192px);   /* generous negative space */
--measure:62ch; /* @kind spacing */                          /* body text max width */
--measure-narrow:44ch; /* @kind spacing */
--content-max:1240px;
}