/* ==========================================================================
   PEKINTAS HOME — PREMIUM MOTION / CAPABILITIES / SUSTAINABILITY / CTA
   Additive homepage-only layer. Inter inherited globally.
   ========================================================================== */

:root{
    --pkh-navy:#012b48;
    --pkh-blue:#075b8d;
    --pkh-sky:#2ea3d4;
    --pkh-ink:#142f43;
    --pkh-copy:#687e8e;
    --pkh-line:rgba(1,43,72,.12);
    --pkh-soft:#f5f8fa;
}

/* ---------- shared headings ---------- */
.pkh-section-head{max-width:1040px;margin:0 auto 28px;text-align:center}
.pkh-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--pkh-blue);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.pkh-kicker::before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--pkh-navy),var(--pkh-sky));border-radius:99px}
.pkh-section-head h2,.pkh-sustainability-content h2,.pkh-home-cta-content h2{margin:12px 0 12px;font-size:clamp(40px,3.75vw,60px);line-height:1;letter-spacing:-.05em;font-weight:700}
.pkh-section-head p,.pkh-sustainability-intro,.pkh-home-cta-content p{color:var(--pkh-copy);font-size:15px;line-height:1.65}

/* ---------- capabilities ---------- */
.pkh-capabilities{position:relative;padding:64px 0 72px;background:linear-gradient(180deg,#fff 0%,#f8fafb 100%);overflow:hidden}
.pkh-capabilities::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--pkh-line),transparent)}
.pkh-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;width:100%;max-width:none;margin:0}
.pkh-capability-card{position:relative;display:grid;grid-template-columns:60px 1fr 36px;align-items:center;gap:16px;min-height:132px;padding:21px 24px;border:1px solid var(--pkh-line);border-radius:19px;background:rgba(255,255,255,.94);color:var(--pkh-ink);box-shadow:0 8px 26px rgba(1,43,72,.04);overflow:hidden;transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease,border-color .42s ease}
.pkh-capability-card::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(7,91,141,.06),transparent 44%,rgba(46,163,212,.035));opacity:0;transition:opacity .42s ease;pointer-events:none}
.pkh-capability-card:hover{transform:translateY(-6px);border-color:rgba(7,91,141,.23);box-shadow:0 24px 52px rgba(1,43,72,.10);color:var(--pkh-ink)}
.pkh-capability-card:hover::before{opacity:1}
.pkh-capability-icon{position:relative;z-index:1;width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(7,91,141,.06);border-radius:16px;background:linear-gradient(145deg,#f1f7fa,#e8f2f6);color:var(--pkh-blue);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:transform .42s ease,background .42s ease,color .42s ease,box-shadow .42s ease}
.pkh-capability-icon svg{width:27px;height:27px}.pkh-capability-icon i{font-size:24px;line-height:1}
.pkh-capability-card:hover .pkh-capability-icon{transform:translateY(-2px);background:linear-gradient(145deg,var(--pkh-blue),var(--pkh-navy));color:#fff;box-shadow:0 10px 24px rgba(7,91,141,.18)}
.pkh-capability-copy{position:relative;z-index:1;display:block}
.pkh-capability-copy strong{display:block;margin-bottom:6px;font-size:21px;line-height:1.18;letter-spacing:-.025em}
.pkh-capability-copy>span{display:block;color:var(--pkh-copy);font-size:13.5px;line-height:1.55}
.pkh-capability-arrow{position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--pkh-line);border-radius:50%;color:var(--pkh-blue);transition:transform .42s ease,background .42s ease,color .42s ease}
.pkh-capability-card:hover .pkh-capability-arrow{transform:translateX(4px);background:var(--pkh-blue);color:#fff}
.pkh-text-link{width:max-content;margin:22px auto 0;display:flex;align-items:center;gap:12px;color:var(--pkh-navy);font-weight:800;font-size:13px;letter-spacing:.02em}
.pkh-text-link i{transition:transform .3s ease}.pkh-text-link:hover i{transform:translateX(5px)}

/* ---------- sustainability ---------- */
.pkh-sustainability{padding:112px 0;background:#f3f7f9;overflow:hidden}
.pkh-sustainability-shell{display:grid;grid-template-columns:1.04fr .96fr;min-height:540px;border:1px solid var(--pkh-line);border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 24px 64px rgba(1,43,72,.06)}
.pkh-sustainability-media{position:relative;min-height:520px;overflow:hidden;background:#dbe7ed}
.pkh-sustainability-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,43,72,.03),rgba(1,43,72,.14));pointer-events:none}
.pkh-sustainability-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.15s cubic-bezier(.2,.7,.2,1),filter .9s ease}
.pkh-sustainability-media.is-visible img{transform:scale(1.035)}
.pkh-sustainability-media-line{position:absolute;z-index:2;left:28px;bottom:28px;width:82px;height:3px;border-radius:99px;background:linear-gradient(90deg,#fff,var(--pkh-sky));box-shadow:0 5px 22px rgba(1,43,72,.15)}
.pkh-sustainability-content{padding:64px 58px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.pkh-sustainability-content h2{color:var(--pkh-navy)}
.pkh-sustainability-facts{width:100%;display:grid;gap:10px;margin:24px 0 30px}
.pkh-sustainability-fact{display:grid;grid-template-columns:116px 1fr;gap:18px;align-items:center;padding:16px 18px;border:1px solid rgba(1,43,72,.09);border-radius:15px;background:#f7fafb;transition:transform .35s ease,border-color .35s ease,background .35s ease}
.pkh-sustainability-fact:hover{transform:translateX(5px);border-color:rgba(7,91,141,.20);background:#f1f7fa}
.pkh-sustainability-fact strong{color:var(--pkh-navy);font-size:20px;letter-spacing:-.025em}.pkh-sustainability-fact span{color:var(--pkh-copy);font-size:13px;line-height:1.5}
.pkh-button{display:inline-flex;align-items:center;gap:14px;padding:15px 20px;border-radius:10px;background:var(--pkh-navy);color:#fff;font-size:13px;font-weight:800;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.pkh-button:hover{color:#fff;transform:translateY(-3px);background:var(--pkh-blue);box-shadow:0 16px 32px rgba(1,43,72,.16)}.pkh-button i{transition:transform .3s ease}.pkh-button:hover i{transform:translateX(4px)}

/* ---------- news motion enhancement ---------- */
.pekintas-home-news .phn-heading-copy h2{overflow:hidden}
.pekintas-home-news .phn-card{transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease,border-color .42s ease!important}
.pekintas-home-news .phn-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(1,43,72,.11)!important}
.pekintas-home-news .phn-media img{transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .55s ease!important}.pekintas-home-news .phn-card:hover .phn-media img{transform:scale(1.035)}
.pekintas-home-news .phn-read i,.pekintas-home-news .phn-all-news i{transition:transform .3s ease}.pekintas-home-news .phn-read:hover i,.pekintas-home-news .phn-all-news:hover i{transform:translateX(5px)}

/* ---------- existing brand card enhancement ---------- */
.our-future-section .hztab__item{transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .42s ease}.our-future-section .hztab__item:hover{transform:translateY(-5px)}
.our-future-section .hztab-panel-thumb img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.our-future-section .hztab__item:hover .hztab-panel-thumb img{transform:scale(1.025)}

/* ---------- CTA ---------- */
.pkh-home-cta{padding:0;background:#061827;overflow:hidden}
.pkh-home-cta>.auto-container{width:100%;max-width:none;padding:0;margin:0}
.pkh-home-cta-shell{position:relative;width:100%;min-height:335px;display:flex;align-items:center;border-radius:0;overflow:hidden;background:#061827;box-shadow:none;isolation:isolate}
.pkh-home-cta-shell::before{content:"";position:absolute;z-index:2;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,var(--pkh-sky),rgba(46,163,212,.08));opacity:.95}
.pkh-home-cta-shell::after{content:"";position:absolute;z-index:1;right:0;top:0;width:54%;height:100%;background:linear-gradient(90deg,rgba(2,43,72,0) 0%,rgba(2,43,72,.06) 45%,rgba(2,43,72,.14) 100%);pointer-events:none}
.pkh-home-cta-media{position:absolute;inset:0;overflow:hidden;z-index:0}.pkh-home-cta-media img{width:100%;height:100%;object-fit:cover;object-position:right center;transform:scale(1.01);filter:saturate(.92) contrast(1.03);transition:transform 1.25s cubic-bezier(.2,.7,.2,1),filter .8s ease}.pkh-home-cta-shell.is-visible .pkh-home-cta-media img{transform:scale(1.03)}
.pkh-home-cta-overlay{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(2,17,29,.97) 0%,rgba(2,20,34,.94) 22%,rgba(2,27,46,.86) 36%,rgba(2,35,58,.62) 48%,rgba(2,43,72,.24) 62%,rgba(2,43,72,.07) 76%,rgba(2,43,72,0) 100%)}
.pkh-home-cta-overlay::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%,rgba(0,0,0,.13) 100%)}
.pkh-home-cta-overlay::after{content:"";position:absolute;left:max(32px,calc((100vw - 1480px)/2 + 16px));right:40px;bottom:16px;height:1px;background:linear-gradient(90deg,var(--pkh-sky) 0%,rgba(255,255,255,.18) 28%,rgba(255,255,255,.03) 60%,transparent 100%)}
.pkh-home-cta-content{position:relative;z-index:3;width:min(620px,43%);padding:30px 32px 28px max(32px,calc((100vw - 1480px)/2 + 16px));color:#fff}
.pkh-home-cta-kicker{display:inline-flex;align-items:center;gap:13px;margin-bottom:12px;color:#c7e9f7;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.pkh-home-cta-kicker::before{content:"";width:34px;height:2px;background:var(--pkh-sky)}
.pkh-home-cta-content h2{max-width:760px;margin:0 0 12px;color:#fff;font-size:clamp(38px,3.45vw,56px);line-height:1;letter-spacing:-.048em;font-weight:700;text-wrap:balance}
.pkh-home-cta-content p{max-width:520px;margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.55}
.pkh-home-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.pkh-cta-btn{min-width:194px;display:inline-grid;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;padding:12px 16px;border:1px solid rgba(255,255,255,.26);border-radius:10px;color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease}.pkh-cta-btn:hover{color:#fff;transform:translateY(-4px);box-shadow:0 16px 38px rgba(0,0,0,.22)}.pkh-cta-btn.is-primary{background:linear-gradient(135deg,var(--pkh-blue),#0871aa);border-color:rgba(73,182,228,.55)}.pkh-cta-btn.is-primary:hover{background:linear-gradient(135deg,#0871aa,var(--pkh-sky));border-color:rgba(120,216,255,.7)}.pkh-cta-btn.is-secondary{background:rgba(255,255,255,.055)}.pkh-cta-btn.is-secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.46)}.pkh-cta-btn-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.pkh-cta-btn>i:last-child{transition:transform .3s ease}.pkh-cta-btn:hover>i:last-child{transform:translateX(5px)}
.pkh-home-cta-trust{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);max-width:560px}
.pkh-home-cta-trust-item{display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.79);font-size:11px;font-weight:800;letter-spacing:.085em;text-transform:uppercase;white-space:nowrap}
.pkh-home-cta-trust-item i{width:6px;height:6px;border-radius:50%;background:var(--pkh-sky);box-shadow:0 0 0 4px rgba(46,163,212,.10)}

/* ---------- reveal engine ---------- */
[data-pkhm-reveal].pkhm-pending{opacity:0;transform:translate3d(0,26px,0);transition:opacity .88s cubic-bezier(.2,.7,.2,1) var(--pkh-delay,0ms),transform .88s cubic-bezier(.2,.7,.2,1) var(--pkh-delay,0ms)}
[data-pkhm-reveal="text"].pkhm-pending{clip-path:inset(0 0 100% 0);transform:translate3d(0,18px,0);transition:clip-path 1.02s cubic-bezier(.16,1,.3,1) var(--pkh-delay,0ms),opacity .72s ease var(--pkh-delay,0ms),transform 1.02s cubic-bezier(.16,1,.3,1) var(--pkh-delay,0ms)}
[data-pkhm-reveal="media"].pkhm-pending,[data-pkhm-reveal="cta"].pkhm-pending{transform:translate3d(0,24px,0) scale(.985)}
[data-pkhm-reveal].pkhm-pending.is-visible{opacity:1;transform:none;clip-path:inset(0 0 0 0)}

/* JS-enhanced existing cards */
.pkhm-auto-card.pkhm-pending{opacity:0;transform:translate3d(0,28px,0);transition:opacity .82s cubic-bezier(.2,.7,.2,1) var(--pkh-delay,0ms),transform .82s cubic-bezier(.2,.7,.2,1) var(--pkh-delay,0ms)}
.pkhm-auto-card.pkhm-pending.is-visible{opacity:1;transform:none}

@media(max-width:1199px){
    .pkh-capability-grid{grid-template-columns:1fr}.pkh-sustainability-shell{grid-template-columns:1fr}.pkh-sustainability-media{min-height:420px}.pkh-home-cta-content{width:58%;padding-left:42px}
}
@media(max-width:767px){
    .pkh-capabilities{padding:54px 0 60px}.pkh-sustainability{padding:76px 0}.pkh-section-head{margin-bottom:24px}.pkh-section-head h2,.pkh-sustainability-content h2{font-size:38px;line-height:1.03}.pkh-capability-card{grid-template-columns:52px 1fr 32px;gap:13px;min-height:122px;padding:18px 18px;border-radius:17px}.pkh-capability-icon{width:48px;height:48px;border-radius:14px}.pkh-capability-icon svg{width:23px;height:23px}.pkh-capability-icon i{font-size:21px}.pkh-capability-copy strong{font-size:20px}.pkh-capability-arrow{width:32px;height:32px}.pkh-sustainability-media{min-height:300px}.pkh-sustainability-content{padding:38px 24px}.pkh-sustainability-fact{grid-template-columns:1fr;gap:5px}.pkh-home-cta{padding:0}.pkh-home-cta-shell{min-height:380px;border-radius:0;align-items:flex-end}.pkh-home-cta-shell::before{width:3px}.pkh-home-cta-shell::after{left:24%;top:-8%;width:76vw;height:76vw;min-width:0;min-height:0}.pkh-home-cta-media img{object-position:72% center}.pkh-home-cta-overlay{background:linear-gradient(180deg,rgba(2,18,31,.16) 0%,rgba(2,26,45,.62) 36%,rgba(2,18,31,.94) 70%,rgba(2,18,31,1) 100%)}.pkh-home-cta-overlay::after{left:24px;right:24px;bottom:22px}.pkh-home-cta-content{width:100%;padding:24px 24px 26px}.pkh-home-cta-kicker{margin-bottom:12px}.pkh-home-cta-content h2{font-size:34px;line-height:1.01;margin-bottom:12px}.pkh-home-cta-content p{font-size:14px;line-height:1.55}.pkh-home-cta-actions{display:grid;grid-template-columns:1fr;margin-top:16px}.pkh-cta-btn{width:100%;min-width:0}.pkh-home-cta-trust{gap:8px 12px;margin-top:14px;padding-top:12px}.pkh-home-cta-trust-item{font-size:10px}
}
@media(max-width:575px){
    .pkh-section-head h2,.pkh-sustainability-content h2{font-size:34px}.pkh-section-head p,.pkh-sustainability-intro{font-size:14px}.pkh-capability-card{grid-template-columns:48px 1fr}.pkh-capability-arrow{display:none}.pkh-capability-copy strong{font-size:18px}.pkh-capability-copy>span{font-size:13px}.pkh-home-cta-content h2{font-size:35px}.pkh-home-cta-trust{gap:10px 14px}
}
@media(prefers-reduced-motion:reduce){
    [data-pkhm-reveal].pkhm-pending,.pkhm-auto-card.pkhm-pending{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.pkh-sustainability-media img,.pkh-home-cta-media img,.pekintas-home-news .phn-media img,.our-future-section .hztab-panel-thumb img{transition:none!important;transform:none!important}
}

/* ======================================================================
   CTA FINAL COMPACT OVERRIDE
   - short horizontal strip
   - factory visual anchored to the right
   - dark fade only from the left/content side
   - desktop buttons always side by side
   ====================================================================== */
@media (min-width:768px){
    .pkh-home-cta{
        padding:0!important;
        background:#012b48!important;
    }
    .pkh-home-cta>.auto-container{
        width:100%!important;
        max-width:none!important;
        padding:0!important;
        margin:0!important;
    }
    .pkh-home-cta-shell{
        height:300px!important;
        min-height:300px!important;
        display:flex!important;
        align-items:center!important;
        border-radius:0!important;
        background:#012b48!important;
        overflow:hidden!important;
    }
    .pkh-home-cta-shell::after{
        display:none!important;
    }
    .pkh-home-cta-media{
        position:absolute!important;
        top:0!important;
        right:0!important;
        bottom:0!important;
        left:auto!important;
        width:62%!important;
        height:100%!important;
        overflow:hidden!important;
    }
    .pkh-home-cta-media img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:64% center!important;
        transform:scale(1.015)!important;
    }
    .pkh-home-cta-shell.is-visible .pkh-home-cta-media img{
        transform:scale(1.025)!important;
    }
    .pkh-home-cta-overlay{
        background:linear-gradient(90deg,
            #012b48 0%,
            #012b48 38%,
            rgba(1,43,72,.98) 42%,
            rgba(1,43,72,.90) 48%,
            rgba(1,43,72,.72) 54%,
            rgba(1,43,72,.50) 59%,
            rgba(1,43,72,.34) 64%,
            rgba(1,43,72,.24) 70%,
            rgba(1,43,72,.18) 80%,
            rgba(1,43,72,.14) 100%)!important;
    }
    .pkh-home-cta-overlay::before{
        background:linear-gradient(180deg,rgba(1,43,72,.08),rgba(1,43,72,.16))!important;
    }
    .pkh-home-cta-overlay::after{
        left:max(32px,calc((100vw - 1480px)/2 + 16px))!important;
        right:36px!important;
        bottom:14px!important;
    }
    .pkh-home-cta-content{
        position:relative!important;
        z-index:3!important;
        width:610px!important;
        max-width:48vw!important;
        padding:24px 20px 25px max(32px,calc((100vw - 1480px)/2 + 16px))!important;
        color:#fff!important;
    }
    /* The old large hidden title was reserving vertical space. */
    .pkh-home-cta-content h2{
        display:none!important;
    }
    .pkh-home-cta-kicker{
        margin:0 0 14px!important;
    }
    .pkh-home-cta-content p{
        max-width:500px!important;
        margin:0!important;
        font-size:15px!important;
        line-height:1.55!important;
    }
    .pkh-home-cta-actions{
        display:flex!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        gap:12px!important;
        margin-top:18px!important;
    }
    .pkh-cta-btn{
        width:auto!important;
        min-width:194px!important;
        flex:0 0 194px!important;
        padding:12px 15px!important;
    }
    .pkh-home-cta-trust{
        max-width:500px!important;
        margin-top:15px!important;
        padding-top:13px!important;
        gap:7px 17px!important;
    }
}

@media (max-width:767px){
    .pkh-home-cta-shell{
        min-height:360px!important;
        height:auto!important;
    }
    .pkh-home-cta-media{
        inset:0!important;
        width:100%!important;
    }
    .pkh-home-cta-media img{
        object-position:68% center!important;
    }
    .pkh-home-cta-content h2{
        display:none!important;
    }
    .pkh-home-cta-content{
        padding:24px 20px 27px!important;
    }
    .pkh-home-cta-actions{
        display:flex!important;
        flex-direction:column!important;
        gap:10px!important;
        margin-top:16px!important;
    }
    .pkh-cta-btn{
        width:100%!important;
    }
}