/* About page only: allow the long hero heading to wrap within its Bootstrap column. */
body.bsl-inner-headings .page-hero h1.about-page-heading {
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  max-width: 100%;
  font-size: clamp(1.8rem, 2.6vw, 2.75rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em;
}
@media (max-width: 991.98px) {
  body.bsl-inner-headings .page-hero h1.about-page-heading {
    font-size: clamp(1.75rem, 4.8vw, 2.5rem) !important;
  }
}