/* ───────────────────────────────────────────────────────────
   mory — Spacing & Layout
   Base unit 4px. Section rhythm clamp(72–128px). Container 1200px.
   ─────────────────────────────────────────────────────────── */
:root{
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;

  --section-y: clamp(72px, 10vw, 128px);  /* @kind spacing */ /* band breathing room */
  --card-pad:  30px 28px;                  /* feature card padding */

  --container-max: 1200px;
  --container-pad: clamp(20px, 4vw, 48px);

  --grid-gap:     24px;   /* .grid-2 gap */
  --grid-hairgap: 1px;    /* hairline-separated grids */
}