/* Unified editorial heroes for Sustainability, Company and Contact. */
.sustainability-flagship,
.company-information-flagship,
.contact-information-flagship {
    --ci-ink: #26382a;
    --ci-olive: #819e3d;
    --ci-deep: #607b2d;
    --ci-line: #d8e4bd;
}

.sustainability-flagship .anchor-hero,
.company-information-flagship .anchor-hero,
.contact-information-flagship .anchor-hero {
    min-height: min(650px, calc(100svh - 1px)) !important;
    padding: clamp(112px, 12vw, 158px) 0 clamp(60px, 7vw, 88px) !important;
    isolation: isolate;
    overflow: hidden;
    background-image:
        linear-gradient(90deg, rgba(252, 253, 248, .98) 0%, rgba(252, 253, 248, .93) 42%, rgba(252, 253, 248, .36) 68%, rgba(252, 253, 248, .08) 100%),
        url('/assets/images/company/advanced-manufacturing.jpg') !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.sustainability-flagship .anchor-hero { background-image: linear-gradient(90deg, rgba(252,253,248,.98) 0%, rgba(252,253,248,.93) 42%, rgba(252,253,248,.36) 68%, rgba(252,253,248,.08) 100%), url('/assets/images/sustainability/leaf-bg.jpg') !important; }
.company-home-flagship .anchor-hero { background-image: linear-gradient(90deg, rgba(252,253,248,.98) 0%, rgba(252,253,248,.93) 42%, rgba(252,253,248,.36) 68%, rgba(252,253,248,.08) 100%), url('/assets/images/company/advanced-manufacturing.jpg') !important; }
.company-about-flagship .anchor-hero { background-image: linear-gradient(90deg, rgba(252,253,248,.98) 0%, rgba(252,253,248,.93) 42%, rgba(252,253,248,.36) 68%, rgba(252,253,248,.08) 100%), url('/assets/images/company/rd-laboratory.jpg') !important; }
.company-manufacturing-flagship .anchor-hero { background-image: linear-gradient(90deg, rgba(252,253,248,.98) 0%, rgba(252,253,248,.93) 42%, rgba(252,253,248,.36) 68%, rgba(252,253,248,.08) 100%), url('/assets/images/company/manufacturing-flagship-hero.png') !important; }
.company-certifications-flagship .anchor-hero { background-image: linear-gradient(90deg, rgba(252,253,248,.98) 0%, rgba(252,253,248,.93) 42%, rgba(252,253,248,.36) 68%, rgba(252,253,248,.08) 100%), url('/assets/images/company/quality-assurance.jpg') !important; }
.contact-information-flagship .anchor-hero { background-image: linear-gradient(90deg, rgba(252,253,248,.98) 0%, rgba(252,253,248,.93) 42%, rgba(252,253,248,.36) 68%, rgba(252,253,248,.08) 100%), url('/assets/images/company/high-production-capacity.jpg') !important; }

.sustainability-flagship .anchor-hero::before,
.sustainability-flagship .anchor-hero::after,
.company-information-flagship .anchor-hero::before,
.company-information-flagship .anchor-hero::after,
.contact-information-flagship .anchor-hero::before,
.contact-information-flagship .anchor-hero::after,
.sustainability-flagship .anchor-hero-media,
.company-information-flagship .anchor-hero-media,
.contact-information-flagship .anchor-hero-media,
.sustainability-flagship .anchor-hero-copy .anchor-metrics,
.company-information-flagship .anchor-hero-copy .anchor-metrics,
.contact-information-flagship .anchor-hero-copy .anchor-metrics { display: none !important; }

.sustainability-flagship .anchor-hero-grid,
.company-information-flagship .anchor-hero-grid,
.contact-information-flagship .anchor-hero-grid { display: block !important; min-height: 470px !important; }

.sustainability-flagship .anchor-hero-copy,
.company-information-flagship .anchor-hero-copy,
.contact-information-flagship .anchor-hero-copy {
    min-height: 470px;
    max-width: 760px;
    padding: 0 !important;
}

.sustainability-flagship .anchor-hero h1,
.company-information-flagship .anchor-hero h1,
.contact-information-flagship .anchor-hero h1 {
    max-width: 780px;
    color: var(--ci-ink) !important;
    font-size: clamp(3.65rem, 6.7vw, 7.6rem) !important;
    letter-spacing: 0 !important;
    line-height: .88 !important;
}

.sustainability-flagship .anchor-hero h1 em,
.company-information-flagship .anchor-hero h1 em,
.contact-information-flagship .anchor-hero h1 em { color: var(--ci-olive) !important; font-style: normal; }

.sustainability-flagship .anchor-hero p,
.company-information-flagship .anchor-hero p,
.contact-information-flagship .anchor-hero p { max-width: 610px; color: #526252 !important; }

.sustainability-flagship .sustainability-hero-note { margin-top: 22px !important; }
.sustainability-flagship .page-button,
.company-information-flagship .page-button,
.contact-information-flagship .page-button { border-radius: 2px !important; background: var(--ci-olive) !important; box-shadow: none !important; }
.sustainability-flagship .page-button-secondary,
.company-information-flagship .page-button-secondary,
.contact-information-flagship .page-button-secondary { border-color: #b9cd87 !important; background: rgba(255,255,255,.77) !important; color: #36512d !important; }

/* The contact directory remains complete but occupies a concise interactive grid. */
.contact-information-flagship #contact-directory .enterprise-directory-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
.contact-information-flagship #contact-directory .enterprise-directory-item { min-height: 92px !important; padding: 18px !important; }
.contact-information-flagship #contact-directory .enterprise-directory-item strong { font-size: 1rem !important; }
.contact-information-flagship #contact-directory .enterprise-directory-icon { width: 38px; height: 38px; }

@media (max-width: 780px) {
    .sustainability-flagship .anchor-hero,
    .company-information-flagship .anchor-hero,
    .contact-information-flagship .anchor-hero { min-height: 590px !important; padding-top: 102px !important; background-position: 64% center !important; }
    .sustainability-flagship .anchor-hero-grid,
    .sustainability-flagship .anchor-hero-copy,
    .company-information-flagship .anchor-hero-grid,
    .company-information-flagship .anchor-hero-copy,
    .contact-information-flagship .anchor-hero-grid,
    .contact-information-flagship .anchor-hero-copy { min-height: 470px !important; }
    .sustainability-flagship .anchor-hero h1,
    .company-information-flagship .anchor-hero h1,
    .contact-information-flagship .anchor-hero h1 { font-size: clamp(3.15rem, 14.5vw, 5.1rem) !important; }
    .contact-information-flagship #contact-directory .enterprise-directory-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 520px) {
    .contact-information-flagship #contact-directory .enterprise-directory-list { grid-template-columns: 1fr !important; }
    .contact-information-flagship #contact-directory .enterprise-directory-item { min-height: 76px !important; }
}

/* Contact inquiry: a single compact, full-width workflow without duplicate directories. */
.contact-information-flagship .anchor-section--inquiry { padding-block: clamp(52px, 6vw, 82px); }
.contact-information-flagship .inquiry-section-head { max-width: 820px; margin: 0 0 26px; }
.contact-information-flagship .inquiry-section-head h2 { margin: 10px 0 12px; }
.contact-information-flagship .inquiry-section-head p { max-width: 760px; }
.contact-information-flagship .inquiry-section-form .request-form { max-width: none; padding: clamp(20px, 3vw, 32px); }
.contact-information-flagship .contact-channel-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.contact-information-flagship .contact-channel-card { display: block; color: inherit; text-decoration: none; }
.contact-information-flagship .contact-channel-card:hover { border-color: #7e9d35; box-shadow: 0 14px 30px rgba(60, 88, 35, .1); transform: translateY(-2px); }

@media (max-width: 780px) {
    .contact-information-flagship .contact-channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .contact-information-flagship .contact-channel-grid { grid-template-columns: 1fr; }
    .contact-information-flagship .inquiry-section-form .request-form__grid,
    .contact-information-flagship .inquiry-section-form .request-form__progressive-grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Everklin V9 (2026-08-08)
   About milestone timeline + Manufacturing end-to-end process workflow.
   ========================================================================== */
.ek-timeline { list-style: none; margin: 26px 0 0; padding: 0; position: relative; }
.ek-timeline:before { content: ""; position: absolute; left: 7px; top: 6px; bottom: 6px; width: 2px; background: #dde7c8; }
.ek-timeline__item { position: relative; padding: 0 0 24px 34px; }
.ek-timeline__item:last-child { padding-bottom: 0; }
.ek-timeline__marker { position: absolute; left: 0; top: 5px; width: 16px; height: 16px; border: 3px solid #7e9d35; border-radius: 50%; background: #fff; }
.ek-timeline__item strong { display: block; margin-bottom: 5px; color: #1f3a26; font-size: 1.02rem; }
.ek-timeline__item p { margin: 0; color: #5e6a60; font-size: .93rem; line-height: 1.65; }
.ek-timeline--detailed { max-width: 920px; }
.ek-timeline--detailed .ek-timeline__item { padding-bottom: 30px; }
.ek-timeline__year { display: block; margin: 0 0 5px; color: #7e9d35; font-size: .72rem; font-weight: 800; letter-spacing: .11em; line-height: 1.2; }
.ek-timeline--detailed .ek-timeline__item strong { font-size: 1.08rem; }
@media (max-width: 560px) {
    .ek-timeline--detailed .ek-timeline__item { padding-bottom: 26px; }
    .ek-timeline--detailed .ek-timeline__item p { font-size: .9rem; }
}

/* Manufacturing workflow: Raw Material -> ... -> Dispatch */
.ek-workflow { margin: 28px 0 0; }
.ek-workflow__steps { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; counter-reset: ekstep; }
.ek-workflow__step {
    position: relative;
    padding: 22px 16px 20px;
    border: 1px solid #dde7c8;
    border-right: 0;
    background: #fff;
    text-align: center;
}
.ek-workflow__step:last-child { border-right: 1px solid #dde7c8; }
.ek-workflow__step:before {
    counter-increment: ekstep;
    content: counter(ekstep, decimal-leading-zero);
    display: block;
    margin-bottom: 10px;
    color: #7e9d35;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .1em;
}
.ek-workflow__step strong { display: block; margin-bottom: 6px; color: #1f3a26; font-size: .92rem; }
.ek-workflow__step span { color: #6d7a68; font-size: .78rem; line-height: 1.5; }
.ek-workflow__step:not(:last-child):after {
    content: "";
    position: absolute;
    right: -7px; top: 50%;
    width: 12px; height: 12px;
    margin-top: -6px;
    border-top: 1px solid #b8ca7d;
    border-right: 1px solid #b8ca7d;
    transform: rotate(45deg);
    background: #fff;
    z-index: 1;
}
.ek-workflow__note { margin: 14px 0 0; color: #6d7a68; font-size: .84rem; }

@media (max-width: 1000px) {
    .ek-workflow__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ek-workflow__step { border-right: 1px solid #dde7c8; border-bottom: 0; }
    .ek-workflow__step:nth-child(-n+3) { border-bottom: 0; }
    .ek-workflow__step:after { display: none; }
}
@media (max-width: 620px) {
    .ek-workflow__steps { grid-template-columns: 1fr; }
    .ek-workflow__step { border-bottom: 0; }
    .ek-workflow__step:last-child { border-bottom: 1px solid #dde7c8; }
}