/* Yoga of Spaces — spacing & measure. Values are the real ones from the
   approved homepage, not snapped to a 4/8px grid. */
:root{
  --space-3xs:4px;
  --space-2xs:6px;
  --space-xs:10px;
  --space-sm:14px;
  --space-md:18px;
  --space-lg:24px;
  --space-xl:28px;
  --space-2xl:34px;
  --space-3xl:40px;
  --space-4xl:48px;
  --space-5xl:64px;
  --space-6xl:72px;

  /* ── Semantic ──────────────────────────────────────────── */
  --measure:960px;                  /* .wrap max-width */
  --measure-narrow:760px;           /* hero statement inner */
  --measure-quote:720px;
  --measure-lede:600px;
  --measure-split-copy:640px;

  --pad-section-y:64px;
  --pad-section-x:24px;
  --pad-split-copy-y:72px;
  --pad-split-copy-x:48px;
  --pad-plinth-y:56px;
  --pad-plinth-x:30px;
  --pad-quoteband-y:70px;
  --pad-footer-y:60px;
  --pad-button-y:12px;
  --pad-button-x:26px;

  --gap-grid:28px;
  --gap-band:40px;
  --gap-mark:14px;                  /* य → rule → wordmark in the horizontal lockup */

  --min-split:560px;                /* split-section minimum height */
  --min-plinth:600px;

  /* ── Aspect ratios ─────────────────────────────────────── */
  --ratio-card:4/5; /* @kind other */                 /* every collection image */

  /* ── Breakpoints (documented; use in media queries) ────── */
  --bp-stack:700px;                 /* splits & bands collapse to one column */
  --bp-grid-2:760px;                /* collection grid 3 → 2 columns */
  --bp-grid-1:460px;                /* collection grid 2 → 1 column */
}