/* All Webflow/site layout CSS lives in @layer site so Omi-Hub web.css (unlayered) always wins. */
@layer site;
@import url("./webflow.shared.css") layer(site);

/* After webflow.shared in cascade (site-styles loads after globals @layer site). */
@layer site {
  /* Inner hero banners — 30% shorter than Webflow defaults; home hero unchanged */
  .c-section.inner-hero {
    height: 525px;
  }

  .c-section.inner-hero.small {
    height: 245px;
  }

  @media screen and (max-width: 991px) {
    .c-section.inner-hero {
      height: 420px;
    }
  }

  @media screen and (max-width: 767px) {
    .c-section.inner-hero {
      padding-top: 105px;
      padding-bottom: 105px;
    }

    .c-section.inner-hero.approach {
      height: 490px;
      padding-bottom: 280px;
    }

    .c-section.inner-hero.small {
      padding-top: 105px;
      padding-bottom: 35px;
    }
  }
}