/* Spacing & sizing */
:root{
  --max:1200px;                                  /* container max-width */
  --pad:clamp(20px, 5vw, 64px);                  /* side padding */
  --pad-projects:clamp(48px, 7vw, 96px);         /* projects section padding-block */
  --pad-about:clamp(64px, 10vw, 120px);
  --pad-contact:clamp(72px, 11vw, 140px);
  --pad-breaker:clamp(32px, 5vw, 56px);          /* v3 narrower breakers */
  --gap-grid:28px clamp(32px, 4vw, 56px);                          /* project grid: row / column */
  --gap-card-title:12px;                         /* above card title */
  --anchor-offset:72px;                          /* scroll-margin-top */
  /* radius: 0 — everything is square. Sole exception: the v3 about portrait (22px, leaf border). */
  --radius:0;
  --radius-portrait:10px;
}