/* Fengfu — site-wide vertical rhythm refinement.
   Tightens the gaps BETWEEN sections into a consistent, compact scale while
   leaving all content, colors and type untouched. Hero sections set their own
   explicit padding (--sp-7/--sp-8) and are deliberately not affected. */
:root {
  --section-y: clamp(40px, 5vw, 72px);
  --section-y-tight: clamp(28px, 3.5vw, 48px);
}

/* Mobile-only proportion pass: tightens headings, section rhythm and card
   gaps ~10-20% below 640px. Desktop (the clamp() max bound) is untouched. */
@media (max-width: 640px) {
  :root {
    --section-y: clamp(32px, 6vw, 56px);
    --section-y-tight: clamp(22px, 4.5vw, 36px);
    --sp-8: 48px;
    --sp-7: 36px;
    --sp-6: 24px;
    --fs-h1: clamp(1.85rem, 7.5vw, 2.35rem);
    --fs-h2: clamp(1.5rem, 6.5vw, 1.85rem);
    --fs-display: clamp(2.05rem, 8.5vw, 2.6rem);
  }
}