/* Homepage-only hero width experiment. Remove this stylesheet link to roll back. */
@media (min-width: 901px) {
  .hero .hero-inner {
    display: block;
    width: min(1420px, calc(100% - 72px));
    max-width: none;
  }

  .hero h1 {
    max-width: 900px;
  }

  .hero p {
    max-width: 940px;
    font-size: clamp(1.4rem, 1.8vw, 2rem);
    line-height: 1.35;
  }
}

@media (max-width: 900px) {
  .hero .hero-inner {
    display: block;
  }

  .hero h1,
  .hero p {
    max-width: 100%;
  }

  .hero p {
    font-size: 1.15rem;
    line-height: 1.45;
  }
}