/* Shared editorial hero treatment for Industry detail and hub pages. */
:where(.industry-detail-page, .enterprise-industries-page, .enterprise-solutions-page) .industry-page-hero,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #EEF5DF;
}

/* Remove the remaining hub card frame: the image is now the hero itself. */
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero {
    padding: 0 !important;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero {
    padding: 0 !important;
}

.industry-detail-page .industry-page-hero-grid,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-grid {
    position: relative;
    z-index: 1;
    display: block;
    min-height: clamp(620px, 48vw, 760px);
}

.industry-detail-page .industry-page-hero-grid,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-grid {
    width: 100% !important;
    max-width: none;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero-grid,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-grid {
    width: 100% !important;
    max-width: none;
    gap: 0 !important;
}

.industry-detail-page .industry-page-hero-copy,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy {
    position: relative;
    z-index: 2;
    width: min(100%, 760px);
    min-height: clamp(620px, 48vw, 760px);
    padding: clamp(84px, 8vw, 132px) 32px clamp(54px, 6vw, 90px) max(56px, calc((100vw - 1360px) / 2));
}

.industry-detail-page .industry-page-hero-media,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-media {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: auto;
    min-width: 0;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    border: 0;
    border-radius: 0 !important;
    background: #DDE7C8;
    box-shadow: none;
    pointer-events: none;
}

.industry-detail-page .industry-page-hero-media::before,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-media::before {
    display: none;
}

.industry-detail-page .industry-page-hero-media::after,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-media::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, #FAF8F3 0%, rgba(250, 248, 243, 0.96) 34%, rgba(250, 248, 243, 0.66) 50%, rgba(250, 248, 243, 0.14) 68%, rgba(250, 248, 243, 0) 82%),
        linear-gradient(180deg, rgba(250, 248, 243, 0.28), rgba(250, 248, 243, 0.1));
}

.industry-detail-page .industry-page-hero-media img,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-media img {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    object-fit: cover;
    object-position: center;
    transform: none;
}

/* Beat older hub-specific media rules without affecting other anchor pages. */
body .enterprise-hub-page.enterprise-industries-page .anchor-hero-media,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-media {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: auto;
    min-height: 0 !important;
    margin: 0;
    border: 0;
    border-radius: 0 !important;
    box-shadow: none;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero-media img,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-media img {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    object-fit: cover;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero-media::after,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-media::after {
    z-index: 1;
    background:
        linear-gradient(90deg, #FAF8F3 0%, rgba(250, 248, 243, 0.96) 34%, rgba(250, 248, 243, 0.66) 50%, rgba(250, 248, 243, 0.14) 68%, rgba(250, 248, 243, 0) 82%),
        linear-gradient(180deg, rgba(250, 248, 243, 0.28), rgba(250, 248, 243, 0.1));
}

.industry-detail-page .industry-page-hero:hover .industry-page-hero-media img {
    transform: scale(1.025);
}

.industry-detail-page .industry-page-hero-copy .breadcrumb {
    margin-bottom: 32px;
}

.industry-detail-page .industry-page-hero-copy h1,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero h1 {
    max-width: 720px;
    color: #173A28 !important;
    text-wrap: balance;
}

.industry-detail-page .industry-page-hero-copy > p,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero p {
    max-width: 620px;
    color: #465D4D !important;
}

.industry-detail-page .industry-page-hero-copy .page-button-secondary,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero .page-button-secondary {
    border-color: rgba(35, 69, 42, 0.34);
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(10px);
}

:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics {
    max-width: 700px;
    margin-top: 28px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero-copy .anchor-metrics,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-copy .anchor-metrics {
    margin-top: 28px;
    overflow: visible;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics div {
    min-height: 0;
    padding: 4px 18px;
    border-right-color: rgba(35, 69, 42, 0.2);
    background: transparent;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero-copy .anchor-metrics div,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-copy .anchor-metrics div {
    min-height: 0;
    padding: 4px 18px;
    border-right-color: rgba(35, 69, 42, 0.2);
    background: transparent;
}

:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics strong {
    font-size: clamp(20px, 2vw, 29px);
}

:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics span {
    color: #526859;
}

@media (max-width: 767px) {
    .industry-detail-page .industry-page-hero-grid,
    :where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-grid {
        min-height: 560px;
    }

    .industry-detail-page .industry-page-hero-copy,
    :where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy {
        min-height: 560px;
        padding: 76px 24px 44px;
    }

    .industry-detail-page .industry-page-hero-media::after,
    :where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-media::after {
        background:
            linear-gradient(180deg, rgba(250, 248, 243, 0.98) 0%, rgba(250, 248, 243, 0.9) 50%, rgba(250, 248, 243, 0.42) 100%),
            linear-gradient(90deg, rgba(250, 248, 243, 0.28), transparent);
    }

    body .enterprise-hub-page.enterprise-industries-page .anchor-hero-media::after,
    body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-media::after {
        background:
            linear-gradient(180deg, rgba(250, 248, 243, 0.98) 0%, rgba(250, 248, 243, 0.9) 50%, rgba(250, 248, 243, 0.42) 100%),
            linear-gradient(90deg, rgba(250, 248, 243, 0.28), transparent);
    }

    .industry-detail-page .industry-page-hero-copy .breadcrumb {
        margin-bottom: 22px;
    }

    :where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics {
        margin-top: 18px;
    }

    :where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics div {
        padding: 8px 12px;
    }
}