/* Asthma hero: taller layout, safer title spacing, and supplied background. */
.asthma-page .asthma-hero {
  background: #f7f3ea url("../img/asthma-hero.webp") right center / cover no-repeat !important;
  min-height: calc(clamp(700px, 42.9vw, 821px) + 151px) !important;
  aspect-ratio: auto !important;
}

/* The supplied JPG is now the single hero background. */
.asthma-page .asthma-hero__reference,
.asthma-page .asthma-hero__live-cover,
.asthma-page .asthma-hero__flora {
  display: none !important;
}

.asthma-page .asthma-hero__copy {
  top: clamp(260px, 16vw, 310px) !important;
}

@media (max-width: 1050px) {
  .asthma-page .asthma-hero {
    min-height: 0 !important;
    padding: 105px 28px 500px !important;
    background-position: 72% bottom !important;
  }

  .asthma-page .asthma-hero__copy {
    top: auto !important;
  }
}

@media (max-width: 620px) {
  .asthma-page .asthma-hero {
    padding: 96px 16px 390px !important;
    background-position: 70% bottom !important;
  }
}