/* RaPM R20 — desktop homepage hero sizing only.
   On wide screens, the former min(780px,100vh) cap allowed the next ivory section
   to show before the landing experience had filled the current browser viewport.
   No mobile, tablet-stack, or non-homepage rules are changed. */

@media (min-width: 981px) {
  .hero-stage,
  .hero-stage .hero-card {
    min-height: max(780px, 100vh);
    min-height: max(780px, 100svh);
  }

  .hero-stage .hero-inner {
    min-height: max(780px, 100vh);
    min-height: max(780px, 100svh);
    padding-top: clamp(124px, 12vh, 164px);
    padding-bottom: clamp(68px, 7vh, 108px);
    align-items: center;
  }
}

/* Rebalance the typography and column proportions on particularly wide screens.
   The existing Hero Flow art and animation are not altered. */
@media (min-width: 1680px) {
  .hero-stage .hero-inner {
    grid-template-columns: minmax(400px, .82fr) minmax(0, 1.5fr);
    gap: clamp(56px, 4.5vw, 94px);
  }

  .hero-stage .hero-copy {
    max-width: 545px;
  }

  .hero-stage .hero-copy h1 {
    font-size: clamp(40px, 2.4vw, 47px);
    line-height: 1.14;
  }

  .hero-stage .hero-support {
    max-width: 39ch;
    font-size: clamp(16px, .95vw, 18px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-stage .hero-copy h1 {
    transition: none;
  }
}