.subhero {
    min-height: 420px;
    display: flex;
    align-items: center;
    padding-block: 80px;
    color: var(--pm-color-paper);
    background:
        linear-gradient(rgba(10, 12, 15, 0.78), rgba(10, 12, 15, 0.9)),
        var(--pm-wallpaper-image) center / cover;
}

.subhero--custom-bg {
    background-position: center;
    background-size: cover;
}

.subhero-inner {
    width: min(100% - 40px, 900px);
    margin-inline: auto;
    padding-inline: clamp(22px, 4.4vw, 64px);
}

.subhero-inner .kicker {
    margin: 0 0 14px;
    color: var(--pm-color-orange);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.subhero-inner h1 {
    margin: 0 0 18px;
    font-size: clamp(32px, 4.6vw, 52px);
    font-weight: 900;
    line-height: 1.1;
}

.subhero-inner .lead {
    margin: 0;
    color: rgba(255, 253, 248, 0.82);
    font-size: 19px;
}

@media (max-width: 900px) {
    .subhero {
        min-height: 340px;
        padding-block: 58px;
    }
}