/* Spacing steps actually present in the source layout. */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:40px;
  --space-8:48px;
  --space-9:64px;
  --space-10:96px;
  --space-11:112px;
  --space-12:128px;

  --gutter-page:144px;      /* section left/right padding at 1440 */
  --gutter-header:24px;     /* header inner padding */
  --section-pad-y:128px;    /* standard section top/bottom */
  --hero-pad-top:144px;
  --hero-pad-bottom:112px;
  --footer-pad-top:96px;
  --max-width:1200px;       /* header inner width */
  --content-width:1152px;   /* 1440 − 2×144 */
  --grid-gap:24px;
}