/**
 * UI rhythm — hero & vertical spacing only.
 *
 * NOTE: Nav-specific rules (height, link sizing, grid layout, dropdown)
 * are owned by deep-marketing.css as the SINGLE source of truth for the
 * Stripe/Linear/Vercel-tier navbar. This file is scoped strictly to
 * hero rhythm and React-shell helpers so it cannot fight the canonical
 * nav styles.
 *
 * Do NOT add `.nav`, `.nav-links`, `.nav-right`, `.lang-toggle`,
 * `.btn-cta`, `.nav-hamburger`, `.nav-popover*` overrides here.
 */

/* ── Hero: tight offset below fixed nav (no vertical centering in 100vh) ── */
.hero {
  min-height: auto !important;
  justify-content: flex-start !important;
  padding-top: calc(var(--nav-h) + var(--space-below-nav)) !important;
  padding-bottom: clamp(56px, 8vw, 96px) !important;
}

.hero-badge { margin-bottom: var(--s6) !important; }
.hero-headline { margin-bottom: var(--s6) !important; }
.hero-sub { margin-bottom: var(--s8) !important; }

/* Page heroes (Process / Services static) */
.svc-page-hero {
  padding-top: calc(var(--nav-h) + var(--space-below-nav)) !important;
  padding-bottom: 64px !important;
}

/* React site header (non-home routes) — ensure min-height only */
.site-header .nav-inner {
  min-height: var(--nav-h);
}