/* Keep the hero introduction composed as one sentence on wide screens. */
@media (min-width: 1100px) {
  .river-hero__content {
    width: min(920px, 72vw);
  }

  .river-hero h1 {
    max-width: none;
    font-size: clamp(46px, 3.9vw, 62px);
    line-height: 1.2;
    letter-spacing: -0.035em;
    white-space: nowrap;
  }
}

@media (min-width: 761px) and (max-width: 1099px) {
  .river-hero__content {
    width: min(650px, 62vw);
  }

  .river-hero h1 {
    max-width: 650px;
    white-space: normal;
    text-wrap: balance;
  }
}

@media (max-width: 760px) {
  .river-hero h1 {
    white-space: normal;
    text-wrap: balance;
  }
}