/**
 * FRS Tier-A homepage contract — shared spacing + card ratio.
 * Themes vary color/type; rhythm stays consistent.
 */
:root {
  --frs-hp-container: 1200px;
  --frs-hp-section-y: clamp(40px, 5.5vw, 64px);
  --frs-hp-section-y-tight: clamp(28px, 4vw, 48px);
  --frs-hp-inner-x: clamp(16px, 3vw, 24px);
  --frs-hp-prose: 42rem;
  --frs-hp-card-media-pad: 68%;
  --frs-hp-card-gap: clamp(12px, 2vw, 18px);
}