/* Shared vertical rhythm for every content section after the Hero. */
:root {
  --section-edge-space: clamp(48px, 6vw, 72px);
}

main > section[id]:not(.hero) {
  padding-block: var(--section-edge-space);
}

/* The About gradient belongs to its primary inner panel. Keep the shared
   section rhythm inside that panel so no unpainted band appears above it. */
main > section.about[id] {
  padding-block: 0;
}

.about__primary {
  padding-block: var(--section-edge-space);
}

@media (max-width: 767px) {
  :root { --section-edge-space: 48px; }
}