/* Layout rhythm of the website: a 1200px boxed container, generous vertical
   section padding, and tight 4/8-derived gaps inside components. */
:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
  --space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
  --space-20:80px;--space-24:96px;--space-32:128px;

  --container:1200px;
  --gutter:24px;
  --section-y:96px;
  --section-y-tight:64px;

  --topbar-h:45px;
  --header-h:141px;
  --sticky-header-h:65px;
  --hero-h:640px;
  --quote-band-h:340px;
  --tile-h:126px;
}