/* Definite grid widths prevent legacy hero typography from being clipped. */
.live-home .hero-grid,
.live-home .hero-copy,
.live-home .live-hero-product {
  min-width: 0;
}
.live-home .hero-copy {
  width: 100%;
  max-width: 100%;
}
.live-home .hero h1,
.live-home .hero h1 .soft-word {
  white-space: normal;
  max-width: 100%;
}
@media (max-width: 800px) {
  .live-home .hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .live-home .live-hero-product {
    width: 100%;
    max-width: 610px;
  }
  .live-home .hero-copy h1 {
    overflow-wrap: normal;
  }
}
@media (max-width: 480px) {
  .live-home .hero-copy h1 {
    font-size: clamp(44px, 12vw, 58px);
  }
  .live-home .hero-description,
  .live-home .hero-lead {
    max-width: 100%;
  }
  .live-home .hero-notes {
    flex-wrap: wrap;
  }
}