:root{
  --space-4:4px;--space-6:6px;--space-8:8px;--space-9:9px;--space-10:10px;--space-12:12px;
  --space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-22:22px;
  --space-24:24px;--space-28:28px;--space-30:30px;--space-32:32px;--space-34:34px;
  --space-38:38px;--space-44:44px;--space-52:52px;--space-60:60px;

  /* page geometry — the site is a fixed 1440px shell with 140px side gutters */
  --page-width:1440px;
  --page-inline:140px;
  --page-inline-tablet:56px;
  --page-inline-mobile:24px;

  /* vertical section rhythm, as used */
  --section-y:100px;
  --section-y-md:90px;
  --section-y-sm:76px;
  --section-y-mobile:56px;
  --header-y:28px;
  --footer-y-top:64px;
  --footer-y-bottom:48px;

  /* measures */
  --measure-display:760px;
  --measure-display-wide:800px;
  --measure-lede:640px;
  --measure-body:680px;
  --measure-cta:600px;
  --measure-stat:290px;

  /* grid gaps */
  --grid-gap:24px;
  --grid-gap-tight:18px;

  /* card padding, per card family */
  --card-pad-service:34px 30px;
  --card-pad-skill:22px 22px;
  --card-pad-work:30px 28px;
  --card-pad-story:34px 32px;
  --card-pad-managed:32px 28px;
  --card-pad-pill:16px 22px;
}