/* Site-wide vertical rhythm.
   Every page reads its section spacing from these tokens, so the scroll
   rhythm is consistent across dxn.studio. The vertical values are fluid in
   viewport height: shorter viewports get tighter spacing, which keeps the
   next section's heading in view before the previous section's content
   has fully scrolled out. */

:root {
  --space-section: clamp(56px, 8svh, 80px); /* padding above and below a section */
  --space-heading: clamp(32px, 5svh, 48px); /* section heading → its content */
  --space-hero-top: clamp(64px, 10svh, 96px); /* first block below the header */
  --space-footer: clamp(48px, 7svh, 64px); /* footer padding */
  --space-panel: 32px; /* gap between stacked rows and panels */
  --header-offset: 64px; /* sticky header height; anchor scroll margin */
}