.screen.top > .page > ul > li.active > a,
.screen.top > .page > ul > li > a[aria-current="page"],
.hero .wmc-categories > a[aria-current="page"] {
    text-decoration: underline;
    text-underline-offset: 7px;
}
.screen.bgt.subbg,
body > header.hero {
    box-sizing: border-box;
    min-height: 300px;
}
.screen.bgt.subbg > .title h2 {
    padding-inline: 0;
    line-height: inherit;
}
@media (min-width: 1501px) {
    .screen.bgt.subbg,
    body > header.hero { min-height: 410px; }
}
@media (max-width: 900px) {
    .screen.bgt.subbg,
    body > header.hero {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: 360px;
        padding: 190px 0 30px;
        background-size: 2000px auto;
    }
    .screen.bgt.subbg > .title,
    body > header.hero > .hero__grid {
        box-sizing: border-box;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 0 16px;
    }
}
@media (max-width: 700px) {
    .screen.bgt.subbg > .title h1,
    body > header.hero .hero__content h1 {
        margin: 0 0 10px;
        font-size: clamp(30px, 10vw, 40px);
        line-height: 44px;
    }
    .screen.bgt.subbg > .title h2,
    body > header.hero .hero__content h2 {
        min-height: 52px;
        margin: 0;
        font-size: 18px;
        line-height: 26px;
    }
}