/* HOLO spacing — negative space is structure, not leftover.
   Micro → component → section → editorial → hero. */
:root{
  --space-0:0px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:28px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-14:56px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;
  --space-28:112px;
  --space-32:128px;
  --space-40:160px;

  /* Micro — inside a signal row, between node and label. */
  --gap-micro:6px;
  --gap-micro-lg:14px;
  /* Component — inside a card, between a title and its description. */
  --gap-component:22px;
  --gap-component-lg:34px;
  /* Section — between ideas on the same surface. */
  --gap-section:56px;
  --gap-section-lg:78px;
  /* Editorial — between one statement and the next. Deliberately large. */
  --gap-editorial:112px;

  /* Page frames. Deck values: 45px top / 76.7px sides / 85.5px bottom. */
  --pad-frame-y:45px;
  --pad-frame-x:76.7px;
  --pad-frame-bottom:85.5px;
  --pad-hero:72px 92px 72px 130px;
  --page-max:1447px;
  --measure:62ch;
  --measure-tight:32ch;
  --measure-statement:28ch;

  /* Offset used for the second line of an editorial headline. */
  --editorial-indent:140px;
}
@media (max-width:900px){:root{--pad-frame-x:36px;--pad-frame-y:32px;--pad-frame-bottom:48px;--gap-section:40px;--gap-editorial:72px;--editorial-indent:0px}}
@media (max-width:560px){:root{--pad-frame-x:22px;--gap-section:32px;--gap-editorial:56px}}