/* Layout rhythm observed across the marketing pages. */
:root{
  --space-2: 2px;  --space-3: 3px;  --space-4: 4px;  --space-5: 5px;
  --space-6: 6px;  --space-8: 8px;  --space-10: 10px; --space-12: 12px;
  --space-14: 14px; --space-16: 16px; --space-20: 20px; --space-22: 22px;
  --space-24: 24px; --space-26: 26px; --space-28: 28px; --space-32: 32px;
  --space-36: 36px; --space-44: 44px; --space-48: 48px; --space-56: 56px;
  --space-80: 80px; --space-96: 96px;

  --page-width: 1512px;
  --gutter: 80px;              /* horizontal page padding */
  --section-pad-y: 96px;       /* standard section vertical padding */
  --split-gap: 80px;           /* two-column text/image gap */
  --card-gap: 26px;            /* card grid gap */
  --topbar-height: 41px;
  --header-height: 101px;
}