/* One shared hero type scale: the homepage is the visual reference. */
:root {
    --everklin-hero-width: min(calc(100% - 96px), 1460px);
    --everklin-hero-title-size: clamp(3.1rem, 6.4vw, 7.2rem);
    --everklin-hero-copy-size: 1.08rem;
    --everklin-hero-top: 118px;
    --everklin-hero-bottom: 64px;
}

@media (min-width: 901px) {
    .site-compact-layout .iic-flagship .iic-hero__content,
    .site-compact-layout .iic-flagship .iic-product-hero__grid,
    .site-compact-layout .universal-product-page .product-hero-grid,
    .site-compact-layout .flagship-journey .anchor-hero-grid {
        width: var(--everklin-hero-width) !important;
        margin-inline: auto !important;
    }

    .site-compact-layout .iic-flagship .iic-hero__content {
        padding-top: 65px !important;
    }

    .site-compact-layout .iic-product-hero__copy {
        padding-top: 65px !important;
    }

    .site-compact-layout .universal-product-page .product-hero-copy {
        padding-top: 65px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero-copy {
        padding-top: 62px !important;
    }

    /* Water-system heroes retain their process visual, but share the homepage text rail. */
    .wsp-hero {
        align-items: start !important;
        padding: 0 !important;
    }

    .wsp-hero .wsp-hero__inner {
        width: var(--everklin-hero-width) !important;
        max-width: none !important;
        margin-inline: auto !important;
        padding-top: 26px !important;
    }

    .site-compact-layout .wsp-hero .wsp-hero__copy,
    .wsp-hero .wsp-hero__copy {
        max-width: 750px !important;
        padding-top: 59px !important;
        padding-bottom: 0 !important;
    }

    .wsp-hero .wsp-breadcrumb {
        margin-bottom: 18px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero {
        padding-top: 0 !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero-copy {
        width: min(750px, 100%) !important;
        max-width: min(750px, 100%) !important;
        margin-left: 0 !important;
        padding-top: 89px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero h1 {
        font-size: var(--everklin-hero-title-size) !important;
        line-height: .9 !important;
    }

    .site-compact-layout .sustainability-nova .sn-hero__inner {
        width: var(--everklin-hero-width) !important;
        min-height: min(760px, calc(100svh - 86px)) !important;
        justify-content: flex-start !important;
        margin-inline: auto !important;
        padding: var(--everklin-hero-top) 0 var(--everklin-hero-bottom) !important;
    }

    .site-compact-layout .sustainability-nova .sn-hero__copy { padding-block: 0 !important; }

    .site-compact-layout :is(.iic-hero__content, .iic-product-hero__grid, .mnc-category-hero-grid, .product-hero-grid, .anchor-hero-grid, .sn-hero__inner, .sp-hero__grid, .wsp-hero__inner, .industry-page-hero-grid, .inner-hero-content),
    .route-water-treatment :is(.iic-hero__content, .iic-product-hero__grid, .mnc-category-hero-grid, .product-hero-grid, .anchor-hero-grid, .sn-hero__inner, .sp-hero__grid, .wsp-hero__inner, .industry-page-hero-grid, .inner-hero-content),
    :is(.iic-hero__content, .iic-product-hero__grid, .mnc-category-hero-grid, .product-hero-grid, .anchor-hero-grid, .sn-hero__inner, .sp-hero__grid, .wsp-hero__inner, .industry-page-hero-grid, .inner-hero-content) {
        width: var(--everklin-hero-width);
        margin-inline: auto;
    }

    .site-compact-layout .iic-flagship .iic-hero__content,
    .site-compact-layout .iic-product-hero__copy,
    .site-compact-layout .mnc-category-copy,
    .site-compact-layout .product-hero-copy,
    .site-compact-layout .anchor-hero-copy,
    .site-compact-layout .sn-hero__inner,
    .site-compact-layout .sn-hero__copy,
    .site-compact-layout .sp-hero__copy,
    .site-compact-layout .wsp-hero__copy,
    .site-compact-layout .industry-page-hero-copy,
    .site-compact-layout .inner-hero-content,
    .route-water-treatment .wsp-hero__copy,
    .route-water-treatment .inner-hero-content {
        padding-top: var(--everklin-hero-top) !important;
        padding-bottom: var(--everklin-hero-bottom) !important;
    }

    .site-compact-layout :is(.iic-hero h1, .iic-product-hero h1, .mnc-category-hero h1, .product-hero h1, .anchor-hero h1, .sn-hero h1, .sp-hero h1, .wsp-hero h1, .industry-page-hero h1, .inner-hero h1, .ek-hero-title),
    .route-water-treatment :is(.iic-hero h1, .iic-product-hero h1, .mnc-category-hero h1, .product-hero h1, .anchor-hero h1, .sn-hero h1, .sp-hero h1, .wsp-hero h1, .industry-page-hero h1, .inner-hero h1, .ek-hero-title),
    :is(.iic-hero h1, .iic-product-hero h1, .mnc-category-hero h1, .product-hero h1, .anchor-hero h1, .sn-hero h1, .sp-hero h1, .wsp-hero h1, .industry-page-hero h1, .inner-hero h1, .ek-hero-title) {
        max-width: 750px;
        margin-top: 12px !important;
        color: #173b29 !important;
        font-size: var(--everklin-hero-title-size) !important;
        font-weight: 770 !important;
        letter-spacing: 0 !important;
        line-height: .9 !important;
        text-wrap: balance;
    }

    .site-compact-layout :is(.iic-lead, .mnc-category-copy > p, .product-hero-copy h2, .anchor-hero-copy > p, .sn-hero__copy > p, .sp-hero__copy > p, .wsp-hero__copy > p, .industry-page-hero-copy > p, .inner-hero-content > p),
    .route-water-treatment :is(.wsp-hero__copy > p, .inner-hero-content > p),
    :is(.iic-lead, .mnc-category-copy > p, .product-hero-copy h2, .anchor-hero-copy > p, .sn-hero__copy > p, .sp-hero__copy > p, .wsp-hero__copy > p, .industry-page-hero-copy > p, .inner-hero-content > p) {
        max-width: 560px;
        margin-top: 30px !important;
        font-size: var(--everklin-hero-copy-size) !important;
        line-height: 1.7 !important;
    }

    .site-compact-layout .iic-flagship .iic-hero__content {
        width: var(--everklin-hero-width) !important;
        max-width: none !important;
        margin-inline: auto !important;
        padding-top: 65px !important;
    }

    .site-compact-layout .iic-flagship .iic-hero h1 {
        margin-inline: 0 !important;
    }

    .site-compact-layout .iic-product-hero__copy,
    .site-compact-layout .universal-product-page .product-hero-copy {
        padding-top: 65px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero-copy {
        padding-top: 76px !important;
    }
}

@media (max-width: 900px) {
    :root {
        --everklin-hero-width: calc(100% - 40px);
        --everklin-hero-title-size: clamp(3.3rem, 15vw, 5.5rem);
        --everklin-hero-top: 96px;
        --everklin-hero-bottom: 52px;
    }

    :is(.iic-hero__content, .iic-product-hero__grid, .mnc-category-hero-grid, .product-hero-grid, .anchor-hero-grid, .sn-hero__inner, .sp-hero__grid, .wsp-hero__inner, .industry-page-hero-grid, .inner-hero-content) {
        width: var(--everklin-hero-width);
        margin-inline: auto;
    }

    :is(.iic-hero h1, .iic-product-hero h1, .mnc-category-hero h1, .product-hero h1, .anchor-hero h1, .sn-hero h1, .sp-hero h1, .wsp-hero h1, .industry-page-hero h1, .inner-hero h1, .ek-hero-title) {
        max-width: 100%;
        font-size: var(--everklin-hero-title-size) !important;
        line-height: .9 !important;
        letter-spacing: 0 !important;
        text-wrap: balance;
    }
}