/* Hero: preserve a clear CTA area on 13-inch and shorter desktop screens. */
.hero {
  height: max(100svh, 900px);
  min-height: 900px;
}

.hero-content {
  padding-top: clamp(185px, 22vh, 250px);
  padding-bottom: 128px;
}

/* The hydro headline has more copy: control its two text styles independently. */
#hero-title {
  max-width: 1240px;
  margin-bottom: 18px;
  font-size: clamp(48px, 4.4vw, 70px);
  line-height: 1.03;
}

#hero-title em {
  display: block;
  max-width: 1140px;
  margin-top: 10px;
  font-size: .83em;
  line-height: .97;
}

.hero-contact-note {
  pointer-events: none;
}

/* Prevent an obsolete static WhatsApp widget from appearing after deployment. */
.whatsapp {
  display: none !important;
}

@media (max-width: 900px) {
  .hero {
    height: auto;
    min-height: 760px;
  }

  .hero-content {
    padding-top: clamp(180px, 24vh, 230px);
    padding-bottom: 112px;
  }

  #hero-title {
    font-size: clamp(40px, 7vw, 58px);
  }
}

@media (max-width: 560px) {
  .hero {
    min-height: 720px;
  }

  .hero-content {
    padding-top: 172px;
    padding-bottom: 96px;
  }

  #hero-title {
    font-size: 39px;
  }

  #hero-title em {
    margin-top: 8px;
    font-size: .86em;
  }
}
