/* Homepage hero appearance requested from the local preview. */
@media (min-width: 769px) {
  #page-home.wa-home .wa-home-hero {
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 26px !important;
    box-shadow: none !important;
  }

  #page-home.wa-home .wa-home-hero .wa-home-hero-media {
    z-index: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background-position: center 30% !important;
  }

  #page-home.wa-home .wa-home-hero::after {
    z-index: 1 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: linear-gradient(90deg,
      rgba(8, 6, 5, .88) 0%,
      rgba(8, 6, 5, .76) 31%,
      rgba(8, 6, 5, .48) 48%,
      rgba(8, 6, 5, .12) 68%,
      rgba(8, 6, 5, 0) 100%) !important;
  }

  #page-home.wa-home .wa-home-hero > .container {
    position: relative !important;
    z-index: 2 !important;
  }

  #page-home.wa-home .wa-home-hero .hero-content {
    position: relative !important;
    z-index: 2 !important;
  }

  #page-home.wa-home .wa-home-hero .hero-badge {
    color: #f15a24 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .65) !important;
  }

  #page-home.wa-home .wa-home-hero .hero-title {
    color: #fff !important;
    font-size: clamp(48px, 6.4vw, 70px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -2px !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .42) !important;
  }

  #page-home.wa-home .wa-home-hero .hero-title span {
    color: #f15a24 !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .42) !important;
  }

  #page-home.wa-home .wa-home-hero .hero-desc,
  #page-home.wa-home .wa-hero-points li {
    color: rgba(255, 255, 255, .96) !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .55) !important;
  }

  #page-home.wa-home .wa-home-hero .wa-dark-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    width: 270px !important;
    min-height: 60px !important;
    padding: 0 24px !important;
    border: 1.5px solid rgba(255, 255, 255, .9) !important;
    border-radius: 15px !important;
    background: linear-gradient(110deg, #e95720 0%, #be3514 100%) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .25) !important;
  }

  #page-home.wa-home .wa-home-hero .wa-dark-button:hover {
    background: linear-gradient(110deg, #f16428 0%, #ca3c16 100%) !important;
    transform: translateY(-1px);
  }
}

@media (max-width: 768px) {
  #page-home.wa-home .wa-home-hero .hero-title {
    color: #fff !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .45) !important;
  }

  #page-home.wa-home .wa-home-hero .hero-title span {
    color: #f15a24 !important;
    -webkit-text-fill-color: currentColor !important;
  }

  #page-home.wa-home .wa-home-hero .hero-desc,
  #page-home.wa-home .wa-hero-points li {
    color: rgba(255, 255, 255, .96) !important;
  }

  #page-home.wa-home .wa-home-hero .wa-dark-button {
    border: 1px solid rgba(255, 255, 255, .88) !important;
    border-radius: 13px !important;
    background: linear-gradient(110deg, #e95720 0%, #be3514 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
  }
}

/* Keep the copy on the left through the narrow desktop/tablet breakpoint. */
@media (min-width: 769px) and (max-width: 900px) {
  #page-home.wa-home .wa-home-hero > .container {
    align-items: flex-start !important;
  }

  #page-home.wa-home .wa-home-hero .hero-content {
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
  }
}

/* Keep the desktop typeface and eyebrow on mobile; only scale type size. */
@media (max-width: 768px) {
  #page-home.wa-home .wa-home-hero .hero-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #f15a24 !important;
    font-family: Manrope, system-ui, -apple-system, sans-serif !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .55) !important;
  }

  #page-home.wa-home .wa-home-hero .hero-badge img {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
  }

  #page-home.wa-home .wa-home-hero .hero-title {
    font-family: Manrope, system-ui, -apple-system, sans-serif !important;
    font-size: clamp(34px, 9vw, 40px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -1.5px !important;
  }

  #page-home.wa-home .wa-home-hero .hero-title span {
    font-family: inherit !important;
    font-weight: inherit !important;
  }

  #page-home.wa-home .wa-home-hero .hero-desc,
  #page-home.wa-home .wa-hero-points li {
    font-family: Manrope, system-ui, -apple-system, sans-serif !important;
    font-weight: 400 !important;
  }

  #page-home.wa-home .wa-home-hero .hero-desc {
    font-size: 14.5px !important;
  }

  #page-home.wa-home .wa-hero-points li {
    font-size: 14px !important;
  }
}

/* One CTA gradient for desktop and mobile, matching the desktop preview. */
#page-home.wa-home .wa-home-hero .wa-dark-button {
  background: linear-gradient(135deg, #e45a16 0%, #bf390b 100%) !important;
}

/* Keep the mobile CTA compact and aligned with the hero copy. */
@media (max-width: 768px) {
  #page-home.wa-home .wa-home-hero .wa-dark-button {
    width: min(100%, 280px) !important;
    max-width: 100% !important;
    min-height: 54px !important;
    margin-right: auto !important;
    padding: 0 20px !important;
    gap: 16px !important;
    box-sizing: border-box !important;
  }
}