/* Shared hero typography for the home page and all appliance repair pages. */
.hero h1 {
  font-size: clamp(43px, 3.9vw, 76px);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -.025em;
  -webkit-text-stroke: .012em currentColor;
  paint-order: stroke fill;
  white-space: normal;
  overflow-wrap: break-word;
}

.hero .hero-description {
  font-size: clamp(23px, 1.8vw, 35px);
  font-weight: 700;
  line-height: 1.45;
  max-width: none;
}

.hero .hero-benefits {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 800px;
}

.hero .hero-benefits p {
  font-size: clamp(17px, 1.1vw, 22px);
  font-weight: 700;
  line-height: 1.45;
}

.hero .hero-action {
  flex-wrap: wrap;
}

.hero .hero-action > p {
  font-size: clamp(17px, 1vw, 20px);
  font-weight: 700;
  line-height: 1.45;
}

.hero .hero-action > .button {
  font-size: clamp(16px, 1.1vw, 22px);
}

.hero .washer-eyebrow {
  font-size: clamp(15px, .95vw, 19px);
}

@media (max-width: 1199px) {
  .hero h1 { font-size: 48px; }
  .hero .hero-description { font-size: 24px; }
  .hero .hero-benefits p { font-size: 17px; }
  .hero .hero-action > p { font-size: 17px; }
  .hero .hero-action > .button { font-size: 16px; }
}

@media (max-width: 900px) {
  .hero h1 { font-size: 49px; }
  .hero .hero-description { font-size: 25px; }
  .hero .hero-benefits p { font-size: 18px; }
  .hero .hero-action > p { font-size: 17px; }
}

@media (max-width: 600px) {
  .hero h1 {
    font-size: clamp(33px, 9.3vw, 46px);
    line-height: 1.2;
  }
  .hero .hero-description { font-size: 21px; }
  .hero .hero-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero .hero-benefits p { font-size: 16px; }
  .hero .hero-action > p { display: block; position: relative; padding-left: 41px; font-size: 16px; }
  .hero .hero-action > p > .bosch-icon { position: absolute; left: 0; top: 3px; }
  .hero .hero-action > p br { display: block; }
  .hero .hero-action > .button { font-size: 16px; }
  .hero .washer-eyebrow { font-size: 13px; }
}