/* Keep the homepage introduction clear of the mobile navigation and portrait. */
@media (max-width: 600px) {
  html:root body[data-ui-refined] .hero.section {
    aspect-ratio: auto;
    min-height: 460px;
  }
  html:root body[data-ui-refined] .hero-grid,
  html:root body[data-ui-refined] .hero-copy {
    height: auto;
    min-height: 0;
  }
  html:root body[data-ui-refined] .hero-heading {
    display: block;
    width: 100%;
    height: auto;
    padding-block: 36px;
  }
  html:root body[data-ui-refined] .hero-heading .eyebrow {
    display: block;
    width: 100%;
    margin: 0 0 24px;
    line-height: 1.5;
    text-wrap: balance;
  }
  html:root body[data-ui-refined] .hero-heading h1 {
    width: 54%;
    margin: 0;
    font-size: clamp(26px, 6.4vw, 36px);
    line-height: 1.12;
  }
  html:root body[data-ui-refined] .hero-heading .button-row {
    width: 48%;
    margin-top: 24px;
  }
}