h1,
h2,
h3,
h4 {
  line-break: strict;
  overflow-wrap: break-word;
  text-wrap: balance;
  word-break: normal;
  word-break: auto-phrase;
}

.heading-unit {
  display: inline-block;
}

@media (max-width: 640px) {
  .hero h1,
  .page-hero h1 {
    font-size: clamp(38px, 11vw, 46px);
  }
}