/*
Homepage override stylesheet.
Purpose: isolate homepage-only layout and typography fixes
that must not be changed inside webflow-style.css.

Examples:
– hero headline wrapping control
– homepage spacing adjustments
– homepage-specific typography behavior

Loaded after webflow-style.css intentionally.
*/

.section-home-header {
  padding-bottom: 6rem;
  position: relative;
  overflow: clip;
}
.header-content-wrapper {
  margin-top: -2.5rem;
}
.header-content-block {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.heading-style-h2.cta {
  text-align: center;
  font-size: 12vw;
}
.featured-h2.cta {
  font-size: 12vw;
}

section.section-home-about .featured-h2.cta,
section.section-home-about .heading-style-h2.cta,
section.cta .featured-h2.cta,
section.cta .heading-style-h2.cta {
  white-space: nowrap;
}

section.section-home-about .heading-item,
section.cta .heading-item {
  width: auto;
  max-width: 100%;
}

section.section-home-about .heading-overflow,
section.cta .heading-overflow {
  width: auto;
  overflow: hidden;
}

@media (min-width: 992px) {
  section.section-home-about .heading-item.top .featured-h2.cta,
  section.cta .heading-item.top .featured-h2.cta {
    font-size: 7.8rem;
  }

  section.section-home-about .heading-item.bottom .heading-style-h2.cta,
  section.cta .heading-item.bottom .heading-style-h2.cta {
    font-size: 9.4rem;
  }
}