/**
 * Shared hero anchor — same eyebrow Y on every page.
 * Load after homepage.css.
 */

.hero__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 46rem;
  padding-top: var(--hero-top);
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.home-act--hero {
  justify-content: flex-start;
  gap: 0;
  min-height: 0;
  padding: 0;
  padding-bottom: clamp(var(--space-6), 5vh, var(--space-8));
  max-width: none;
}

@media (max-width: 47.99rem) {
  :root {
    --hero-gap-after-nav: var(--space-5);
    --hero-top: var(--hero-gap-after-nav);
  }

  .hero__inner {
    gap: var(--space-4);
  }

  .home-act--hero {
    padding-bottom: var(--space-4);
  }
}