/* Career Impact: solid colours only, no gradients */
.ci{--n:#202121;--o:#EC008C;--g:#EC008C;--l:rgba(32,33,33,.1);--e:cubic-bezier(.22,.8,.28,1);color:#202121}
.ci h1,.ci h2,.ci h3{font-family:Poppins,sans-serif;color:var(--n);line-height:1.12}
.ci-eye{font:600 .78rem Poppins,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--o);margin-bottom:18px}
.ci-h2{font-size:clamp(1.9rem,4vw,3.1rem)}
.ci-btn{display:inline-flex;gap:8px;align-items:center;font:600 .95rem Poppins,sans-serif;padding:15px 28px;border-radius:100px;border:2px solid var(--n);background:var(--n);color:#fff;transition:transform .25s var(--e),background .25s,color .25s}
.ci-btn .ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .25s var(--e)}
.ci-btn:hover{transform:translateY(-2px)}.ci-btn:hover .ic{transform:translateX(4px)}
.ci-btn.o{background:var(--o);border-color:var(--o)}.ci-btn.ln{background:transparent;color:var(--n)}.ci-btn.ln:hover{background:var(--n);color:#fff}
.ci-btn.wl{background:transparent;color:#fff;border-color:#fff}.ci-btn.wl:hover{background:#fff;color:var(--n)}
.ci-js [data-r]{opacity:0;transform:translateY(30px);transition:opacity .9s var(--e),transform .9s var(--e);transition-delay:var(--d,0ms)}
.ci-js [data-r].in{opacity:1;transform:none}
/* hero */
.ci-hero{min-height:calc(100vh - 84px);display:grid;align-items:center;padding:40px 0;overflow:hidden}
.ci-hero .container{display:grid;grid-template-columns:6fr 5fr;gap:56px;align-items:center}
.ci-hero h1{font-size:clamp(2.4rem,5.4vw,4.6rem);letter-spacing:-.02em}
.ci-hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em}
.ci-hero h1 .w>i{display:inline-block;font-style:normal;transform:translateY(110%);transition:transform .9s var(--e);transition-delay:var(--d)}
.ci-hero.go h1 .w>i{transform:none}.ci-hero h1 .fu{color:var(--o)}
.ci-hero p.lead{margin-top:22px;max-width:520px;font-size:1.08rem}
.ci-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ci-fig{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:4/5;clip-path:inset(0 0 100% 0);transition:clip-path 1.3s var(--e)}
.ci-hero.go .ci-fig{clip-path:inset(0)}
.ci-fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 9s linear}
.ci-hero.go .ci-fig img{transform:scale(1.03)}
.ci-tag{position:absolute;left:18px;right:18px;bottom:18px;background:#fff;border-radius:100px;padding:12px 20px;text-align:center;font:600 .82rem Poppins,sans-serif;color:var(--n);transform:translateY(30px);opacity:0;transition:all .9s var(--e) 1.4s}
.ci-hero.go .ci-tag{transform:none;opacity:1}.ci-tag b{color:var(--o)}
/* statement */
.ci-state{padding:96px 0;text-align:center}
.ci-state h2{font-size:clamp(1.8rem,4.4vw,3.6rem);letter-spacing:-.01em}.ci-state h2 span{display:block}.ci-state h2 span+span{color:var(--o)}
.ci-state p{max-width:640px;margin:26px auto 0;font-size:1.08rem}
/* journey */
.ci-jr{background:var(--l);height:420vh;position:relative}
.ci-jr-in{position:sticky;top:84px;height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px}
.ci-jr h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:26px}
.ci-st{display:grid;gap:6px}
.ci-st li{display:flex;gap:16px;align-items:baseline;opacity:.35;transform-origin:left;transition:opacity .5s,transform .5s var(--e)}
.ci-st li.on{opacity:1;transform:scale(1.14)}.ci-st li.done{opacity:.7}
.ci-st b{font:700 clamp(1.4rem,2.6vw,2.2rem) Poppins,sans-serif;color:var(--n)}.ci-st li.on b{color:var(--o)}
.ci-st small{display:block;font-size:.95rem;max-height:0;overflow:hidden;transition:max-height .5s;color:#202121}.ci-st li.on small{max-height:80px}
.ci-st em{font:600 .8rem Poppins;color:var(--g);font-style:normal}
.ci-vis{position:relative;aspect-ratio:1/1;border-radius:32px;overflow:hidden;background:var(--n)}
.ci-vis img{position:absolute;inset:-6% ;width:112%;height:112%;object-fit:cover;opacity:0;transition:opacity .7s var(--e)}
.ci-vis img.on{opacity:1}
/* causes */
.ci-causes{padding:96px 0}.ci-causes .ci-h2{max-width:640px;margin-bottom:44px}
.ci-cg{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ci-cb{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:5/4;background:var(--n);transition:transform .35s var(--e),box-shadow .35s}
.ci-cb:hover{transform:translateY(-6px);box-shadow:0 26px 44px -26px rgba(32,33,33,.45)}
.ci-cb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e)}.ci-cb:hover img{transform:scale(1.06)}
.ci-cb div{position:absolute;left:16px;right:16px;bottom:16px;background:#fff;border-radius:20px;padding:18px 22px;transition:transform .5s var(--e)}
.ci-cb em{font:700 .78rem Poppins;color:var(--o);font-style:normal;letter-spacing:.12em}.ci-cb h3{font-size:1.3rem;margin:4px 0}.ci-cb p{font-size:.93rem}
/* people */
.ci-pp{background:var(--n);color:#fff;padding:96px 0;overflow:hidden}
.ci-pp h2{color:#fff;font-size:clamp(2rem,4.6vw,3.6rem);max-width:760px}.ci-pp .ci-eye{color:var(--g)}
.ci-pp p.s{max-width:560px;margin-top:20px;color:#FFFFFF;font-size:1.05rem}
.ci-strip{display:flex;gap:20px;margin:48px 0;width:max-content;will-change:transform}
.ci-strip img{width:min(38vw,420px);aspect-ratio:4/5;object-fit:cover;border-radius:24px;flex:none}
.ci-flow{display:flex;flex-wrap:wrap;gap:12px 22px;font:700 clamp(1.3rem,3vw,2.2rem) Poppins,sans-serif}
.ci-flow span{color:#FFFFFF;transition:color .5s}.ci-flow span.on{color:#fff}.ci-flow span.on:last-child{color:var(--o)}
.ci-flow i{color:#FFFFFF;font-style:normal}
/* grow */
.ci-grow{padding:96px 0}.ci-gc{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}
.ci-gc div{border-top:3px solid var(--l);padding-top:26px;transition:transform .35s var(--e),border-color .35s}
.ci-gc div:hover{transform:translateY(-6px);border-color:var(--o)}
.ci-gc svg{width:42px;height:42px;stroke:var(--o);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px;transition:transform .4s var(--e)}.ci-gc div:hover svg{transform:translateY(-4px) scale(1.06)}
.ci-gc h3{font-size:1.5rem;margin-bottom:8px}
/* cta */
.ci-cta{background:var(--n);text-align:center;padding:110px 0;color:#FFFFFF}
.ci-cta h2{color:#fff;font-size:clamp(1.9rem,4.2vw,3.3rem);max-width:900px;margin:0 auto 18px}
.ci-cta .ci-btns{justify-content:center}
.ci-pl{display:flex;justify-content:center;gap:16px;margin-top:44px;font:700 .9rem Poppins;letter-spacing:.16em;align-items:center}
.ci-pl span{opacity:0;transform:translateY(12px);transition:all .6s var(--e);color:#fff}.ci-pl i{width:0;height:2px;background:var(--o);transition:width .6s var(--e)}
.ci-pl.in span{opacity:1;transform:none}.ci-pl.in i{width:44px}
.ci-pl.in span:nth-child(3){transition-delay:.5s}.ci-pl.in span:nth-child(5){transition-delay:1s;color:var(--o)}.ci-pl.in i:nth-child(2){transition-delay:.3s}.ci-pl.in i:nth-child(4){transition-delay:.8s}
@media(max-width:900px){.ci-hero .container,.ci-cg,.ci-gc{grid-template-columns:1fr}.ci-hero{min-height:0}.ci-fig{aspect-ratio:4/3}
.ci-jr{height:auto;padding:64px 0}.ci-jr-in{position:static;height:auto;grid-template-columns:1fr;gap:28px}.ci-vis{display:none}
.ci-st li{opacity:1;transform:none!important;border-left:3px solid var(--o);padding-left:16px;flex-direction:column;gap:2px}.ci-st small{max-height:none}
.ci-state,.ci-causes,.ci-pp,.ci-grow,.ci-cta{padding:64px 0}.ci-pl{gap:8px;font-size:.72rem}.ci-pl.in i{width:20px}.ci-strip img{width:68vw}}
@media(prefers-reduced-motion:reduce){.ci *{transition:none!important}.ci-js [data-r]{opacity:1;transform:none}.ci-hero h1 .w>i,.ci-tag{transform:none;opacity:1}.ci-fig{clip-path:none}}