/* Headline typography: keep all mobile titles within the viewport */
@media (max-width: 700px) {
  .herocontent h1 { font-size: clamp(2.7rem, 12vw, 4.8rem) !important; line-height: .92 !important;
    letter-spacing: -.055em !important; max-width: 100% !important; overflow-wrap: normal !important; }
  .herocontent .eyebrow { font-size: 10px !important; letter-spacing: .13em !important; }
  .herocontent p { max-width: 34ch !important; }
  h2 { overflow-wrap: anywhere; }
}