:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;
--space-24:96px;
--space-30:120px;
--space-40:160px;

/* layout */
--gutter:clamp(20px,5vw,64px);
--section-y:clamp(72px,8.5vw,136px);
--section-y-tight:clamp(48px,5.5vw,88px);
--maxw:1280px;
--maxw-wide:1440px;
--maxw-prose:64ch;
--grid-gap:clamp(16px,1.8vw,28px);
--header-h:76px;
}