/* Locked desktop line rhythm and vertical placement from the selected hero. */

.hero-copy h1 span {
  display: block;
}

@media (min-width: 901px) {
  .hero-layout {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  }

  .hero-copy {
    align-self: start;
    max-width: 970px;
    margin-top: clamp(82px, 12vh, 130px);
  }

  .hero-copy h1 {
    max-width: 970px;
    font-size: clamp(60px, 3.85vw, 78px);
  }
}

@media (max-width: 900px) {
  .hero-copy h1 span {
    display: inline;
  }

  .hero-copy h1 span:not(:last-child)::after {
    content: " ";
  }
}