/* === content-expansion.css === */
/* Extension of EMYLIX's existing dark, editorial design system. */
html{scroll-behavior:smooth;scroll-padding-top:95px}
.em-section{position:relative;isolation:isolate;color:#f5f5f4;background:#111217;overflow:hidden}
.em-section:nth-of-type(even){background:#15171d}
.em-section .container{position:relative;z-index:1}
.em-section-header{max-width:1020px;margin-bottom:clamp(34px,6vw,76px)}
.em-section-header h2,.em-commitment h2{font-size:clamp(2.7rem,6vw,6rem);font-weight:500;line-height:1.05;letter-spacing:-.065em;margin:20px 0 22px;color:#f8f8f6}
.em-section-header h2 span,.em-commitment h2 span{color:#8ea8ff}
.em-section-header>p:not(.eyebrow){max-width:650px;font-size:clamp(1rem,1.45vw,1.25rem);color:#a9adb8;line-height:1.7}
.em-card-index{font-size:.69rem;font-weight:600;letter-spacing:.16em;color:#8daaff;text-transform:uppercase}
.em-section h3{letter-spacing:-.035em}
.em-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.em-service-card{background:#1b1e26;border:1px solid #30333e;border-radius:16px;transition:border-color .2s,background .2s;min-width:0}
.em-service-card:hover,.em-service-card[open]{border-color:#667cb4;background:#202431}
.em-service-card summary{display:flex;gap:18px;align-items:flex-start;padding:clamp(22px,3vw,32px);list-style:none;cursor:pointer;min-height:165px}
.em-service-card summary::-webkit-details-marker{display:none}
.em-service-card summary .em-card-index{min-width:88px;padding-top:5px}
.em-service-heading{display:grid;gap:12px;flex:1}
.em-service-heading strong{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.2;letter-spacing:-.04em;font-weight:500}
.em-service-heading small{color:#aab0bd;font-size:.88rem;line-height:1.6}
.em-expand{font-size:1.6rem;color:#8daaff;line-height:1;transition:transform .2s}
.em-service-card[open] .em-expand{transform:rotate(45deg)}
.em-service-body{padding:0 30px 30px;border-top:1px solid #313746;line-height:1.6}
.em-service-body>p{color:#d6d9e2;margin:24px 0}
.em-service-body ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 25px;padding:0;list-style:none;margin:0 0 28px}
.em-service-body li{font-size:.9rem;color:#b6bdcc;padding-left:18px;position:relative}
.em-service-body li:before{content:'↗';position:absolute;left:0;color:#8daaff}
.em-inline-link{color:#9db7ff!important;display:inline-block;margin-top:15px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;font-weight:600;font-size:.9rem}
.em-details-jump{margin-top:20px}
.em-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.em-feature,.em-value,.em-principle,.em-industry-grid article{padding:clamp(25px,3vw,42px);border:1px solid #30343f;background:#191c24;border-radius:14px}
.em-feature h3{font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1.17;margin:20px 0}
.em-feature p,.em-value p,.em-principle p,.em-industry-grid p{color:#afb6c3;line-height:1.75;font-size:.98rem}
.em-feature p+p{margin-top:18px}
.em-statement{border-top:1px solid #3b4050;margin-top:50px;padding-top:36px;font-size:clamp(1.55rem,3.5vw,3.5rem);line-height:1.25;letter-spacing:-.045em}
.em-statement em{font-family:Georgia,serif;font-weight:400;color:#8daaff}
.em-values-grid,.em-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.em-value h3,.em-principle h3,.em-industry-grid h3{font-weight:500;font-size:clamp(1.2rem,1.7vw,1.55rem);margin:18px 0 10px}
.em-value{min-height:230px}.em-value:nth-child(1){grid-column:span 2;background:linear-gradient(135deg,#212d48,#171b27)}
.em-industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.em-industry-grid article:first-child{grid-column:span 2;background:linear-gradient(130deg,#1b2c47,#1b1e26)}
.em-step-list{padding:0;margin:0;list-style:none;border-top:1px solid #353a45}
.em-step-list li{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:30px 12px;border-bottom:1px solid #353a45;align-items:start}
.em-step-number{font-size:.9rem;color:#8daaff;letter-spacing:.15em}
.em-step-list h3{font-size:clamp(1.3rem,2.3vw,2rem);font-weight:500;margin:0 0 12px}
.em-step-list p{max-width:750px;color:#adb5c4;line-height:1.65;margin:0}
.em-why-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,6vw,95px)}
.em-why-lead{font-size:clamp(1.4rem,2.4vw,2.4rem);line-height:1.35;letter-spacing:-.04em;margin:0}
.em-why-lead em{display:block;color:#9eb6ff;font-family:Georgia,serif;font-weight:400;margin-top:24px}
.em-why-list{margin:0;padding:0;list-style:none}
.em-why-list li{padding:19px 0;border-bottom:1px solid #343844;display:grid;gap:8px}
.em-why-list li:first-child{border-top:1px solid #343844}
.em-why-list b{font-weight:500;font-size:1.12rem}
.em-why-list span{font-size:.93rem;color:#aeb5c3;line-height:1.6}
.em-insights-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:60px}
.em-insights-layout>p{font-size:1.25rem;line-height:1.65;color:#b5becd;max-width:330px}
.em-insights-layout ol{list-style:none;margin:0;padding:0}
.em-insights-layout li{display:flex;gap:25px;align-items:center;border-bottom:1px solid #3a3e47;padding:18px 0}
.em-insights-layout li:first-child{border-top:1px solid #3a3e47}
.em-insights-layout li span{color:#8daaff;font-size:.85rem}
.em-insights-layout li p{margin:0;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.4}
.em-commitment{background:linear-gradient(130deg,#1b2440,#111217 70%)}
.em-promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:42px 0}
.em-promise-grid p{padding:24px;margin:0;background:#ffffff0a;border:1px solid #ffffff1e;border-radius:12px;color:#bdc4d2;line-height:1.65}
.em-promise-grid strong{display:block;color:#f5f6f8;font-weight:600;margin-bottom:8px}
.em-commitment-end{font-size:clamp(1.2rem,2vw,1.7rem);max-width:760px;letter-spacing:-.025em;line-height:1.4}
.em-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #ffffff25;margin:30px 0 12px;padding-top:30px}
.em-footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.em-footer-links b{font-weight:600;color:inherit;margin-bottom:7px}.em-footer-links a{color:inherit;opacity:.7;text-decoration:none;font-size:.86rem}.em-footer-links a:hover{opacity:1;text-decoration:underline}
@media(max-width:1050px){.site-header .desktop-nav{gap:22px}.site-header .desktop-nav a{font-size:12px}}
@media(max-width:760px){.em-service-grid,.em-feature-grid,.em-why-layout,.em-insights-layout{grid-template-columns:1fr}.em-values-grid,.em-principles-grid,.em-industry-grid,.em-promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.em-value:nth-child(1),.em-industry-grid article:first-child{grid-column:span 2}.em-service-card summary{min-height:0}.em-insights-layout{gap:12px}.em-footer-links{gap:15px}}
@media(max-width:520px){.em-section-header h2,.em-commitment h2{font-size:clamp(2.35rem,10vw,3.5rem)}.em-service-grid,.em-values-grid,.em-principles-grid,.em-industry-grid,.em-promise-grid{grid-template-columns:1fr}.em-value:nth-child(1),.em-industry-grid article:first-child{grid-column:auto}.em-service-card summary{padding:20px;gap:12px}.em-service-card summary .em-card-index{min-width:42px;font-size:.6rem}.em-service-body{padding:0 20px 22px}.em-service-body ul{grid-template-columns:1fr}.em-step-list li{grid-template-columns:42px 1fr}.em-footer-links{grid-template-columns:1fr 1fr}.em-footer-links>div:last-child{grid-column:span 2}}
@media(prefers-reduced-motion:reduce){.em-service-card,.em-expand{transition:none}html{scroll-behavior:auto}}
.brief-contact-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.brief-contact-fields{grid-template-columns:1fr}}

/* Integrated What We Do expertise cards — matching the original light editorial chapter design. */
.em-expertise-collection{margin-top:clamp(60px,8vw,130px);scroll-margin-top:110px}
.em-expertise-heading{display:grid;grid-template-columns:1fr minmax(200px,360px);column-gap:40px;align-items:end;margin-bottom:30px}
.em-expertise-heading .eyebrow{grid-column:1/-1;margin-bottom:16px;color:#5267a8}
.em-expertise-heading h3{font-size:clamp(34px,4.4vw,64px);line-height:1.08;font-weight:500;letter-spacing:-.055em;margin:0;color:#161d31}
.em-expertise-heading h3 em{font-family:Georgia,serif;font-weight:400;color:#526fc6}
.em-expertise-heading>p:last-child{margin:0;color:#6d768b;font-size:clamp(12px,1vw,14px);line-height:1.8;max-width:350px}
.em-expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.em-expertise-card{display:flex;flex-direction:column;min-height:290px;min-width:0;background:#fff;border:1px solid #dce1ed;border-radius:14px;padding:26px 23px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.em-expertise-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #19294b12;border-color:#93a9e9}
.em-expertise-top{display:flex;align-items:center;justify-content:space-between;color:#5d7ad4;font-size:10px;letter-spacing:.13em;margin-bottom:28px}
.em-expertise-top span:last-child{font-size:21px;letter-spacing:0}
.em-expertise-card h4{font-size:clamp(19px,1.5vw,25px);line-height:1.2;letter-spacing:-.04em;font-weight:500;color:#14213b;margin:0 0 14px}
.em-expertise-card>p{color:#707b90;font-size:12px;line-height:1.7;margin:0 0 30px}
.em-expertise-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}
.em-expertise-tags span{font-size:10px;color:#50658e;background:#f1f4fb;border:1px solid #e5eaf6;padding:6px 9px;border-radius:30px;line-height:1.25}
.capabilities-intro>.em-details-jump{display:inline-block;position:relative;z-index:2;color:#415fae!important}
@media(max-width:1100px){.em-expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.em-expertise-card{min-height:265px}}
@media(max-width:650px){.em-expertise-heading{display:block}.em-expertise-heading>p:last-child{margin-top:18px}.em-expertise-grid{grid-template-columns:1fr}.em-expertise-card{min-height:0;padding:22px}.em-expertise-top{margin-bottom:22px}.em-expertise-card>p{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.em-expertise-card{transition:none}}


/* === eight-showcases.css === */

/* Eight full-size chapter showcases: follows the site's original stacked-card language. */
#expertises .ex-chapter .chapter-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
#expertises .ex-stage{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:420px;overflow:hidden;border-radius:6px;background:radial-gradient(circle at 75% 28%,#244883,#0b2045 58%,#081a3c);color:#f7f9ff;padding:34px;font-family:inherit}
#expertises .ex-stage:before{content:"";position:absolute;width:460px;height:460px;border:1px solid #8caff21e;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 70px #80a4f008,0 0 0 142px #80a4f006;pointer-events:none}
.ex-stage .ex-ui-head{position:absolute;z-index:2;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;letter-spacing:.13em;color:#b4caed}.ex-ui-head b{font-size:17px;letter-spacing:-.05em;color:#fff}.ex-stage .ex-note{position:absolute;left:30px;bottom:20px;font-size:9px;letter-spacing:.13em;color:#91a8d2}
.ex-pay-card,.ex-care-card,.ex-workspace,.ex-legacy-layout,.ex-network{position:relative;z-index:1;width:100%;max-width:480px}
.ex-pay-card{border-radius:24px;background:#f8faff;color:#18315d;padding:35px 30px;box-shadow:0 36px 70px #030d2980;transform:rotate(-4deg)}.ex-pay-card>span{font-size:10px;letter-spacing:.15em;color:#7787a3}.ex-pay-card>b{display:block;margin:15px 0 26px;font-size:clamp(21px,2.1vw,31px);letter-spacing:-.06em}.ex-pay-amount{display:flex;justify-content:space-between;align-items:center;font-size:clamp(26px,3vw,43px);letter-spacing:-.06em}.ex-pay-amount i{font-style:normal;font-size:11px;letter-spacing:0;border-radius:100px;padding:9px 12px;background:#e8f5ef;color:#267d5d}.ex-track{display:flex;justify-content:space-between;position:relative;margin-top:32px}.ex-track:before{content:"";position:absolute;top:9px;left:10px;right:10px;height:2px;background:#5a83df}.ex-track i{width:20px;height:20px;border-radius:50%;background:#3465cf;border:4px solid #d9e5ff;z-index:1}.ex-pay-steps{display:flex;justify-content:space-between;font-size:10px;color:#7c89a2;margin-top:11px}.ex-floating{position:absolute;z-index:2;bottom:62px;right:18px;background:#3260c1;padding:16px 20px;border-radius:12px;font-size:12px;box-shadow:0 12px 25px #030c2b66}
.ex-legacy-layout{display:grid;grid-template-columns:1fr 35px 1fr;gap:12px;align-items:center}.ex-old,.ex-new{height:250px;border-radius:14px;padding:20px;background:#e1e7f2;color:#7886a1;box-shadow:0 20px 40px #010e295c}.ex-old small,.ex-new small{display:block;font-size:10px;letter-spacing:.15em;margin-bottom:20px}.ex-old-nav{height:22px;background:#c4ccdc;margin-bottom:27px}.ex-old i{display:block;height:9px;margin:13px 0;background:#b8c3d5;border-radius:4px}.ex-old i:nth-last-child(2){width:64%}.ex-transform{font-size:30px;color:#9bc2ff;text-align:center}.ex-new{background:white;color:#18305a}.ex-new b{display:block;font-size:18px;letter-spacing:-.04em}.ex-new-chart{display:flex;align-items:end;gap:9px;height:86px;margin-top:12px}.ex-new-chart span{flex:1;border-radius:5px 5px 0 0;background:#628ce0;height:50%}.ex-new-chart span:nth-child(2){height:75%;background:#9ab7ec}.ex-new-chart span:nth-child(3){height:60%}.ex-new-chart span:nth-child(4){height:95%;background:#4168cb}.ex-new-bottom{display:flex;justify-content:space-between;margin-top:14px;color:#5671a6;font-size:11px}
.ex-workspace{display:flex;background:#fff;border-radius:18px;overflow:hidden;color:#172d52;min-height:275px;box-shadow:0 25px 55px #010b2a7d}.ex-work-nav{width:58px;display:flex;flex-direction:column;align-items:center;gap:26px;padding:22px 8px;background:#142b59;color:#aac5ff}.ex-work-nav b{color:white;font-size:25px}.ex-work-nav i{font-style:normal}.ex-work-main{flex:1;padding:26px 25px}.ex-work-main>small{font-size:10px;letter-spacing:.15em;color:#7a8aa6}.ex-work-main h4{font-weight:500;font-size:clamp(20px,2vw,30px);line-height:1.15;letter-spacing:-.06em;margin:14px 0 24px}.ex-work-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ex-work-tiles>div{padding:15px;background:#f0f4fc;border-radius:12px}.ex-work-tiles small,.ex-work-tiles span{display:block;font-size:10px;color:#7185a8}.ex-work-tiles b{display:block;font-size:28px;margin:7px 0}.ex-work-progress{display:flex;gap:8px;margin-top:19px}.ex-work-progress span{background:#d8e4fb;height:7px;flex:1;border-radius:9px}.ex-work-progress span:nth-child(-n+4){background:#597bda}
.ex-network{height:320px}.ex-network svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.ex-network path{fill:none;stroke:#719fea;stroke-width:2;stroke-dasharray:7 7;animation:ex-flow 14s linear infinite}.ex-node,.ex-hub{position:absolute;z-index:1;display:grid;place-content:center;border:1px solid #82a8e084;background:#244d89;color:white;box-shadow:0 14px 25px #020e2e55;border-radius:17px}.ex-node{height:70px;width:80px;font-size:12px;letter-spacing:.11em}.ex-n1{top:17px;left:15%}.ex-n2{top:17px;right:10%}.ex-n3{bottom:18px;left:15%}.ex-n4{bottom:18px;right:10%}.ex-hub{left:50%;top:50%;transform:translate(-50%,-50%);height:126px;width:126px;background:#f7faff;color:#1e3a74;border-radius:28px}.ex-hub b{font-size:45px;text-align:center;letter-spacing:-.09em}.ex-hub span{font-size:11px;color:#7185a4;text-align:center}
.ex-care-card{background:#f8fbff;color:#1a3157;padding:31px;border-radius:22px;box-shadow:0 24px 50px #020c2b80}.ex-care-live{font-size:10px;letter-spacing:.15em;color:#59749f}.ex-care-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3caf7c;margin-right:7px}.ex-care-card h4{font-weight:500;font-size:clamp(23px,2.8vw,38px);line-height:1.2;letter-spacing:-.06em;margin:24px 0 12px}.ex-care-card h4 em{font-family:Georgia,serif;font-weight:400;color:#4d76cf}.ex-care-wave{height:120px;background:repeating-linear-gradient(0deg,#e5ebf7 0 1px,transparent 1px 30px)}.ex-care-wave svg{height:100%;width:100%}.ex-care-wave path{fill:none;stroke:#4b72d6;stroke-width:4;stroke-linecap:round}.ex-care-stats{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:17px;border-top:1px solid #e0e7f4}.ex-care-stats b,.ex-care-stats small{display:block}.ex-care-stats b{font-size:13px}.ex-care-stats small{font-size:10px;margin-top:4px;color:#8392ab}.ex-care-stats>span:last-child{font-size:27px;color:#4b72d6}
@keyframes ex-flow{to{stroke-dashoffset:-280}}
@media(max-width:760px){
#expertises .ex-chapter .chapter-grid{grid-template-columns:1fr}
#expertises .ex-stage{min-height:335px;padding:22px}
.ex-pay-card{padding:23px}
.ex-ui-head{left:18px!important;right:18px!important}
.ex-workspace{min-height:240px}
/* Legacy before/after: keep header + note in flow so cards never cover them */
#expertises .ex-legacy{
display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
gap:12px;min-height:0;padding:16px 14px 14px;overflow:hidden
}
#expertises .ex-legacy>.ex-ui-head{
position:relative;inset:auto;top:auto;left:auto;right:auto;z-index:1;
flex-wrap:wrap;gap:6px 10px;margin:0;font-size:9px
}
#expertises .ex-legacy>.ex-ui-head b{font-size:15px}
#expertises .ex-legacy>.ex-note{
position:relative;inset:auto;left:auto;bottom:auto;z-index:1;margin:0;font-size:8px
}
#expertises .ex-legacy .ex-legacy-layout{
width:100%;max-width:none;gap:6px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);flex:1;min-height:0
}
#expertises .ex-legacy .ex-old,
#expertises .ex-legacy .ex-new{
height:auto;min-height:0;padding:11px 10px;display:flex;flex-direction:column
}
#expertises .ex-legacy .ex-old small,
#expertises .ex-legacy .ex-new small{margin-bottom:10px;font-size:8px}
#expertises .ex-legacy .ex-old-nav{height:16px;margin-bottom:12px}
#expertises .ex-legacy .ex-old i{height:7px;margin:8px 0}
#expertises .ex-legacy .ex-new b{font-size:14px}
#expertises .ex-legacy .ex-new-chart{height:64px;gap:6px;margin-top:8px;flex:1}
#expertises .ex-legacy .ex-new-bottom{margin-top:10px;font-size:9px;gap:6px}
#expertises .ex-legacy .ex-transform{font-size:18px}
/* Integrations network: same in-flow header/note treatment */
#expertises .ex-integrations{
display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
gap:10px;min-height:0;padding:16px 14px 14px;overflow:hidden
}
#expertises .ex-integrations>.ex-ui-head{
position:relative;inset:auto;top:auto;left:auto;right:auto;z-index:1;
flex-wrap:wrap;gap:6px 10px;margin:0;font-size:9px
}
#expertises .ex-integrations>.ex-ui-head b{font-size:15px}
#expertises .ex-integrations>.ex-note{
position:relative;inset:auto;left:auto;bottom:auto;z-index:1;margin:0;font-size:8px
}
#expertises .ex-integrations .ex-network{
width:100%;max-width:none;height:250px;flex:1;min-height:220px
}
#expertises .ex-integrations .ex-node{height:54px;width:64px;font-size:10px;border-radius:14px}
#expertises .ex-integrations .ex-n1{top:8px;left:8%}
#expertises .ex-integrations .ex-n2{top:8px;right:8%}
#expertises .ex-integrations .ex-n3{bottom:8px;left:8%}
#expertises .ex-integrations .ex-n4{bottom:8px;right:8%}
#expertises .ex-integrations .ex-hub{height:100px;width:100px;border-radius:22px}
#expertises .ex-integrations .ex-hub b{font-size:36px}
#expertises .ex-integrations .ex-hub span{font-size:10px}
}
@media(max-width:420px){
#expertises .ex-legacy{padding:14px 12px 12px;gap:10px}
#expertises .ex-legacy .ex-legacy-layout{gap:4px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}
#expertises .ex-legacy .ex-old,
#expertises .ex-legacy .ex-new{padding:10px 8px}
#expertises .ex-legacy .ex-new-chart{height:54px}
#expertises .ex-legacy .ex-new-bottom{font-size:8px}
#expertises .ex-legacy .ex-transform{font-size:15px}
#expertises .ex-integrations .ex-network{height:230px}
#expertises .ex-integrations .ex-node{height:48px;width:56px;font-size:9px;border-radius:12px}
#expertises .ex-integrations .ex-hub{height:92px;width:92px;border-radius:20px}
#expertises .ex-integrations .ex-hub b{font-size:32px}
#expertises .ex-integrations .ex-hub span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.ex-network path{animation:none}}


/* === eight-stack-fix.css === */
/* Restore the site's ORIGINAL sticky card stack and scroll-driven sink animation.
   Layer order must follow DOM order for all EIGHT cards, not the original three
   type-based z-index values (.chapter-design/.chapter-web/.chapter-mobile). */
#expertises .chapter-stack { display:grid; gap:55px; perspective:1500px; isolation:isolate; }
#expertises .capability-chapter { position:sticky; top:80px; transform-origin:50% 0; transform:translateY(calc(var(--sink, 0) * -15px)) scale(calc(1 - var(--sink, 0) * .045)); will-change:transform; }
#expertises .capability-chapter:nth-child(1) { z-index:1; }
#expertises .capability-chapter:nth-child(2) { z-index:2; }
#expertises .capability-chapter:nth-child(3) { z-index:3; }
#expertises .capability-chapter:nth-child(4) { z-index:4; }
#expertises .capability-chapter:nth-child(5) { z-index:5; }
#expertises .capability-chapter:nth-child(6) { z-index:6; }
#expertises .capability-chapter:nth-child(7) { z-index:7; }
#expertises .capability-chapter:nth-child(8) { z-index:8; }
/* Each service's visual concept remains in its own full-sized stacked card. */
#expertises .ex-chapter { background:#182b49; color:#f5f7fb; }
#expertises .ex-chapter .chapter-top { border-color:#ffffff32; }
#expertises .ex-chapter .chapter-copy h3 em { color:#adc8ec; }
#expertises .ex-chapter .chapter-copy > p { color:#bfd0e7; }
#expertises .ex-chapter .chapter-tags>span { border-color:#ffffff4a; color:#dbe5f3; }
@media(max-width:960px) { #expertises .capability-chapter { top:50px; } }
@media(max-width:720px) { #expertises .capability-chapter { top:20px; } }
@media(max-height:650px), (prefers-reduced-motion: reduce) {
 #expertises .capability-chapter { position:relative; top:0; transform:none; will-change:auto; }
}