.hero > #page-title {
  max-width: min(22em, 100%);
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.hero > .hero-subtitle {
  position: relative;
  max-width: min(36em, 100%);
  margin: 0.8rem auto 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(1rem, 2.4vw, 1.3rem);
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
  text-wrap: balance;
}