:root{
  /* 4px base, but the brand breathes — most layout uses --space-8 and up */
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:56px;
  --space-10:72px;
  --space-11:96px;
  --space-12:128px;
  --space-13:176px;
  --space-14:240px;

  /* Layout */
  --page-margin:clamp(24px,6vw,96px);
  --page-max:1360px;
  --content-max:1100px;
  --gutter:clamp(16px,2.4vw,40px); /* @kind spacing */
  --section-y:clamp(72px,11vw,176px); /* @kind spacing */
  --section-y-tight:clamp(48px,6vw,96px); /* @kind spacing */
  --header-h:88px;
}