/**
 * Homepage zoom and short-viewport safeguards.
 *
 * Browser zoom changes the effective CSS viewport. At desktop widths the hero
 * must retain enough vertical room for the header, editorial copy, actions and
 * shortlist card to remain separate.
 */
.mhit-home .hero h1 > span,
.mhit-home .hero h1 > em {
    display: block;
}

.mhit-home .hero h1 > em {
    margin-top: 0.08em;
}

@media (min-width: 851px) {
    .mhit-home .hero {
        height: clamp(960px, 100svh, 1100px);
        min-height: 960px;
        max-height: 1100px;
    }

    .mhit-home .hero h1 {
        line-height: 0.91;
        letter-spacing: -0.055em;
    }
}

/* Keep the two-row tablet shortlist clear of the editorial hero content. */
@media (min-width: 621px) and (max-width: 850px) {
    .mhit-home .hero {
        height: auto;
        min-height: 1000px;
        max-height: none;
    }

    .mhit-home .hero h1 {
        line-height: 0.93;
    }
}

/* Mobile browsers can have very short usable heights once their chrome opens. */
@media (max-width: 620px) {
    .mhit-home .hero {
        height: auto;
        min-height: 900px;
        max-height: none;
    }
}