/* MacDougall Builders spacing and layout.
   4px base. The brand's confidence shows in restraint, so the large steps get
   used far more than a typical marketing site would use them. */
:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --space-11: 160px;
  --space-12: 224px;

  /* --- Section rhythm. Sections breathe; they do not stack tightly. --- */
  --section-y: var(--space-10);       /* standard section padding, desktop */
  --section-y-tall: var(--space-12);  /* hero and closing sections */
  --section-y-compact: var(--space-9);

  /* --- Page frame --- */
  --page-max: 1360px;
  --page-gutter: var(--space-8);
  --page-gutter-narrow: var(--space-5);
  --grid-columns: 12; /* @kind other */
  --grid-gap: var(--space-6);

  /* --- Clear space around any mark equals the height of the M. --- */
  --clearspace-ratio: 1; /* @kind other */
}