/* ===== Shared corporate page layout (EAF-KPI style: full-bleed hero + orange quote) ===== */
.corp-page .breadcrumbs { display: none; }
.corp-page .site-header { margin-bottom: 0 !important; }
.corp-page .content-area { margin-top: 0 !important; padding-top: 0 !important; background: #f5f6f7; overflow: hidden; }

/* Hero: full-bleed image with gradient mask, text overlay left. Set background-image on .corp-hero-split__bg via inline style. */
.corp-hero-split { position: relative; width: 100%; min-height: 420px; height: 58vh; max-height: 620px; overflow: hidden; display: flex; align-items: center; margin-top: 0 !important; }
.corp-hero-split__bg {
    position: absolute;
    inset: 0;
    background-color: #fafafa;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 65%, black 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 65%, black 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.corp-hero-split__left { position: relative; z-index: 2; padding: 2.5rem 3rem 2.5rem clamp(3rem, 8vw, 5rem); max-width: 42%; min-width: 280px; display: flex; flex-direction: column; justify-content: center; }
.corp-hero-split__num { font-size: clamp(4rem, 12vw, 8rem); font-weight: 800; color: rgba(0,0,0,0.05); line-height: 1; margin-bottom: -0.12em; letter-spacing: -0.04em; }
.corp-hero-split__title { font-size: clamp(3rem, 7vw, 5.5rem); font-weight: 800; color: #0a0a0a; margin: 0 0 0.4rem; letter-spacing: -0.04em; line-height: 0.95; }
.corp-hero-split__line { width: 72px; height: 4px; background: #ecab13; margin: 0 0 1.75rem; }
.corp-hero-split__tagline { font-size: 1.05rem; color: #444; margin: 0; line-height: 1.5; max-width: 100%; }
.corp-hero-split__cta { display: none !important; }

/* Quote bar: gradient, white text, shine animation */
.corp-quote {
    margin-top: 2.5rem;
    padding: 2.25rem 2rem;
    background: linear-gradient(135deg, #ecab13 0%, #e0a314 50%, #d99b10 100%);
    box-shadow: 0 4px 20px rgba(236, 171, 19, 0.25);
    text-align: center;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.corp-quote::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, transparent);
}
.corp-quote__text {
    font-size: clamp(0.95rem, 1.5vw, 1.15rem);
    margin: 0;
    max-width: 100%;
    width: 100%;
    padding: 0 1rem;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    background: linear-gradient(90deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 60%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.9) 100%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: corp-text-shine 2.5s ease-in-out infinite;
}
@keyframes corp-text-shine {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 200% 50%; }
}

/* Content blocks – editorial (overlap + card + ghost number) */
.corp-block { padding: 5rem 2rem; background: #fff; position: relative; overflow: hidden; }
.corp-block--alt { background: #0a0c0e; }
.corp-block--alt .corp-block__content-wrap { background: linear-gradient(145deg, #1a1d22 0%, #12141a 100%); border: 1px solid rgba(236,171,19,0.15); box-shadow: 0 32px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.04); }
.corp-block--alt .corp-block__num { background: linear-gradient(135deg, #ecab13 0%, #f0b81a 100%); box-shadow: 0 8px 32px rgba(236,171,19,0.4); }
.corp-block--alt .corp-block__title { color: #fff; }
.corp-block--alt .corp-block__title::after { background: linear-gradient(90deg, #ecab13, rgba(236,171,19,0.3)); }
.corp-block--alt .corp-block__text { color: rgba(255,255,255,0.82); }
.corp-block__inner { max-width: 1440px; margin: 0 auto; padding: 0 2rem; display: grid; grid-template-columns: 1.1fr 1fr; gap: 0; align-items: stretch; min-height: 420px; position: relative; }
.corp-block__inner--reverse { direction: rtl; }
.corp-block__inner--reverse > * { direction: ltr; }
.corp-block__media { position: relative; overflow: hidden; border-radius: 20px; }
.corp-block__inner--reverse .corp-block__media { border-radius: 20px; }
.corp-block__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.25) 100%); pointer-events: none; transition: opacity 0.4s ease; }
.corp-block:hover .corp-block__media::after { opacity: 0.85; }
.corp-block__media img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; display: block; transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }
.corp-block:hover .corp-block__media img { transform: scale(1.08); }
.corp-block__content { position: relative; display: flex; align-items: center; z-index: 2; }
.corp-block__content-wrap { position: relative; margin-left: -48px; padding: 2.75rem 2.75rem 2.75rem 3rem; background: #fff; border-radius: 20px; box-shadow: 0 32px 80px rgba(0,0,0,0.14), 0 0 0 1px rgba(0,0,0,0.06); transition: box-shadow 0.4s ease, transform 0.4s ease; max-width: 100%; width: 100%; box-sizing: border-box; }
.corp-block:hover .corp-block__content-wrap { box-shadow: 0 40px 96px rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.08); transform: translateY(-4px); }
.corp-block__inner--reverse .corp-block__content-wrap { margin-left: 0; margin-right: -48px; padding: 2.75rem 3rem 2.75rem 2.75rem; }
.corp-block__ghost-num { position: absolute; top: 1.5rem; right: 2rem; font-size: clamp(5rem, 12vw, 8.5rem); font-weight: 900; line-height: 1; color: rgba(236,171,19,0.08); letter-spacing: -0.04em; pointer-events: none; user-select: none; }
.corp-block--alt .corp-block__ghost-num { color: rgba(236,171,19,0.06); }
.corp-block__num { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; font-size: 1.25rem; font-weight: 800; color: #fff; letter-spacing: 0.02em; background: linear-gradient(135deg, #ecab13 0%, #d99b10 100%); border-radius: 14px; margin-bottom: 1.5rem; box-shadow: 0 10px 28px rgba(236,171,19,0.4); position: relative; z-index: 1; }
.corp-block__title { font-size: clamp(1.75rem, 2.6vw, 2.25rem); font-weight: 800; color: #0a0a0a; margin: 0 0 1.25rem; line-height: 1.18; letter-spacing: -0.03em; position: relative; z-index: 1; }
.corp-block__content .corp-block__title::after { content: ""; display: block; width: 72px; height: 5px; background: linear-gradient(90deg, #ecab13, rgba(236,171,19,0.45)); border-radius: 3px; margin-top: 1.25rem; }
.corp-block__text { font-size: 1.06rem; color: #444; margin: 0; line-height: 1.82; position: relative; z-index: 1; }
.corp-block__text + .corp-block__text { margin-top: 1.1rem; }
.corp-block__list { margin: 0 0 1rem; padding-left: 1.35rem; list-style: disc; }
.corp-block__list li { margin-bottom: 0.4rem; line-height: 1.6; color: #444; }
.corp-block--alt .corp-block__list li { color: rgba(255,255,255,0.88); }
.corp-block__list--check { list-style: none; padding-left: 0; }
.corp-block__list--check li { position: relative; padding-left: 1.75rem; margin-bottom: 0.5rem; }
.corp-block__list--check li::before { content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0; color: #ecab13; font-size: 0.95rem; }
.corp-block__sub { font-size: 1rem; font-weight: 700; color: #ecab13; margin: 0 0 0.75rem; letter-spacing: 0.02em; }
.corp-block--alt .corp-block__sub { color: rgba(236,171,19,0.95); }
.corp-block__subhead { font-size: 1.1rem; font-weight: 700; color: #0a0a0a; margin: 1.25rem 0 0.5rem; line-height: 1.3; }
.corp-block__subhead:first-of-type { margin-top: 0.5rem; }
.corp-block--alt .corp-block__subhead { color: rgba(255,255,255,0.95); }

/* Services grid – modern cards */
.corp-services { padding: 4.5rem 2rem; background: #fff; }
.corp-services--alt { background: #fafbfc; }
.corp-services__inner { max-width: 1440px; margin: 0 auto; padding: 0 2rem; }
.corp-services__head { font-size: clamp(1.5rem, 2.5vw, 1.85rem); font-weight: 800; color: #0a0a0a; margin: 0 0 0.5rem; text-align: center; letter-spacing: -0.02em; }
.corp-services__sub { font-size: 1.05rem; color: #666; text-align: center; margin: 0 0 3rem; max-width: 560px; margin-left: auto; margin-right: auto; line-height: 1.6; }
.corp-services__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; }
.corp-services__item { background: #fff; padding: 2rem 1.75rem; border-radius: 16px; border: 1px solid rgba(0,0,0,0.06); box-shadow: 0 4px 24px rgba(0,0,0,0.04); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }
.corp-services__item:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(0,0,0,0.08); border-color: rgba(236,171,19,0.25); }
.corp-services__icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; background: linear-gradient(135deg, #ecab13 0%, #d99b10 100%); color: #fff; border-radius: 14px; margin-bottom: 1.25rem; font-size: 1.2rem; box-shadow: 0 6px 20px rgba(236,171,19,0.3); }
.corp-services__title { font-size: 1.1rem; font-weight: 700; color: #0a0a0a; margin: 0 0 0.6rem; line-height: 1.3; }
.corp-services__text { font-size: 0.95rem; color: #555; margin: 0; line-height: 1.6; }

/* Services – dark (black) background, 5 columns side by side */
.corp-services--dark { background: #0a0a0a; }
.corp-services--dark .corp-services__head { color: #fff; }
.corp-services__grid--5 { grid-template-columns: repeat(5, 1fr); }

/* Bridge section – between services and values */
.corp-bridge { padding: 3.5rem 2rem; background: linear-gradient(180deg, #0f1419 0%, #1a2332 100%); position: relative; overflow: hidden; }
.corp-bridge::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, #ecab13 20%, #ecab13 80%, transparent); opacity: 0.9; }
.corp-bridge__inner { max-width: 720px; margin: 0 auto; text-align: center; position: relative; z-index: 1; }
.corp-bridge__label { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.2em; color: rgba(236,171,19,0.95); text-transform: uppercase; margin: 0 0 0.75rem; }
.corp-bridge__text { font-size: clamp(1.15rem, 2vw, 1.4rem); font-weight: 600; color: rgba(255,255,255,0.92); margin: 0; line-height: 1.5; }

/* Benefits */
.corp-benefits { padding: 3.5rem 2rem; background: #fff; }
.corp-benefits--alt { background: #f8f9fa; }
.corp-benefits__inner { max-width: 1000px; margin: 0 auto; }
.corp-benefits__head { font-size: clamp(1.35rem, 2.2vw, 1.65rem); font-weight: 700; color: #0a0a0a; margin: 0 0 2rem; padding-bottom: 0.75rem; border-bottom: 3px solid #ecab13; }
.corp-benefits--section-head .corp-benefits__head { border-bottom: none; padding-bottom: 0; margin-bottom: 0; font-size: clamp(1.5rem, 2.4vw, 1.9rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.2; }
.corp-benefits--section-head .corp-benefits__head::after { content: ""; display: block; width: 72px; height: 4px; background: linear-gradient(90deg, #ecab13, rgba(236,171,19,0.45)); border-radius: 3px; margin-top: 0.75rem; margin-bottom: 0.75rem; }
.corp-benefits--scope-head { padding: 3rem 2rem 1.5rem; background: #fff; }
.corp-benefits--scope-head .corp-benefits__inner { max-width: 720px; margin: 0 auto; }
.corp-benefits--scope-head .corp-benefits__head { text-align: center; border-bottom: none; padding-bottom: 0; margin: 0; font-size: clamp(1.5rem, 2.5vw, 1.85rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.25; color: #0a0a0a; }
.corp-benefits--scope-head .corp-benefits__head::after { content: ""; display: block; width: 100px; height: 3px; background: linear-gradient(90deg, transparent 0%, #ecab13 20%, #ecab13 80%, transparent 100%); border-radius: 2px; margin: 1.25rem auto 0; }
.corp-benefits__list { list-style: none; padding: 0; margin: 0; }
.corp-benefits__item { display: flex; gap: 1.25rem; align-items: flex-start; padding: 1.5rem 0; border-bottom: 1px solid #eee; }
.corp-benefits__item:last-child { border-bottom: none; }
.corp-benefits__num { flex-shrink: 0; width: 48px; height: 48px; background: #ecab13; color: #fff; font-weight: 700; font-size: 1.25rem; border-radius: 4px; display: flex; align-items: center; justify-content: center; }
.corp-benefits__title { font-size: 1.05rem; font-weight: 700; color: #0a0a0a; margin: 0 0 0.35rem; }
.corp-benefits__text { font-size: 0.95rem; color: #555; margin: 0; line-height: 1.6; }

/* Benefits – card grid (modern, side-by-side) */
.corp-benefits--cards .corp-benefits__inner { max-width: 1280px; }
.corp-benefits--cards .corp-benefits__head { text-align: center; border-bottom: none; padding-bottom: 0.5rem; margin-bottom: 2.5rem; }
.corp-benefits--cards .corp-benefits__head::after { content: ""; display: block; width: 64px; height: 4px; background: linear-gradient(90deg, #ecab13, rgba(236,171,19,0.5)); border-radius: 2px; margin: 0.75rem auto 0; }
.corp-benefits--cards .corp-benefits__list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.25rem; }
.corp-benefits--cards .corp-benefits__item { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 2rem 1.25rem; background: #fff; border-radius: 16px; border: 1px solid rgba(0,0,0,0.06); box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; border-bottom: none; }
.corp-benefits--cards .corp-benefits__item:hover { transform: translateY(-6px); box-shadow: 0 12px 40px rgba(0,0,0,0.1); border-color: rgba(236,171,19,0.25); }
.corp-benefits--cards .corp-benefits__num { width: 56px; height: 56px; border-radius: 14px; margin-bottom: 1.25rem; font-size: 1.35rem; background: linear-gradient(135deg, #ecab13 0%, #d99b10 100%); box-shadow: 0 6px 20px rgba(236,171,19,0.35); }
.corp-benefits--cards .corp-benefits__title { font-size: 1rem; font-weight: 700; color: #0a0a0a; margin: 0; line-height: 1.35; }
.corp-benefits--cards-3 .corp-benefits__list { grid-template-columns: repeat(3, 1fr); }

/* Applications list section (e.g. commissioning areas) */
.corp-applications { padding: 4rem 2rem; background: #fff; }
.corp-applications__inner { max-width: 900px; margin: 0 auto; }
.corp-applications__head { font-size: clamp(1.35rem, 2vw, 1.65rem); font-weight: 800; color: #0a0a0a; margin: 0 0 0.5rem; text-align: center; letter-spacing: -0.02em; }
.corp-applications__head::after { content: ""; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, #ecab13, rgba(236,171,19,0.4)); border-radius: 2px; margin: 1rem auto 1.5rem; }
.corp-applications__intro { font-size: 1.05rem; color: #555; text-align: center; margin: 0 0 2rem; line-height: 1.6; }
.corp-applications__list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0.75rem; }
.corp-applications__list li { position: relative; padding-left: 1.25rem; font-size: 1rem; color: #333; line-height: 1.5; }
.corp-applications__list li::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 6px; height: 6px; background: #ecab13; border-radius: 50%; }

/* Applications – modern card grid */
.corp-applications--cards { padding: 4.5rem 2rem; background: linear-gradient(180deg, #f8f9fa 0%, #fff 100%); }
.corp-applications--cards .corp-applications__inner { max-width: 1000px; margin: 0 auto; }
.corp-applications--cards .corp-applications__intro { margin-bottom: 2.5rem; }
.corp-applications--cards .corp-applications__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.25rem; list-style: none; padding: 0; margin: 0; }
.corp-applications--cards .corp-applications__list li { display: flex; align-items: center; gap: 1rem; padding: 1.25rem 1.5rem; background: #fff; border-radius: 14px; border: 1px solid rgba(0,0,0,0.06); box-shadow: 0 4px 20px rgba(0,0,0,0.05); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; padding-left: 1.5rem; }
.corp-applications--cards .corp-applications__list li::before { display: none; }
.corp-applications--cards .corp-applications__list li:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,0.08); border-color: rgba(236,171,19,0.25); }
.corp-applications__icon { flex-shrink: 0; width: 48px; height: 48px; border-radius: 12px; background: linear-gradient(135deg, #ecab13 0%, #d99b10 100%); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; box-shadow: 0 4px 16px rgba(236,171,19,0.3); }
.corp-applications__label { font-size: 1rem; font-weight: 600; color: #0a0a0a; margin: 0; line-height: 1.35; }

/* Values – modern cards */
.corp-values { padding: 4.5rem 2rem; background: #f5f6f7; }
.corp-values__inner { max-width: 1440px; margin: 0 auto; padding: 0 2rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.corp-values__item { background: #fff; padding: 2.25rem 2rem; border-radius: 16px; border: 1px solid rgba(0,0,0,0.06); box-shadow: 0 4px 24px rgba(0,0,0,0.04); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }
.corp-values__item:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(0,0,0,0.08); border-color: rgba(236,171,19,0.25); }
.corp-values__num { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; font-size: 1.4rem; font-weight: 800; color: #fff; background: linear-gradient(135deg, #ecab13 0%, #d99b10 100%); border-radius: 14px; margin-bottom: 1.25rem; box-shadow: 0 6px 20px rgba(236,171,19,0.35); }
.corp-values__title { font-size: 1.15rem; font-weight: 700; color: #0a0a0a; margin: 0 0 0.6rem; line-height: 1.3; }
.corp-values__text { font-size: 0.95rem; color: #555; margin: 0; line-height: 1.65; }

/* Values – Engineering Approach (2x2 grid, modern layout) */
.corp-values--approach { padding: 5rem 2rem; background: linear-gradient(180deg, #f8f9fa 0%, #fff 100%); position: relative; }
.corp-values--approach::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, transparent 10%, #ecab13 50%, transparent 90%); opacity: 0.9; }
.corp-values--approach .corp-values__inner { grid-template-columns: repeat(2, 1fr); gap: 2rem; max-width: 1200px; }
.corp-values__approach-head { grid-column: 1 / -1; font-size: clamp(1.5rem, 2.5vw, 1.9rem); font-weight: 800; color: #0a0a0a; margin: 0 0 2.5rem; text-align: center; letter-spacing: -0.02em; }
.corp-values__approach-head::after { content: ""; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, #ecab13, rgba(236,171,19,0.4)); border-radius: 2px; margin: 1rem auto 0; }
.corp-values--approach .corp-values__item { padding: 2.5rem 2rem; border-left: 4px solid #ecab13; border-radius: 0 16px 16px 0; box-shadow: 0 8px 32px rgba(0,0,0,0.06); position: relative; overflow: hidden; }
.corp-values--approach .corp-values__item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(236,171,19,0.03) 0%, transparent 50%); pointer-events: none; }
.corp-values--approach .corp-values__item:hover { border-left-color: #d99b10; box-shadow: 0 12px 40px rgba(0,0,0,0.09); }
.corp-values--approach .corp-values__num { position: relative; z-index: 1; width: 52px; height: 52px; font-size: 1.2rem; margin-bottom: 1.5rem; }
.corp-values--approach .corp-values__title { position: relative; z-index: 1; font-size: 1.2rem; margin-bottom: 0.75rem; }
.corp-values--approach .corp-values__text { position: relative; z-index: 1; font-size: 0.98rem; line-height: 1.7; color: #444; }

/* Full-bleed banner (overlay bg set inline per page) */
.corp-full { min-height: 400px; position: relative; display: flex; align-items: center; justify-content: center; background: linear-gradient(155deg, #0f1419 0%, #1a2332 50%, #243447 100%); }
.corp-full__overlay { position: absolute; inset: 0; z-index: 1; background: center/cover no-repeat; opacity: 0.35; }
.corp-full__content { position: relative; z-index: 2; text-align: center; padding: 3rem 2rem; }
.corp-full__title { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; color: #fff; margin: 0 0 0.5rem; }
.corp-full__sub { font-size: 1rem; color: rgba(255,255,255,0.85); margin: 0; }

/* CTA bar */
.corp-cta-bar { padding: 3rem 2rem; background: #0a0a0a; text-align: center; border-top: 4px solid #ecab13; }
.corp-cta-bar__inner { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.5rem; }
.corp-cta-bar__text { color: #fff; font-size: 1.25rem; font-weight: 600; margin: 0; }
.corp-cta-bar__btn { display: inline-block; padding: 0.95rem 2.25rem; background: #ecab13; color: #fff !important; font-weight: 700; text-decoration: none !important; font-size: 0.95rem; border-radius: 6px; transition: background 0.2s, transform 0.2s; }
.corp-cta-bar__btn:hover { background: #d99b10; transform: translateY(-2px); text-decoration: none !important; }

/* Before / After image comparison slider (drag handle reveals before vs after) */
.corp-before-after { padding: 4.5rem 2rem; background: #f5f6f7; }
.corp-before-after__head { font-size: clamp(1.4rem, 2.2vw, 1.75rem); font-weight: 800; color: #0a0a0a; margin: 0 0 0.5rem; text-align: center; letter-spacing: -0.02em; }
.corp-before-after__head::after { content: ""; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, #ecab13, rgba(236,171,19,0.4)); border-radius: 2px; margin: 1rem auto 1.5rem; }
.corp-before-after__wrap { max-width: 1000px; margin: 0 auto; position: relative; border-radius: 16px; overflow: hidden; box-shadow: 0 12px 48px rgba(0,0,0,0.12); aspect-ratio: 16/8; background: #111; user-select: none; touch-action: none; }
.corp-before-after__frame { position: absolute; inset: 0; }
.corp-before-after__after { position: absolute; inset: 0; z-index: 1; }
.corp-before-after__after img { width: 100%; height: 100%; object-fit: cover; display: block; }
.corp-before-after__clip { position: absolute; left: 0; top: 0; bottom: 0; z-index: 2; width: calc(var(--clip, 0.5) * 100%); overflow: hidden; }
.corp-before-after__before { position: absolute; left: 0; top: 0; bottom: 0; width: calc(100% / var(--clip, 0.5)); }
.corp-before-after__before img { width: 100%; height: 100%; object-fit: cover; display: block; }
.corp-before-after__handle { position: absolute; top: 50%; left: calc(var(--clip, 0.5) * 100%); transform: translate(-50%, -50%); z-index: 3; width: 52px; height: 52px; border-radius: 50%; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.25); display: flex; align-items: center; justify-content: center; cursor: ew-resize; transition: box-shadow 0.2s; border: 3px solid #ecab13; }
.corp-before-after__handle:hover { box-shadow: 0 6px 28px rgba(0,0,0,0.35); }
.corp-before-after__handle-icons { display: flex; align-items: center; justify-content: center; gap: 2px; color: #333; font-size: 0.85rem; }
.corp-before-after__handle-icons .fa { font-size: 12px; }
.corp-before-after__label { position: absolute; z-index: 3; top: 1rem; padding: 0.4rem 0.9rem; border-radius: 6px; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em; background: rgba(255,255,255,0.95); color: #0a0a0a; box-shadow: 0 2px 10px rgba(0,0,0,0.15); }
.corp-before-after__label--before { left: 1rem; }
.corp-before-after__label--after { right: 1rem; }

/* Process chain (e.g. Iron & Steel) */
.corp-process { padding: 2rem 0; text-align: center; }
.corp-process__title { font-size: 1rem; font-weight: 700; color: #0a0a0a; margin: 0 0 1rem; }
.corp-process__chain { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem 1rem; }
.corp-process__step { font-size: 0.95rem; color: #555; display: inline-flex; align-items: center; gap: 0.35rem; }
.corp-process__step i { color: #ecab13; }
.corp-process__arrow { color: #ccc; font-size: 1.1rem; }

/* ===== Cement / Industries sayfa yapısı (cem-*: basit blok, bridge yok) ===== */
.cem-block { padding: 5rem 2rem; background: #fff; }
.cem-block--alt { background: #f8f9fa; }
.cem-block__inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.cem-block__inner--reverse { direction: rtl; }
.cem-block__inner--reverse > * { direction: ltr; }
.cem-block__media { overflow: hidden; border-radius: 8px; box-shadow: 0 12px 40px rgba(0,0,0,0.08); }
.cem-block__media img { width: 100%; height: auto; display: block; min-height: 280px; object-fit: cover; }
.cem-block__content { padding: 0 0.5rem; }
.cem-block__num { font-size: 0.85rem; font-weight: 700; color: #ecab13; letter-spacing: 0.12em; margin-bottom: 0.5rem; display: block; }
.cem-block__title { font-size: clamp(1.4rem, 2vw, 1.75rem); font-weight: 700; color: #0a0a0a; margin: 0 0 1rem; line-height: 1.25; }
.cem-block__text { font-size: 1rem; color: #555; margin: 0; line-height: 1.7; }
.cem-services { padding: 4.5rem 2rem; background: #fff; }
.cem-services__inner { max-width: 1200px; margin: 0 auto; }
.cem-services__head { font-size: clamp(1.35rem, 2.2vw, 1.65rem); font-weight: 700; color: #0a0a0a; margin: 0 0 2.5rem; text-align: center; padding-bottom: 0.75rem; border-bottom: 3px solid #ecab13; display: inline-block; width: 100%; text-align: center; box-sizing: border-box; }
.cem-services__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.75rem; }
.cem-services__item { background: #f8f9fa; padding: 1.75rem; border-radius: 8px; border-left: 4px solid #ecab13; transition: box-shadow 0.2s, background 0.2s; }
.cem-services__item:hover { background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,0.06); }
.cem-services__icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #ecab13; color: #fff; border-radius: 8px; margin-bottom: 1rem; font-size: 1.1rem; }
.cem-services__title { font-size: 1.05rem; font-weight: 700; color: #0a0a0a; margin: 0 0 0.5rem; }
.cem-services__text { font-size: 0.9rem; color: #555; margin: 0; line-height: 1.55; }
.cem-values { padding: 5rem 2rem; background: #f5f5f6; }
.cem-values__inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; }
.cem-values__item { padding-left: 1rem; border-left: 3px solid #ecab13; }
.cem-values__num { display: block; font-size: 2rem; font-weight: 800; color: #ecab13; margin-bottom: 0.5rem; letter-spacing: -0.02em; }
.cem-values__title { font-size: 1.1rem; font-weight: 700; color: #0a0a0a; margin: 0 0 0.5rem; }
.cem-values__text { font-size: 0.95rem; color: #444; margin: 0; line-height: 1.55; }
.cem-full { min-height: 400px; position: relative; display: flex; align-items: center; justify-content: center; background: linear-gradient(155deg, #0f1419 0%, #1a2332 50%, #243447 100%); }
.cem-full__overlay { position: absolute; inset: 0; z-index: 1; background: center/cover no-repeat; opacity: 0.35; }
.cem-full__content { position: relative; z-index: 2; text-align: center; padding: 3rem 2rem; }
.cem-full__title { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; color: #fff; margin: 0 0 0.5rem; }
.cem-full__sub { font-size: 1rem; color: rgba(255,255,255,0.85); margin: 0; }
.cem-cta-bar { padding: 3rem 2rem; background: #0a0a0a; text-align: center; border-top: 4px solid #ecab13; }
.cem-cta-bar__inner { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.5rem; }
.cem-cta-bar__text { color: #fff; font-size: 1.25rem; font-weight: 600; margin: 0; }
.cem-cta-bar__btn { display: inline-block; padding: 0.95rem 2.25rem; background: #ecab13; color: #fff !important; font-weight: 700; text-decoration: none !important; font-size: 0.95rem; border-radius: 6px; transition: background 0.2s, transform 0.2s; }
.cem-cta-bar__btn:hover { background: #d99b10; transform: translateY(-2px); text-decoration: none !important; }
@media (max-width: 992px) {
    .cem-block__inner { grid-template-columns: 1fr; gap: 2.5rem; }
    .cem-block__inner--reverse { direction: ltr; }
    .cem-block__media { order: 0; }
    .cem-block__content { order: 1; padding: 0; }
    .cem-services__grid { grid-template-columns: repeat(2, 1fr); }
    .cem-values__inner { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .cem-services__grid { grid-template-columns: 1fr; }
    .cem-block__media img { min-height: 220px; }
    .cem-cta-bar__inner { flex-direction: column; }
}

@media (max-width: 992px) {
    .corp-hero-split { min-height: 380px; height: auto; padding: 4rem 0; }
    .corp-hero-split__left { max-width: 100%; padding: 4rem 2rem; }
    .corp-hero-split__bg { min-height: 100%; }
    .corp-hero-split__tagline { white-space: normal; max-width: 100%; }
    .corp-quote { padding: 2rem 1.5rem; }
    .corp-quote__text { white-space: normal; padding: 0 0.5rem; }
    .corp-block { padding: 3rem 1.5rem; }
    .corp-block__inner { grid-template-columns: 1fr; gap: 0; min-height: auto; padding: 0; }
    .corp-block__inner--reverse { direction: ltr; }
    .corp-block__media { order: 0; border-radius: 16px; }
    .corp-block__media img { min-height: 280px; }
    .corp-block__content { order: 1; }
    .corp-block__content-wrap { margin-left: 0 !important; margin-right: 0 !important; padding: 2rem 1.75rem !important; }
    .corp-block__ghost-num { font-size: 4rem; top: 1rem; right: 1rem; }
    .corp-services__grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
    .corp-services--dark .corp-services__grid--5 { grid-template-columns: repeat(2, 1fr); }
    .corp-services__sub { margin-bottom: 2.25rem; }
    .corp-bridge { padding: 2.5rem 1.5rem; }
    .corp-bridge__text { font-size: 1.05rem; }
    .corp-values { padding: 3.5rem 2rem; }
    .corp-values__inner { grid-template-columns: 1fr; gap: 1.25rem; }
    .corp-values--approach .corp-values__inner { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
    .corp-values--approach .corp-values__approach-head { margin-bottom: 2rem; }
    .corp-benefits--cards .corp-benefits__list { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    .corp-benefits--cards .corp-benefits__item { padding: 1.75rem 1rem; }
    .corp-before-after { padding: 3.5rem 1.5rem; }
    .corp-before-after__wrap { aspect-ratio: 16/9; }
}
@media (max-width: 768px) {
    .corp-services { padding: 3rem 1.5rem; }
    .corp-services__grid { grid-template-columns: 1fr; gap: 1rem; }
    .corp-services--dark .corp-services__grid--5 { grid-template-columns: 1fr; }
    .corp-services__item { padding: 1.5rem 1.25rem; }
    .corp-bridge { padding: 2rem 1.25rem; }
    .corp-bridge__label { font-size: 0.75rem; }
    .corp-values { padding: 3rem 1.5rem; }
    .corp-values__item { padding: 1.75rem 1.5rem; }
    .corp-hero-split__bg { min-height: 180px; }
    .corp-benefits--cards .corp-benefits__list { grid-template-columns: 1fr; }
    .corp-benefits--cards .corp-benefits__head { margin-bottom: 1.75rem; }
    .corp-values--approach .corp-values__inner { grid-template-columns: 1fr; gap: 1.25rem; }
    .corp-values--approach .corp-values__item { padding: 2rem 1.5rem; }
    .corp-applications--cards { padding: 3.5rem 1rem; }
    .corp-applications--cards .corp-applications__list { grid-template-columns: 1fr; gap: 1rem; }
    .corp-applications--cards .corp-applications__list li { padding: 1rem 1.25rem; }
    .corp-applications__icon { width: 44px; height: 44px; font-size: 1rem; }
    .corp-before-after { padding: 3rem 1rem; }
    .corp-before-after__wrap { aspect-ratio: 16/9; }
    .corp-before-after__handle { width: 44px; height: 44px; }
    .corp-before-after__label { font-size: 0.75rem; padding: 0.35rem 0.7rem; top: 0.75rem; }
    .corp-before-after__label--before { left: 0.75rem; }
    .corp-before-after__label--after { right: 0.75rem; }
    .corp-block { padding: 2.5rem 1rem; }
    .corp-block__media img { min-height: 240px; }
    .corp-block__num { width: 48px; height: 48px; font-size: 1.15rem; }
    .corp-block__ghost-num { font-size: 3.5rem; }
    .corp-cta-bar__inner { flex-direction: column; }
}