:root{
  --space-0:0px;
  --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:180px;

  --gutter:24px;
  --page-margin:clamp(24px,6vw,120px);
  --section-y:clamp(96px,12vw,180px); /* @kind spacing */   /* generous negative space is the rule */
  --stack-tight:12px;
  --stack:24px;
  --stack-loose:48px;

  --content-max:1200px;
  --content-narrow:720px;

  /* --- Hero anatomy, measured off her retreat-site mockup ---
     One screen: nav band + split hero + mantra ribbon, nothing below the fold. */
  --hero-nav-h:64px;
  --hero-text-col:48%;          /* text column | photograph = 48 / 52 */
  --hero-media-col:52%;
  --hero-min-h:660px;
  --hero-ribbon-h:56px;
  --hero-pad-x:clamp(24px,5vw,72px);   /* tighter than --page-margin: the hero hugs the edge */
  --hero-title:clamp(44px,4.8vw,68px); /* @kind font */
  --hero-title-tail:clamp(24px,2.4vw,34px); /* @kind font */  /* the tracked-caps last word */
  --hero-lede:19px;

  --logo-clearspace:48px;               /* min clear space around any logo lockup */
}