/* Classic media queries for older SEO checkers and mobile layout refinements. */
@media (max-width: 860px) {
  .hero {
    min-height: auto !important;
  }
}

@media (max-width: 620px) {
  .hero {
    padding: 36px 18px 44px !important;
  }

  .hero-content {
    width: 100% !important;
  }

  .hero h1 {
    font-size: 2.55rem !important;
    line-height: 1.04 !important;
    max-width: 100% !important;
  }

  .hero p {
    font-size: 1.02rem !important;
    line-height: 1.65 !important;
  }

  .hero .eyebrow {
    max-width: 100% !important;
    white-space: normal !important;
  }
}

@media (max-width: 380px) {
  .hero h1 {
    font-size: 2.28rem !important;
  }
}