/* Homepage hero layout only.
   Shared header and footer are owned exclusively by assets/css/shared-layout.css. */

.hero {
  padding-top: 56px;
  padding-bottom: 52px;
}

.hero .hero-grid-v2 {
  grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
  gap: 34px;
}

.hero .hero-copy h1 {
  max-width: 620px;
  font-size: clamp(2.65rem, 4vw, 3.75rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.hero .hero-copy h1 span {
  font-size: .62em;
}

.hero .hero-copy .lead {
  max-width: 610px;
  font-size: .98rem;
  line-height: 1.8;
}

@media (max-width: 980px) {
  .hero .hero-grid-v2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .hero {
    padding-top: 40px;
    padding-bottom: 38px;
  }

  .hero .hero-copy h1 {
    font-size: clamp(2.2rem, 10vw, 2.9rem);
  }

  .hero .hero-copy .lead {
    font-size: .94rem;
    line-height: 1.72;
  }
}