/* SmileSteps v37: compact image-led headings for the separate static frontend. */
.hero-live.ss-static-image-hero {
  min-height: clamp(360px, 34vw, 440px) !important;
}
.hero-live.ss-static-image-hero .ss-static-image-hero__copy {
  box-sizing: border-box !important;
  padding-block: clamp(54px, 6vw, 72px) !important;
}
.hero-live.ss-static-image-hero h1 {
  font-size: clamp(36px, 4.2vw, 52px) !important;
  font-weight: 520 !important;
  hyphens: none !important;
  letter-spacing: -.038em !important;
  line-height: 1.06 !important;
  max-width: min(1040px, 84vw) !important;
  overflow-wrap: normal !important;
  text-wrap: balance;
  word-break: normal !important;
}
.inner-hero {
  min-height: clamp(220px, 24vw, 310px) !important;
}
.inner-hero h1,
.course-summary h1 {
  font-size: clamp(34px, 4.2vw, 58px) !important;
  font-weight: 520 !important;
  hyphens: none !important;
  letter-spacing: -.035em !important;
  line-height: 1.06 !important;
  max-width: min(980px, 82vw) !important;
  overflow-wrap: normal !important;
  text-wrap: balance;
  word-break: normal !important;
}
@media (max-width: 760px) {
  .hero-live.ss-static-image-hero {
    min-height: 380px !important;
  }
  .hero-live.ss-static-image-hero h1,
  .inner-hero h1,
  .course-summary h1 {
    font-size: clamp(30px, 8.5vw, 42px) !important;
    line-height: 1.08 !important;
    max-width: 92vw !important;
  }
}