/* MindFlow: clean interior page headers */
.page-top.mf-hero-clean {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    padding: clamp(48px, 5vw, 84px) 0
             clamp(52px, 6vw, 88px) !important;
    overflow: hidden !important;
}

.page-top.mf-hero-clean > .mf-hero-art {
    display: none !important;
}

.page-top.mf-hero-clean > .wrap {
    display: block !important;
    width: min(1120px, calc(100% - 48px)) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    transform: none !important;
}

.page-top.mf-hero-clean h1 {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 980px !important;
    font-size: clamp(36px, 4.5vw, 62px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    margin: 20px 0 28px !important;
}

.page-top.mf-hero-clean .lead {
    max-width: 800px !important;
    font-size: clamp(17px, 1.5vw, 21px) !important;
    line-height: 1.55 !important;
    margin-top: 0 !important;
}

.page-top.mf-hero-clean .breadcrumb {
    position: relative !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
}

@media (max-width: 640px) {
    .page-top.mf-hero-clean {
        padding: 42px 0 50px !important;
    }

    .page-top.mf-hero-clean > .wrap {
        width: calc(100% - 36px) !important;
    }

    .page-top.mf-hero-clean h1 {
        font-size: clamp(32px, 8vw, 42px) !important;
        line-height: 1.14 !important;
        margin: 16px 0 22px !important;
    }

    .page-top.mf-hero-clean .lead {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
}