#fw-section-hero-b5b4d3f0-0f91-43d4-baf2-5a917218ff00 {
--font-heading-scale: 0.96;
--font-body-scale: 0.8;
}
#fw-section-hero-b5b4d3f0-0f91-43d4-baf2-5a917218ff00 {

/* ==========================================================================
   1. DESKTOP STYLES (Applies to regular desktop width and up)
   ========================================================================== */
@media screen and (min-width: 992px) {
  .hero, 
  .hero__container--small {
    min-height: 200px !important; 
    height: 200px !important;
  }

  .hero__inner {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    min-height: unset !important;
    height: auto !important;
  }
}

/* ==========================================================================
   2. MOBILE STYLES (Applies to phone browsers / screens under 992px wide)
   ========================================================================== */
@media screen and (max-width: 991px) {
  /* Hide the buttons completely on mobile devices */
  .hero__cta-container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Force a much shorter, compact height on mobile */
  .hero,
  .hero__container,
  .hero__container--small {
    min-height: 150px !important;
    height: 150px !important;
  }

  /* Reduce padding and perfectly center the remaining text vertically */
  .hero__inner {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    height: 100% !important;
    min-height: unset !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   3. GLOBAL STYLES (All screen sizes)
   ========================================================================== */
.section-background {
  height: 100% !important;
}

/* Sharp text outline */
.hero__heading, .hero__text {
  text-shadow: 
    -1px -1px 0 #ffffff,  
     1px -1px 0 #ffffff,
    -1px  1px 0 #ffffff,
     1px  1px 0 #ffffff !important;
}

}