:root {
  --public-page-title-size: 1.75rem;
  --public-section-title-size: clamp(1.65rem, 7vw, 2rem);
  --public-section-copy-size: 1rem;
}

main [class$="-hero"] h1,
main [class*="-hero "] h1,
main [class$="__hero"] h1,
main [class*="__hero "] h1,
.public-page-title {
  font-size: var(--public-page-title-size) !important;
}

.home-section-heading,
.public-section-heading {
  font-size: var(--public-section-title-size) !important;
}

.home-section-subheading,
.public-section-subheading {
  font-size: var(--public-section-copy-size) !important;
}

@media (min-width: 992px) {
  :root {
    --public-page-title-size: 2rem;
    --public-section-title-size: clamp(1.9rem, 3vw, 2.5rem);
  }
}