/*
 * Internal hero system
 * The public homepage retains its own composition. Every other destination
 * uses the same bright editorial panel, olive rule and readable image stage
 * established on the Company overview.
 */
:root {
    --ich-ink: #20362a;
    --ich-copy: #536357;
    --ich-olive: #819b37;
    --ich-olive-deep: #637a2d;
    --ich-mist: #edf2dc;
    --ich-cream: #f8faf2;
    --ich-line: rgba(99, 122, 45, .25);
    --ich-panel: rgba(255, 255, 255, .93);
}

/* Shared information panel for every internal hero which already has a media stage. */
html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .anchor-hero,
    .industry-page-hero,
    .mnc-category-hero,
    .product-hero,
    .contact-hero
) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-bottom: 1px solid var(--ich-line);
    background-color: var(--ich-mist) !important;
    color: var(--ich-ink) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy,
    .contact-hero__copy
) {
    position: relative;
    z-index: 2;
    border: 1px solid var(--ich-line) !important;
    border-left: 5px solid var(--ich-olive) !important;
    border-radius: 14px !important;
    background: var(--ich-panel) !important;
    box-shadow: 0 26px 66px rgba(32, 54, 42, .14) !important;
    color: var(--ich-ink) !important;
    backdrop-filter: blur(12px);
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy,
    .contact-hero__copy
) :is(h1, h2, h3, strong) {
    color: var(--ich-ink) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy,
    .contact-hero__copy
) :is(p, li, small, .breadcrumb, .sfh-breadcrumb, .fpp-breadcrumb, .fsv2-breadcrumb) {
    color: var(--ich-copy) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy,
    .contact-hero__copy
) :is(.inner-kicker, .anchor-eyebrow, .page-kicker, .sfh-kicker, .fpp-eyebrow, .fsv2-eyebrow, .contact-eyebrow, .product-category-badge) {
    color: var(--ich-olive-deep) !important;
    font-weight: 850 !important;
    letter-spacing: .13em !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy,
    .contact-hero__copy
) :is(a:not(.page-button):not(.sfh-button):not(.contact-button), .breadcrumb a, .sfh-breadcrumb a, .fpp-breadcrumb a, .fsv2-breadcrumb a) {
    color: var(--ich-ink) !important;
}

/* A stable Company-style action works on every light panel. */
html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .anchor-hero,
    .industry-page-hero,
    .mnc-category-hero,
    .product-hero,
    .contact-hero,
    .solutions-hero,
    .industries-hub__hero,
    .iic-hero
) :is(.page-button:not(.page-button-secondary), .sfh-button--primary, .iic-button:not(.iic-button--outline), .solutions-button--olive, .industries-hub__button--olive, .contact-button--primary) {
    border-color: var(--ich-olive-deep) !important;
    border-radius: 7px !important;
    background: var(--ich-olive-deep) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(74, 92, 34, .16) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .anchor-hero,
    .industry-page-hero,
    .mnc-category-hero,
    .product-hero,
    .contact-hero,
    .solutions-hero,
    .industries-hub__hero,
    .iic-hero
) :is(.page-button:not(.page-button-secondary), .sfh-button--primary, .iic-button:not(.iic-button--outline), .solutions-button--olive, .industries-hub__button--olive, .contact-button--primary):is(:hover, :focus-visible) {
    border-color: var(--ich-ink) !important;
    background: var(--ich-ink) !important;
    color: #fff !important;
}

/* Image-led, two-column hero templates. */
html body.everklin-transformed #main:not(.corp-home) .sfh-hero,
html body.everklin-transformed #main:not(.corp-home) .fpp-hero,
html body.everklin-transformed #main:not(.corp-home) .anchor-hero,
html body.everklin-transformed #main:not(.corp-home) .industry-page-hero,
html body.everklin-transformed #main:not(.corp-home) .mnc-category-hero,
html body.everklin-transformed #main:not(.corp-home) .product-hero {
    min-height: min(700px, calc(100svh - 1px)) !important;
    padding-block: clamp(32px, 4vw, 58px) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__grid,
    .fpp-hero__grid,
    .anchor-hero-grid,
    .industry-page-hero-grid,
    .mnc-category-hero-grid,
    .product-hero-grid
) {
    align-items: stretch !important;
    min-height: min(580px, calc(100svh - 110px));
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy
) {
    align-self: center;
    max-width: 650px;
    padding: clamp(32px, 4vw, 54px) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero h1,
    .fpp-hero h1,
    .anchor-hero h1,
    .industry-page-hero h1,
    .mnc-category-hero h1,
    .product-hero h1,
    .contact-hero h1
) {
    max-width: 10ch !important;
    color: var(--ich-ink) !important;
    font-size: clamp(3rem, 5.15vw, 5.9rem) !important;
    font-weight: 720 !important;
    letter-spacing: -.055em !important;
    line-height: .92 !important;
    text-wrap: balance;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__lead,
    .fpp-hero__copy > p,
    .anchor-hero-grid > :first-child > p,
    .industry-page-hero-copy > p,
    .mnc-category-copy > p,
    .product-hero-copy > p,
    .contact-hero__copy > p
) {
    max-width: 38rem !important;
    color: var(--ich-copy) !important;
    font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
    line-height: 1.66 !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__media,
    .fpp-hero__media,
    .anchor-hero-media,
    .industry-page-hero-media,
    .mnc-category-visual-image,
    .product-image-stage
) {
    min-height: 100% !important;
    overflow: hidden;
    border: 1px solid var(--ich-line) !important;
    border-radius: 16px !important;
    background: var(--ich-cream) !important;
    box-shadow: 0 20px 48px rgba(32, 54, 42, .1) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__media img,
    .fpp-hero__media img,
    .industry-page-hero-media img,
    .mnc-category-visual-image img,
    .product-image-stage img
) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.86) contrast(1.02);
}

/* Full-media hero templates receive the same white panel over their existing image. */
html body.everklin-transformed #main:not(.corp-home) :is(.solutions-hero, .industries-hub__hero, .iic-hero, .fsv2-hero) {
    min-height: min(700px, calc(100svh - 1px)) !important;
    background-color: var(--ich-mist) !important;
}

html body.everklin-transformed #main:not(.corp-home) .solutions-hero::after {
    background: linear-gradient(90deg, rgba(248, 250, 242, .96) 0%, rgba(248, 250, 242, .84) 45%, rgba(248, 250, 242, .3) 75%, rgba(248, 250, 242, .08) 100%) !important;
}

html body.everklin-transformed #main:not(.corp-home) .solutions-hero__copy,
html body.everklin-transformed #main:not(.corp-home) .industries-hub__hero-inner > div:first-child,
html body.everklin-transformed #main:not(.corp-home) .iic-hero__content,
html body.everklin-transformed #main:not(.corp-home) .fsv2-hero__copy {
    position: relative;
    z-index: 2;
    max-width: min(650px, 54vw) !important;
    min-height: 0 !important;
    padding: clamp(32px, 4vw, 54px) !important;
    border: 1px solid var(--ich-line) !important;
    border-left: 5px solid var(--ich-olive) !important;
    border-radius: 14px !important;
    background: var(--ich-panel) !important;
    box-shadow: 0 26px 66px rgba(32, 54, 42, .14) !important;
    color: var(--ich-ink) !important;
    backdrop-filter: blur(12px);
}

html body.everklin-transformed #main:not(.corp-home) .solutions-hero :is(h1, p, a, strong),
html body.everklin-transformed #main:not(.corp-home) .industries-hub__hero :is(h1, p, a, strong),
html body.everklin-transformed #main:not(.corp-home) .iic-hero :is(h1, p, a, strong),
html body.everklin-transformed #main:not(.corp-home) .fsv2-hero :is(h1, p, a, strong) {
    color: var(--ich-ink) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(.solutions-hero, .industries-hub__hero, .iic-hero, .fsv2-hero) :is(
    .solutions-kicker,
    .industries-hub__kicker,
    .iic-kicker,
    .fsv2-eyebrow
) {
    color: var(--ich-olive-deep) !important;
    font-weight: 850 !important;
    letter-spacing: .13em !important;
}

html body.everklin-transformed #main:not(.corp-home) .solutions-hero__note {
    align-self: end;
    max-width: 26ch;
    margin: 0 !important;
    padding: 18px 20px;
    border: 1px solid var(--ich-line);
    border-radius: 10px;
    background: rgba(255, 255, 255, .78);
    color: var(--ich-copy) !important;
}

html body.everklin-transformed #main:not(.corp-home) .fsv2-hero__media::after {
    background: linear-gradient(90deg, rgba(248, 250, 242, .52) 0%, rgba(248, 250, 242, .15) 58%, rgba(248, 250, 242, 0) 100%) !important;
}

/* Keep navigation, labels and calls-to-action legible when an existing template uses its image as a backdrop. */
html body.everklin-transformed #main:not(.corp-home) :is(.solutions-hero, .industries-hub__hero, .iic-hero, .fsv2-hero) :is(
    .solutions-crumb,
    .industries-hub__crumb,
    .iic-crumb,
    .fsv2-breadcrumb
) :is(a, strong, span) {
    color: var(--ich-copy) !important;
}

@media (max-width: 980px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero,
        .fpp-hero,
        .anchor-hero,
        .industry-page-hero,
        .mnc-category-hero,
        .product-hero
    ) {
        min-height: 0 !important;
        padding-block: 28px 38px !important;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero__grid,
        .fpp-hero__grid,
        .anchor-hero-grid,
        .industry-page-hero-grid,
        .mnc-category-hero-grid,
        .product-hero-grid
    ) {
        min-height: 0;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero__copy,
        .fpp-hero__copy,
        .anchor-hero-grid > :first-child,
        .industry-page-hero-copy,
        .mnc-category-copy,
        .product-hero-copy,
        .contact-hero__copy
    ) {
        max-width: none;
    }
}

@media (max-width: 720px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero__copy,
        .fpp-hero__copy,
        .fsv2-hero__copy,
        .anchor-hero-grid > :first-child,
        .industry-page-hero-copy,
        .mnc-category-copy,
        .product-hero-copy,
        .contact-hero__copy,
        .solutions-hero__copy,
        .industries-hub__hero-inner > div:first-child,
        .iic-hero__content
    ) {
        width: 100% !important;
        max-width: none !important;
        padding: 28px 24px !important;
        border-left-width: 4px !important;
        border-radius: 12px !important;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero h1,
        .fpp-hero h1,
        .anchor-hero h1,
        .industry-page-hero h1,
        .mnc-category-hero h1,
        .product-hero h1,
        .contact-hero h1,
        .solutions-hero h1,
        .industries-hub__hero h1,
        .iic-hero h1,
        .fsv2-hero h1
    ) {
        font-size: clamp(2.6rem, 12vw, 4rem) !important;
        line-height: .95 !important;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(.solutions-hero, .industries-hub__hero, .iic-hero, .fsv2-hero) {
        min-height: 620px !important;
        padding: 20px !important;
    }

    html body.everklin-transformed #main:not(.corp-home) .solutions-hero::after {
        background: linear-gradient(180deg, rgba(248, 250, 242, .9) 0%, rgba(248, 250, 242, .74) 62%, rgba(248, 250, 242, .26) 100%) !important;
    }

    html body.everklin-transformed #main:not(.corp-home) .solutions-hero__note {
        position: static;
        max-width: none;
        margin-top: 20px !important;
    }
}

/* Non-negotiable internal hero baseline. Any current or future direct hero
   section receives the Company treatment, regardless of its source template.
   The homepage is the sole deliberate exception. */
html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border-bottom: 1px solid var(--ich-line) !important;
    background-color: var(--ich-mist) !important;
    color: var(--ich-ink) !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(
    [class*="hero__copy"],
    [class*="hero-copy"],
    [class*="hero__content"],
    [class*="hero-content"],
    .mnc-category-copy,
    .inner-hero-content,
    .ek-inner-home-hero__panel,
    .download-request-hero > .container
) {
    position: relative !important;
    z-index: 2 !important;
    border: 1px solid var(--ich-line) !important;
    border-left: 5px solid var(--ich-olive) !important;
    border-radius: 14px !important;
    background: var(--ich-panel) !important;
    box-shadow: 0 26px 66px rgba(32, 54, 42, .14) !important;
    color: var(--ich-ink) !important;
    text-shadow: none !important;
    backdrop-filter: blur(12px);
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(h1, h2, h3, strong) {
    color: var(--ich-ink) !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(p, li, small, .breadcrumb, [class*="breadcrumb"], [class*="crumb"]) {
    color: var(--ich-copy) !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(
    [class*="kicker"],
    [class*="eyebrow"],
    [class*="badge"]
) {
    color: var(--ich-olive-deep) !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(
    .page-button,
    .sfh-button--primary,
    .sp-button:not(.sp-button--ghost),
    .iic-button:not(.iic-button--outline),
    .iic-hub-button--primary,
    .solutions-button--olive,
    .industries-hub__button--olive,
    .contact-button--primary,
    .sample-button,
    .sn-button:not(.sn-button--quiet)
) {
    border-color: var(--ich-olive-deep) !important;
    border-radius: 7px !important;
    background: var(--ich-olive-deep) !important;
    color: #fff !important;
}

@media (max-width: 720px) {
    html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(
        [class*="hero__copy"],
        [class*="hero-copy"],
        [class*="hero__content"],
        [class*="hero-content"],
        .mnc-category-copy,
        .inner-hero-content,
        .ek-inner-home-hero__panel,
        .download-request-hero > .container
    ) {
        border-left-width: 4px !important;
        border-radius: 12px !important;
    }
}

/* Final hero type cascade: every internal template shares the same measured,
   high-contrast editorial rhythm. The public homepage is intentionally out of
   scope through the .corp-home exclusion on every selector. */
@media (min-width: 721px) {
    html body.everklin-transformed #main:not(.corp-home) .fpp-hero__copy {
        padding: clamp(32px, 3.4vw, 46px) !important;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero,
        .fpp-hero,
        .fsv2-hero,
        .anchor-hero,
        .industry-page-hero,
        .mnc-category-hero,
        .product-hero,
        .contact-hero,
        .solutions-hero,
        .industries-hub__hero,
        .iic-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .iic-hub-hero,
        .iic-product-hero,
        .inner-hero,
        .sample-hero,
        .download-request-hero,
        .sn-hero
    ) h1 {
        max-width: 19ch !important;
        font-size: clamp(2.75rem, 3.75vw, 3.9rem) !important;
        line-height: .94 !important;
        text-wrap: balance;
    }
}

@media (max-width: 720px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero,
        .fpp-hero,
        .fsv2-hero,
        .anchor-hero,
        .industry-page-hero,
        .mnc-category-hero,
        .product-hero,
        .contact-hero,
        .solutions-hero,
        .industries-hub__hero,
        .iic-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .iic-hub-hero,
        .iic-product-hero,
        .inner-hero,
        .sample-hero,
        .download-request-hero,
        .sn-hero
    ) h1 {
        max-width: 13ch !important;
        font-size: clamp(2.5rem, 11vw, 3.65rem) !important;
        line-height: .96 !important;
        text-wrap: balance;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.everklin-transformed #main:not(.corp-home) :is(.sfh-hero, .fpp-hero, .fsv2-hero, .anchor-hero, .industry-page-hero, .mnc-category-hero, .product-hero, .contact-hero) * {
        transition: none !important;
        animation: none !important;
    }
}

/* Complete the same Company-panel treatment on the remaining internal templates. */
html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .iic-hub-hero,
    .iic-product-hero,
    .inner-hero,
    .sample-hero,
    .download-request-hero,
    .sn-hero
) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-bottom: 1px solid var(--ich-line) !important;
    color: var(--ich-ink) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__copy,
    .wip-hero__copy,
    .sp-hero__copy,
    .iic-hub-hero__copy,
    .iic-product-hero__copy,
    .inner-hero-content,
    .sample-hero__copy,
    .download-request-hero > .container,
    .sn-hero__copy
) {
    position: relative;
    z-index: 2;
    border: 1px solid var(--ich-line) !important;
    border-left: 5px solid var(--ich-olive) !important;
    border-radius: 14px !important;
    background: var(--ich-panel) !important;
    box-shadow: 0 26px 66px rgba(32, 54, 42, .14) !important;
    color: var(--ich-ink) !important;
    backdrop-filter: blur(12px);
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__copy,
    .wip-hero__copy,
    .sp-hero__copy,
    .iic-hub-hero__copy,
    .iic-product-hero__copy,
    .inner-hero-content,
    .sample-hero__copy,
    .download-request-hero > .container,
    .sn-hero__copy
) :is(h1, h2, h3, strong) {
    color: var(--ich-ink) !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__copy,
    .wip-hero__copy,
    .sp-hero__copy,
    .iic-hub-hero__copy,
    .iic-product-hero__copy,
    .inner-hero-content,
    .sample-hero__copy,
    .download-request-hero > .container,
    .sn-hero__copy
) :is(p, li, small, .breadcrumb, .wsp-breadcrumb, .sp-breadcrumb, .iic-hub-crumb, .iic-crumb, .sample-crumb) {
    color: var(--ich-copy) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__copy,
    .wip-hero__copy,
    .sp-hero__copy,
    .iic-hub-hero__copy,
    .iic-product-hero__copy,
    .inner-hero-content,
    .sample-hero__copy,
    .download-request-hero > .container,
    .sn-hero__copy
) :is(.inner-kicker, .wsp-eyebrow, .sp-eyebrow, .iic-hub-kicker, .iic-kicker, .sample-kicker, .sn-kicker) {
    color: var(--ich-olive-deep) !important;
    font-weight: 850 !important;
    letter-spacing: .13em !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .iic-hub-hero,
    .iic-product-hero,
    .sample-hero,
    .sn-hero
) :is(.page-button:not(.page-button-secondary), .sp-button:not(.sp-button--ghost), .iic-hub-button--primary, .iic-button:not(.iic-button--outline), .sample-button, .sn-button:not(.sn-button--quiet)) {
    border-color: var(--ich-olive-deep) !important;
    border-radius: 7px !important;
    background: var(--ich-olive-deep) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(74, 92, 34, .16) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .iic-hub-hero,
    .iic-product-hero,
    .sample-hero,
    .sn-hero
) :is(.page-button:not(.page-button-secondary), .sp-button:not(.sp-button--ghost), .iic-hub-button--primary, .iic-button:not(.iic-button--outline), .sample-button, .sn-button:not(.sn-button--quiet)):is(:hover, :focus-visible) {
    border-color: var(--ich-ink) !important;
    background: var(--ich-ink) !important;
    color: #fff !important;
}

/* Split layouts retain their existing image but use the Company spacing and panel proportions. */
html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .iic-hub-hero,
    .iic-product-hero,
    .sample-hero,
    .sn-hero
) {
    min-height: min(700px, calc(100svh - 1px)) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__inner,
    .wip-hero__inner,
    .sp-hero__grid,
    .iic-hub-hero__grid,
    .iic-product-hero__grid,
    .sample-hero__grid,
    .sn-hero__inner
) {
    min-height: min(580px, calc(100svh - 110px));
    align-items: center !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__copy,
    .wip-hero__copy,
    .sp-hero__copy,
    .iic-hub-hero__copy,
    .iic-product-hero__copy,
    .sample-hero__copy,
    .sn-hero__copy
) {
    align-self: center;
    width: min(650px, 54vw) !important;
    max-width: min(650px, 54vw) !important;
    padding: clamp(32px, 4vw, 54px) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero h1,
    .wip-hero h1,
    .sp-hero h1,
    .iic-hub-hero h1,
    .iic-product-hero h1,
    .inner-hero h1,
    .sample-hero h1,
    .download-request-hero h1,
    .sn-hero h1
) {
    max-width: 10ch !important;
    color: var(--ich-ink) !important;
    font-size: clamp(3rem, 5.15vw, 5.9rem) !important;
    font-weight: 720 !important;
    letter-spacing: -.055em !important;
    line-height: .92 !important;
    text-wrap: balance;
}

html body.everklin-transformed #main:not(.corp-home) :is(.sp-hero, .sn-hero) :is(h1 em, h2 em) {
    color: var(--ich-olive) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(.wsp-hero, .wip-hero, .sp-hero) :is(.wsp-breadcrumb, .sp-breadcrumb) :is(a, strong, span) {
    color: var(--ich-copy) !important;
}

html body.everklin-transformed #main:not(.corp-home) .sp-hero::before {
    background: linear-gradient(90deg, rgba(248, 250, 242, .9) 0%, rgba(248, 250, 242, .62) 54%, rgba(248, 250, 242, .12) 100%), var(--sp-hero-image, none) !important;
    background-position: center !important;
    background-size: cover !important;
}

html body.everklin-transformed #main:not(.corp-home) .inner-hero {
    min-height: min(660px, calc(100svh - 1px)) !important;
    background: linear-gradient(118deg, #edf2dc 0%, #f8faf2 56%, #e5edd1 100%) !important;
}

html body.everklin-transformed #main:not(.corp-home) .inner-hero-content {
    width: min(650px, calc(100% - 48px)) !important;
    min-height: 0 !important;
    margin-left: max(24px, calc((100vw - 1240px) / 2)) !important;
    margin-right: 0 !important;
    padding: clamp(32px, 4vw, 54px) !important;
}

html body.everklin-transformed #main:not(.corp-home) .download-request-hero {
    min-height: min(620px, calc(100svh - 1px));
    display: flex;
    align-items: center;
    padding-block: 70px !important;
    background: linear-gradient(118deg, #edf2dc 0%, #f8faf2 56%, #e5edd1 100%) !important;
}

html body.everklin-transformed #main:not(.corp-home) .download-request-hero > .container {
    width: min(650px, calc(100% - 48px)) !important;
    margin-left: max(24px, calc((100vw - 1240px) / 2)) !important;
    margin-right: 0 !important;
    padding: clamp(32px, 4vw, 54px) !important;
}

@media (max-width: 980px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .iic-hub-hero,
        .iic-product-hero,
        .sample-hero,
        .sn-hero,
        .inner-hero,
        .download-request-hero
    ) {
        min-height: 0 !important;
        padding-block: 28px 38px !important;
    }
}

@media (max-width: 720px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .wsp-hero__copy,
        .wip-hero__copy,
        .sp-hero__copy,
        .iic-hub-hero__copy,
        .iic-product-hero__copy,
        .sample-hero__copy,
        .sn-hero__copy,
        .inner-hero-content,
        .download-request-hero > .container
    ) {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
        padding: 28px 24px !important;
        border-left-width: 4px !important;
        border-radius: 12px !important;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(
        .wsp-hero h1,
        .wip-hero h1,
        .sp-hero h1,
        .iic-hub-hero h1,
        .iic-product-hero h1,
        .inner-hero h1,
        .sample-hero h1,
        .download-request-hero h1,
        .sn-hero h1
    ) {
        font-size: clamp(2.6rem, 12vw, 4rem) !important;
        line-height: .95 !important;
    }
}

/* Override the older template rules above so the remaining legacy hero
   variants inherit the same line measure as the newer Company-style panels. */
@media (min-width: 721px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .iic-hub-hero,
        .iic-product-hero,
        .inner-hero,
        .sample-hero,
        .download-request-hero,
        .sn-hero
    ) h1 {
        max-width: 19ch !important;
        font-size: clamp(2.75rem, 3.75vw, 3.9rem) !important;
        line-height: .94 !important;
        text-wrap: balance;
    }
}

@media (max-width: 720px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .iic-hub-hero,
        .iic-product-hero,
        .inner-hero,
        .sample-hero,
        .download-request-hero,
        .sn-hero
    ) h1 {
        max-width: 13ch !important;
        font-size: clamp(2.5rem, 11vw, 3.65rem) !important;
        line-height: .96 !important;
        text-wrap: balance;
    }
}