:root{
  /* Base 4px, with a doubling ramp above 48. Photography-led layouts need
     large steps, so the top of the scale is generous. */
  --s-0:0; /* @kind spacing */
  --s-1:4px;
  --s-2:8px;
  --s-3:12px;
  --s-4:16px;
  --s-5:20px;
  --s-6:24px;
  --s-8:32px;
  --s-10:40px;
  --s-12:48px;
  --s-16:64px;
  --s-20:80px;
  --s-24:96px;
  --s-32:128px;
  --s-40:160px;

  /* Semantic */
  --gap-inline:var(--s-3);
  --gap-stack:var(--s-4);
  --gap-panel:var(--s-2);
  --gap-grid:var(--s-6);
  --pad-panel:var(--s-8);
  --pad-panel-lg:var(--s-12);
  --section-y:clamp(64px,9vw,128px); /* @kind spacing */
  --section-y-lg:clamp(80px,12vw,160px); /* @kind spacing */

  --page-max:1320px; /* @kind spacing */
  --page-gutter:clamp(20px,4vw,48px); /* @kind spacing */
  --header-h:72px;
}