.mi019-v2-hero-cover {
    --mi-text: #f7f7f5;
    --mi-copy: #e6e2e0;
    background:
        radial-gradient(ellipse at 50% 48%, rgba(7, 8, 10, .9), rgba(7, 8, 10, .62) 42%, transparent 79%),
        linear-gradient(180deg, rgba(7, 8, 10, .24), rgba(7, 8, 10, .68)),
        #09090a url("../img/home-hero-banner.png") center / cover no-repeat;
    display: grid;
    align-items: center;
    min-height: clamp(470px, 52vw, 680px);
    padding-block: clamp(60px, 8vw, 104px);
    text-align: center;
}

.mi019-v2 .mi019-v2-hero-cover h1 {
    font-size: clamp(38px, 5.6vw, 82px);
    line-height: 1.02;
    margin: 18px auto;
    text-wrap: balance;
}

.mi019-v2-hero-cover .mi019-v2-kicker {
    justify-content: center;
}

.mi019-v2-hero-cover .mi019-v2-hero-copy > p:not(.mi019-v2-promo) {
    font-size: clamp(16px, 1.8vw, 22px);
    margin: 0 auto;
    text-wrap: balance;
}

.mi019-v2-hero-cover .mi019-v2-checks {
    gap: 10px 18px;
    justify-content: center;
    margin-top: 30px;
}

@media (max-width: 600px) {
    .mi019-v2-hero-cover {
        background-position: center, center, 68% center;
        min-height: 460px;
    }
}
    
.mi019-v2-hero-cover h1 em,
.mi019-v2-hero-cover .mi019-v2-hero-copy > p > strong {
    color: var(--mi-red);
}

.mi019-v2-hero-cover .mi019-v2-hero-copy > p > strong {
    font-weight: 800;
}
