/* ==========================================================================
   EVERKLIN - Premium Site System

   Final visual layer for the existing website architecture. It preserves
   every template, route, product control and content block while bringing
   the full site onto the approved olive, cream, pale-green and white system.
   ========================================================================== */

:root {
    --ekp-olive: #8aa63a;
    --ekp-olive-strong: #718b31;
    --ekp-cream: #faf9f4;
    --ekp-cream-deep: #f3f1e8;
    --ekp-pale: #f1f4e7;
    --ekp-mist: #e7f0c8;
    --ekp-white: #ffffff;
    --ekp-ink: #273329;
    --ekp-copy: #5e6a60;
    --ekp-muted: #718073;
    --ekp-line: #d8e0cb;
    --ekp-line-strong: #c7d3b5;
    --ekp-shadow: 0 18px 45px rgba(54, 71, 43, .09);
    --ekp-shadow-hover: 0 24px 56px rgba(54, 71, 43, .14);
    --ekp-radius: 6px;
}

html {
    background: var(--ekp-cream);
}

body.everklin-transformed {
    background: var(--ekp-cream);
    color: var(--ekp-copy);
    font-family: "Inter", Arial, sans-serif;
    line-height: 1.6;
}

body.everklin-transformed main {
    overflow: clip;
}

body.everklin-transformed :is(h1, h2, h3, h4, h5, h6) {
    color: var(--ekp-ink);
    font-family: "Manrope", "Inter", Arial, sans-serif;
    letter-spacing: 0;
}

body.everklin-transformed :is(p, li, label, input, select, textarea, button) {
    letter-spacing: 0;
}

body.everklin-transformed :focus-visible {
    outline: 3px solid rgba(138, 166, 58, .34);
    outline-offset: 3px;
}

/* Global shell */
body.everklin-transformed .site-header {
    min-height: 82px;
    border-bottom: 1px solid rgba(113, 139, 49, .2) !important;
    background: rgba(250, 249, 244, .96) !important;
    box-shadow: 0 8px 28px rgba(54, 71, 43, .045);
    backdrop-filter: blur(16px);
}

body.everklin-transformed .brand-logo {
    height: auto;
    max-height: 64px;
}

body.everklin-transformed .desktop-nav > ul > li > a,
body.everklin-transformed .header-contact {
    color: var(--ekp-ink) !important;
    font-weight: 650;
}

body.everklin-transformed .desktop-nav > ul > li > a:hover,
body.everklin-transformed .desktop-nav > ul > li > a:focus-visible,
body.everklin-transformed .desktop-nav > ul > li.is-active > a,
body.everklin-transformed .header-contact:hover,
body.everklin-transformed .header-contact:focus-visible {
    color: var(--ekp-olive-strong) !important;
}

body.everklin-transformed :is(.header-search, .mobile-menu-toggle) {
    border-color: var(--ekp-line) !important;
    border-radius: 4px !important;
    background: var(--ekp-white) !important;
    color: var(--ekp-ink) !important;
}

body.everklin-transformed .header-technical-cta {
    border-radius: 4px !important;
    background: var(--ekp-olive) !important;
    box-shadow: 0 10px 24px rgba(113, 139, 49, .18);
}

body.everklin-transformed .header-technical-cta:hover,
body.everklin-transformed .header-technical-cta:focus-visible {
    border-color: var(--ekp-olive-strong) !important;
    background: var(--ekp-olive-strong) !important;
}

/* Common hero language. Home keeps its approved composition; all other hero
   families receive the same scale, spacing, reading rail and image treatment. */
body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .iic-product-hero,
    .mnc-category-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero,
    .sample-hero,
    .download-request-hero
) {
    min-height: 620px !important;
    height: auto !important;
    border-bottom: 1px solid var(--ekp-line);
    background-color: var(--ekp-cream) !important;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero,
    .sample-hero,
    .download-request-hero
) :is(h1, .hero-title) {
    max-width: 13ch !important;
    margin-block: 16px 22px;
    color: var(--ekp-ink) !important;
    font-size: 64px !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
    text-wrap: balance;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero,
    .sample-hero,
    .download-request-hero
) :is(h1, .hero-title) :is(em, strong),
body.everklin-transformed .sfh-hero h1 span:last-child {
    color: var(--ekp-olive-strong) !important;
    font-style: normal;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero,
    .sample-hero,
    .download-request-hero
) :is(p, .hero-copy, .hero-description, .sfh-hero__lead) {
    max-width: 58ch;
    color: var(--ekp-copy) !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
}

body.everklin-transformed :is(
    .sfh-kicker,
    .fpp-eyebrow,
    .wsp-hero__eyebrow,
    .sp-kicker,
    .sn-kicker,
    .anchor-kicker,
    .contact-eyebrow,
    .solutions-kicker,
    .industries-hub__kicker,
    .iic-eyebrow,
    .hero-eyebrow,
    .eyebrow
) {
    color: var(--ekp-olive-strong) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase;
}

/* Full image hubs: preserve the real image while establishing one reliable
   cream-to-image reading rail. */
body.everklin-transformed :is(.solutions-hero, .industries-hub__hero)::after {
    background: linear-gradient(90deg,
        rgba(250, 249, 244, .99) 0%,
        rgba(250, 249, 244, .95) 34%,
        rgba(243, 246, 232, .72) 52%,
        rgba(243, 246, 232, .18) 76%,
        rgba(243, 246, 232, .02) 100%) !important;
}

body.everklin-transformed :is(.solutions-hero__copy, .industries-hub__hero-inner > div:first-child) {
    max-width: 690px !important;
}

/* Split-image heroes */
body.everklin-transformed :is(
    .brewery-hero__grid,
    .wip-hero__inner,
    .iic-product-hero__grid,
    .mnc-category-hero-grid,
    .product-hero-grid,
    .industry-page-hero-grid,
    .inner-hero-content,
    .th-hero__grid,
    .anchor-hero-grid,
    .sn-hero__inner
) {
    min-height: 620px !important;
    align-items: stretch !important;
}

body.everklin-transformed :is(
    .brewery-hero__copy,
    .wip-hero__copy,
    .iic-product-hero__copy,
    .mnc-category-hero-copy,
    .product-hero-copy,
    .industry-page-hero-copy,
    .inner-hero-copy,
    .th-hero__copy,
    .anchor-hero-copy,
    .sn-hero__copy
) {
    display: flex;
    min-height: 620px !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-block: 72px !important;
}

body.everklin-transformed :is(
    .brewery-hero__media,
    .wip-hero__media,
    .iic-product-hero__media,
    .mnc-category-hero-media,
    .product-hero-media,
    .industry-page-hero-media,
    .inner-hero-media,
    .th-hero__media,
    .anchor-hero-media,
    .sn-hero__media
) {
    position: relative;
    z-index: 1;
    min-height: 620px !important;
    margin: 0;
    overflow: hidden;
    border: 0 !important;
    border-left: 1px solid var(--ekp-line) !important;
    border-radius: 0 !important;
    background: var(--ekp-pale);
    box-shadow: none !important;
}

body.everklin-transformed :is(
    .brewery-hero__media,
    .wip-hero__media,
    .iic-product-hero__media,
    .mnc-category-hero-media,
    .product-hero-media,
    .industry-page-hero-media,
    .inner-hero-media,
    .th-hero__media,
    .anchor-hero-media,
    .sn-hero__media
) :is(picture, img) {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 620px;
    object-fit: cover;
    opacity: 1 !important;
    visibility: visible !important;
    filter: saturate(.9) contrast(1.03);
}

body.everklin-transformed :is(
    .brewery-hero__media,
    .wip-hero__media,
    .iic-product-hero__media,
    .mnc-category-hero-media,
    .product-hero-media,
    .industry-page-hero-media,
    .inner-hero-media,
    .th-hero__media,
    .anchor-hero-media,
    .sn-hero__media
)::after {
    z-index: 2;
    background: linear-gradient(90deg, rgba(250, 249, 244, .18), transparent 30%) !important;
}

/* Remove compounded legacy padding/min-height from the main flagship grids. */
body.everklin-transformed :is(.brewery-hero, .wip-hero) {
    padding-block: 0 !important;
}

body.everklin-transformed :is(.brewery-hero__grid, .wip-hero__grid) {
    padding-block: 0 !important;
}

body.everklin-transformed :is(.sfh-breadcrumb, .iic-hub-breadcrumb, .fpp-breadcrumb) {
    margin-bottom: 30px !important;
}

body.everklin-transformed :is(.sfh-actions, .iic-hub-actions, .fpp-hero__actions) {
    margin-top: 28px !important;
}

body.everklin-transformed .sn-hero__inner {
    min-height: 620px !important;
    padding-block: 70px !important;
}

body.everklin-transformed .sn-hero__copy {
    min-height: 0 !important;
    padding-block: 0 !important;
}

/* Image-backed heroes use the same overlay strength; it is light enough to
   show the application image and strong enough for text contrast. */
body.everklin-transformed :is(.wt-hero, .wsp-hero, .sp-hero, .iic-hub-hero, .iic-hero)::after {
    background: linear-gradient(90deg,
        rgba(250, 249, 244, .98) 0%,
        rgba(250, 249, 244, .92) 38%,
        rgba(241, 244, 231, .62) 58%,
        rgba(241, 244, 231, .08) 88%) !important;
}

/* Resource, Company and Sustainability heroes keep their approved source
   images and wording. Their template background images remain authoritative. */
body.everklin-transformed .flagship-journey .anchor-hero {
    min-height: 620px !important;
    padding: 92px 0 62px !important;
    background-position: center !important;
}

body.everklin-transformed .flagship-journey .anchor-hero-grid,
body.everklin-transformed .flagship-journey .anchor-hero-copy {
    min-height: 466px !important;
}

body.everklin-transformed .flagship-journey .anchor-hero-copy {
    max-width: 720px;
    padding-block: 38px !important;
}

body.everklin-transformed .flagship-journey .anchor-hero h1 {
    max-width: 12ch !important;
    font-size: 68px !important;
    line-height: 1 !important;
}

body.everklin-transformed main.iic-reference-page .anchor-hero .anchor-actions a.page-button:not(.page-button-secondary) {
    border-color: var(--ekp-olive) !important;
    background: var(--ekp-olive) !important;
    color: var(--ekp-white) !important;
}

body.everklin-transformed main.iic-reference-page .anchor-hero .anchor-actions a.page-button-secondary {
    border-color: var(--ekp-line-strong) !important;
    background: rgba(255, 255, 255, .8) !important;
    color: var(--ekp-ink) !important;
}

@media (min-width: 901px) and (max-width: 1366px) {
    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hub-hero,
        .iic-hero,
        .iic-product-hero,
        .mnc-category-hero,
        .wt-hero,
        .sfh-hero,
        .fpp-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .brewery-hero,
        .product-hero,
        .industry-page-hero,
        .inner-hero,
        .th-hero
    ) :is(h1, .hero-title),
    body.everklin-transformed .flagship-journey .anchor-hero h1 {
        font-size: 56px !important;
    }
}

/* Contact is intentionally a conversion workspace, not a viewport-height hero. */
body.everklin-transformed .contact-hero {
    min-height: 0 !important;
    height: auto !important;
    padding: 44px 0 58px !important;
    background: var(--ekp-cream) !important;
}

body.everklin-transformed .contact-hero__grid {
    gap: 30px;
}

body.everklin-transformed :is(.contact-hero__story, .contact-inquiry-form) {
    border-color: var(--ekp-line) !important;
    border-radius: var(--ekp-radius) !important;
    background: var(--ekp-white) !important;
    box-shadow: var(--ekp-shadow) !important;
}

body.everklin-transformed .contact-ultra form.contact-inquiry-form {
    display: block !important;
}

body.everklin-transformed .contact-hero h1 {
    max-width: 11ch !important;
    font-size: 54px !important;
    line-height: 1.03 !important;
}

/* Buttons and text links */
body.everklin-transformed :is(
    .page-button,
    .sfh-button,
    .contact-button,
    .iic-button,
    .wsp-button,
    .sp-button,
    .product-button,
    .corp-button
) {
    min-height: 50px;
    border-radius: 4px !important;
    font-weight: 700;
    transition: transform 180ms ease, color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

body.everklin-transformed :is(
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .sfh-button--primary,
    .contact-button--primary,
    .iic-button--primary,
    .wsp-button--primary,
    .sp-button--primary,
    .product-button--primary,
    .corp-button--primary
) {
    border-color: var(--ekp-olive) !important;
    background: var(--ekp-olive) !important;
    color: var(--ekp-white) !important;
    box-shadow: 0 10px 22px rgba(113, 139, 49, .15);
}

body.everklin-transformed :is(
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .sfh-button--primary,
    .contact-button--primary,
    .iic-button--primary,
    .wsp-button--primary,
    .sp-button--primary,
    .product-button--primary,
    .corp-button--primary
):hover,
body.everklin-transformed :is(
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .sfh-button--primary,
    .contact-button--primary,
    .iic-button--primary,
    .wsp-button--primary,
    .sp-button--primary,
    .product-button--primary,
    .corp-button--primary
):focus-visible {
    border-color: var(--ekp-olive-strong) !important;
    background: var(--ekp-olive-strong) !important;
    color: var(--ekp-white) !important;
    box-shadow: 0 14px 28px rgba(113, 139, 49, .2);
    transform: translateY(-1px);
}

body.everklin-transformed :is(
    .page-button--secondary,
    .page-button--outline,
    .sfh-button--secondary,
    .contact-button--secondary,
    .iic-button--secondary,
    .wsp-button--secondary,
    .sp-button--secondary,
    .product-button--secondary
) {
    border-color: var(--ekp-line-strong) !important;
    background: rgba(255, 255, 255, .68) !important;
    color: var(--ekp-ink) !important;
}

body.everklin-transformed :is(
    .page-button--secondary,
    .page-button--outline,
    .sfh-button--secondary,
    .contact-button--secondary,
    .iic-button--secondary,
    .wsp-button--secondary,
    .sp-button--secondary,
    .product-button--secondary
):hover,
body.everklin-transformed :is(
    .page-button--secondary,
    .page-button--outline,
    .sfh-button--secondary,
    .contact-button--secondary,
    .iic-button--secondary,
    .wsp-button--secondary,
    .sp-button--secondary,
    .product-button--secondary
):focus-visible {
    border-color: var(--ekp-olive) !important;
    background: var(--ekp-pale) !important;
    color: var(--ekp-ink) !important;
}

/* Repeating information surfaces. The component architecture remains intact;
   only surface, border and motion language is standardised. */
body.everklin-transformed :is(
    .sfh-route-card,
    .sfh-evidence-card,
    .fpp-programme-card,
    .fpp-product-card,
    .anchor-card,
    .industry-card,
    .industries-hub__card,
    .solutions-card,
    .iic-card,
    .iic-solution-card,
    .iic-category-card,
    .mnc-product-card,
    .product-card,
    .wsp-card,
    .sp-card,
    .knowledge-resource-card,
    .contact-document-card
) {
    border-color: var(--ekp-line) !important;
    border-radius: var(--ekp-radius) !important;
    background: var(--ekp-white) !important;
    box-shadow: 0 10px 28px rgba(54, 71, 43, .055);
}

@media (hover: hover) {
    body.everklin-transformed :is(
        .sfh-route-card,
        .sfh-evidence-card,
        .fpp-programme-card,
        .fpp-product-card,
        .anchor-card,
        .industry-card,
        .industries-hub__card,
        .solutions-card,
        .iic-card,
        .iic-solution-card,
        .iic-category-card,
        .mnc-product-card,
        .product-card,
        .wsp-card,
        .sp-card,
        .knowledge-resource-card,
        .contact-document-card
    ):hover {
        border-color: var(--ekp-line-strong) !important;
        box-shadow: var(--ekp-shadow-hover);
        transform: translateY(-2px);
    }
}

body.everklin-transformed :is(
    .sfh-section,
    .fpp-section,
    .anchor-section,
    .wsp-section,
    .sp-section,
    .iic-section,
    .industry-section,
    .solutions-section,
    .sn-section
) {
    border-color: var(--ekp-line) !important;
}

body.everklin-transformed :is(
    .sfh-section-head,
    .fpp-section-head,
    .anchor-section-head,
    .wsp-section-head,
    .sp-section-head,
    .iic-section-head,
    .industry-section-head,
    .solutions-section-head,
    .sn-section-head
) :is(h2, h3) {
    color: var(--ekp-ink) !important;
    line-height: 1.08 !important;
}

/* Contrast contract: olive bands always use light copy; light surfaces always
   use dark copy. This deliberately avoids global section background rewrites. */
body.everklin-transformed :is(
    .corp-commitment,
    .sfh-final,
    .fpp-final,
    .wsp-final,
    .sp-final,
    .contact-final,
    .sn-final-cta,
    .footer-cta
) {
    background: var(--ekp-olive-strong) !important;
    color: var(--ekp-white) !important;
}

body.everklin-transformed :is(
    .corp-commitment,
    .sfh-final,
    .fpp-final,
    .wsp-final,
    .sp-final,
    .contact-final,
    .sn-final-cta,
    .footer-cta
) :is(h1, h2, h3, h4, strong, a) {
    color: var(--ekp-white) !important;
}

body.everklin-transformed :is(
    .corp-commitment,
    .sfh-final,
    .fpp-final,
    .wsp-final,
    .sp-final,
    .contact-final,
    .sn-final-cta,
    .footer-cta
) :is(p, li, small) {
    color: rgba(255, 255, 255, .86) !important;
}

body.everklin-transformed :is(
    .corp-commitment,
    .sfh-final,
    .fpp-final,
    .wsp-final,
    .sp-final,
    .contact-final,
    .sn-final-cta,
    .footer-cta
) :is(.page-button--secondary, .page-button--outline, .sfh-button--secondary) {
    border-color: rgba(255, 255, 255, .66) !important;
    background: transparent !important;
    color: var(--ekp-white) !important;
}

body.everklin-transformed .site-footer {
    border-top: 1px solid var(--ekp-line) !important;
    background: var(--ekp-pale) !important;
    color: var(--ekp-copy) !important;
}

body.everklin-transformed .site-footer :is(h2, h3, h4, strong, a) {
    color: var(--ekp-ink) !important;
}

body.everklin-transformed .site-footer :is(p, li, small) {
    color: var(--ekp-copy) !important;
}

@media (max-width: 1100px) {
    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hub-hero,
        .iic-hero,
        .iic-product-hero,
        .mnc-category-hero,
        .wt-hero,
        .sfh-hero,
        .fpp-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .brewery-hero,
        .product-hero,
        .industry-page-hero,
        .inner-hero,
        .th-hero
    ) :is(h1, .hero-title) {
        font-size: 52px !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__grid,
        .wip-hero__inner,
        .iic-product-hero__grid,
        .mnc-category-hero-grid,
        .product-hero-grid,
        .industry-page-hero-grid,
        .inner-hero-content,
        .th-hero__grid,
        .anchor-hero-grid,
        .sn-hero__inner
    ) {
        min-height: 560px !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-product-hero__copy,
        .mnc-category-hero-copy,
        .product-hero-copy,
        .industry-page-hero-copy,
        .inner-hero-copy,
        .th-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy
    ) {
        min-height: 560px !important;
        padding-block: 58px !important;
    }
}

@media (max-width: 900px) {
    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hero,
        .iic-product-hero,
        .mnc-category-hero,
        .wt-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .brewery-hero,
        .product-hero,
        .industry-page-hero,
        .inner-hero,
        .th-hero,
        .sample-hero,
        .download-request-hero
    ) {
        min-height: 0 !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__grid,
        .wip-hero__inner,
        .iic-product-hero__grid,
        .mnc-category-hero-grid,
        .product-hero-grid,
        .industry-page-hero-grid,
        .inner-hero-content,
        .th-hero__grid,
        .anchor-hero-grid,
        .sn-hero__inner
    ) {
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-product-hero__copy,
        .mnc-category-hero-copy,
        .product-hero-copy,
        .industry-page-hero-copy,
        .inner-hero-copy,
        .th-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy
    ) {
        min-height: 0 !important;
        padding-block: 62px !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__media,
        .wip-hero__media,
        .iic-product-hero__media,
        .mnc-category-hero-media,
        .product-hero-media,
        .industry-page-hero-media,
        .inner-hero-media,
        .th-hero__media,
        .anchor-hero-media,
        .sn-hero__media
    ) {
        min-height: 380px !important;
        border-top: 1px solid var(--ekp-line) !important;
        border-left: 0 !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__media,
        .wip-hero__media,
        .iic-product-hero__media,
        .mnc-category-hero-media,
        .product-hero-media,
        .industry-page-hero-media,
        .inner-hero-media,
        .th-hero__media,
        .anchor-hero-media,
        .sn-hero__media
    ) :is(picture, img) {
        min-height: 380px;
    }

    body.everklin-transformed .flagship-journey .anchor-hero {
        min-height: 580px !important;
        padding: 92px 0 64px !important;
    }

    body.everklin-transformed .flagship-journey .anchor-hero-grid,
    body.everklin-transformed .flagship-journey .anchor-hero-copy {
        min-height: 420px !important;
    }

    body.everklin-transformed .contact-hero__grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 620px) {
    body.everklin-transformed .site-header {
        min-height: 72px;
    }

    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hub-hero,
        .iic-hero,
        .iic-product-hero,
        .mnc-category-hero,
        .wt-hero,
        .sfh-hero,
        .fpp-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .brewery-hero,
        .product-hero,
        .industry-page-hero,
        .inner-hero,
        .th-hero,
        .sample-hero,
        .download-request-hero
    ) :is(h1, .hero-title) {
        max-width: 14ch !important;
        font-size: 40px !important;
        line-height: 1.06 !important;
        text-wrap: initial;
    }

    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hub-hero,
        .iic-hero,
        .wt-hero,
        .sfh-hero,
        .fpp-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .brewery-hero,
        .product-hero,
        .industry-page-hero,
        .inner-hero,
        .th-hero
    ) :is(p, .hero-copy, .hero-description, .sfh-hero__lead) {
        font-size: 16px !important;
        line-height: 1.62 !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-product-hero__copy,
        .mnc-category-hero-copy,
        .product-hero-copy,
        .industry-page-hero-copy,
        .inner-hero-copy,
        .th-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy
    ) {
        padding-block: 46px !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__media,
        .wip-hero__media,
        .iic-product-hero__media,
        .mnc-category-hero-media,
        .product-hero-media,
        .industry-page-hero-media,
        .inner-hero-media,
        .th-hero__media,
        .anchor-hero-media,
        .sn-hero__media
    ),
    body.everklin-transformed :is(
        .brewery-hero__media,
        .wip-hero__media,
        .iic-product-hero__media,
        .mnc-category-hero-media,
        .product-hero-media,
        .industry-page-hero-media,
        .inner-hero-media,
        .th-hero__media,
        .anchor-hero-media,
        .sn-hero__media
    ) :is(picture, img) {
        min-height: 280px !important;
    }

    body.everklin-transformed .flagship-journey .anchor-hero {
        min-height: 540px !important;
        padding: 82px 0 54px !important;
    }

    body.everklin-transformed .iic-reference-page .anchor-hero::after {
        background: linear-gradient(180deg,
            rgba(250, 249, 244, .97) 0%,
            rgba(250, 249, 244, .94) 56%,
            rgba(241, 244, 231, .86) 100%) !important;
    }

    body.everklin-transformed .iic-reference-page .anchor-hero-copy {
        position: relative;
        z-index: 2;
        background: linear-gradient(90deg,
            rgba(250, 249, 244, .96) 0%,
            rgba(250, 249, 244, .9) 82%,
            rgba(250, 249, 244, .72) 100%);
    }

    body.everklin-transformed .flagship-journey .anchor-hero-grid,
    body.everklin-transformed .flagship-journey .anchor-hero-copy {
        min-height: 390px !important;
    }

    body.everklin-transformed .flagship-journey .anchor-hero h1,
    body.everklin-transformed .contact-hero h1 {
        font-size: 40px !important;
    }

    body.everklin-transformed .contact-hero {
        padding: 24px 0 40px !important;
    }

    body.everklin-transformed .contact-hero__media {
        height: 260px;
    }

    body.everklin-transformed .contact-hero__copy,
    body.everklin-transformed .contact-ultra .contact-inquiry-form {
        padding: 28px 22px !important;
    }

    body.everklin-transformed .contact-chat-launcher {
        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
        padding: 0 !important;
        border-radius: 50% !important;
    }

    body.everklin-transformed .contact-chat-launcher strong {
        display: none;
    }

    body.everklin-transformed :is(.page-button, .sfh-button, .contact-button, .iic-button, .wsp-button, .sp-button, .product-button, .corp-button) {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.everklin-transformed *,
    body.everklin-transformed *::before,
    body.everklin-transformed *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}