/* Background source has 20 transparent top rows: scale 958/938 and bottom-align to remove export padding. */
#customerCases.cases-figma{padding:110px 0 130px;background:#ebebed url('../img/cases/background.png') center bottom/100% 102.132197% no-repeat;color:#262626}
#customerCases .cases-shell{max-width:1300px;width:calc(100% - 48px);margin:auto}
#customerCases .cases-heading-row{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:48px}
#customerCases .section-head{margin:0;max-width:850px}
#customerCases .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:2px 10px;border:4px solid #f9fafc;border-radius:33px;background:white;box-shadow:0 0 0 1px #e6e7e9;font:400 14px/20px Arial,'PingFang SC',sans-serif;letter-spacing:0;color:#495057;margin:0 0 18px}
#customerCases .eyebrow img{width:18px;height:18px}
#customerCases #customer-cases-heading{max-width:none;margin:0 0 16px;font:400 48px/1.2 Arial,'PingFang SC',sans-serif;letter-spacing:-2.4px;white-space:normal;color:#262626}
#customerCases .section-sub{max-width:740px;margin:0;font:400 14px/25.2px Arial,'PingFang SC',sans-serif;color:#595959}
#customerCases .cases-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;max-width:100%;padding:10px 14px 10px 26px;border-radius:40px;background:#16171c;color:white;text-decoration:none;font:500 16px/21px Arial,'PingFang SC',sans-serif;box-shadow:0 24px 40px #0000001a,0 25px 18px #0000000a;transition:background .3s,box-shadow .3s}
#customerCases .cases-arrow{display:flex;align-items:center;justify-content:center;flex:none;width:52px;height:32px;background:#f6f7f8;border-radius:99px}
#customerCases .cases-arrow img{width:14px;height:12px;transition:transform .3s}
#customerCases .customer-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#customerCases .customer-case{display:flex;flex-direction:column;gap:0;padding:0 21px 21px;border:1px solid #0000001a;border-radius:16px;background:white;box-shadow:none;overflow:hidden;min-height:406px}
#customerCases .case-card-heading{margin:0 -21px 22px;padding:21px;min-height:102px;background:#fff;box-shadow:inset 0 -1px 0 #0000001a}
#customerCases .case-industry{font:600 20px/26px Arial,'PingFang SC',sans-serif;color:#000;margin:0 0 8px}
#customerCases .case-scenario{font:400 16px/23px Arial,'PingFang SC',sans-serif;color:#667185;margin:0;min-height:0}
#customerCases .case-kpis{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start;min-height:140px;margin:0 0 16px;padding:45px 16px 24px;border-radius:20px;background:url('../img/cases/one.png') center/100% 100%;isolation:isolate}
#customerCases .customer-case:nth-child(2) .case-kpis{background-image:url('../img/cases/two.png')}
#customerCases .customer-case:nth-child(3) .case-kpis{background-image:url('../img/cases/three.png')}
#customerCases .case-kpis::after{content:"";position:absolute;inset:0;background:url('../../img/global-presence/texture.png') top left/16.8px 16.8px;opacity:.05;border-radius:inherit;pointer-events:none}
#customerCases .case-kpi-value{font:600 32px/32.169px Arial,sans-serif;letter-spacing:0;color:#262626}
#customerCases .case-kpi-label{display:block;font:400 16px/1 Arial,'PingFang SC',sans-serif;color:#595959;margin-top:2px}
#customerCases .case-summary{flex:1;min-height:112px;margin:0;padding:16px;border-radius:16px;background:#f3f5f8;font:400 14px/21px Arial,'PingFang SC',sans-serif;color:#667185}
#customerCases .case-section-footer{margin:20px 0 0;text-align:center}
#customerCases .case-section-footer p{font-size:12px;color:#667185}
#customerCases .case-enter{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--case-delay,0ms)}
#customerCases .case-enter.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){#customerCases .cases-heading-row{flex-wrap:wrap}#customerCases #customer-cases-heading{font-size:40px}#customerCases .case-kpi-label{font-size:14px}#customerCases .case-scenario{font-size:14px}}
@media(max-width:800px){#customerCases .customer-case-grid{grid-template-columns:1fr}#customerCases .customer-case{min-height:0}#customerCases.cases-figma{padding:72px 0}#customerCases .case-card-heading{min-height:0}#customerCases .case-summary{min-height:0}}
@media(max-width:480px){#customerCases .cases-shell{width:calc(100% - 32px)}#customerCases #customer-cases-heading{font-size:32px;letter-spacing:-1.2px}#customerCases .cases-link{font-size:14px}#customerCases .cases-heading-row{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){#customerCases .case-enter{opacity:1;transform:none;transition:none}#customerCases .cases-link,#customerCases .cases-arrow img{transition:none}}

/* Match the hero CTA gradient reveal and sliding arrow. */
#customerCases .cases-link{position:relative;isolation:isolate;overflow:hidden}
#customerCases .cases-link{transition:color .4s ease,box-shadow .4s ease;background:#16171c!important}
#customerCases .cases-link::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1177ff 0%,#6881f1 100%);clip-path:circle(0 at calc(100% - 40px) 50%);transition:clip-path .55s cubic-bezier(.22,1,.36,1)}
#customerCases .cases-link>span:first-child{position:relative;z-index:1;transition:color .35s ease}
#customerCases .cases-link .cases-arrow{position:relative;overflow:hidden}
#customerCases .cases-link .cases-arrow img{transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .25s}
#customerCases .cases-link .cases-arrow::after{content:"";position:absolute;width:14px;height:12px;background:url('../img/hero-arrow.svg') center/14px 12px no-repeat;transform:translateX(-28px);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .25s}
#customerCases .cases-link:is(:hover,:focus-visible){color:#fff;box-shadow:0 24px 40px rgba(2,19,68,.1),0 25px 18px rgba(2,19,68,.04)}
#customerCases .cases-link:is(:hover,:focus-visible)::before{clip-path:circle(150% at calc(100% - 40px) 50%)}
#customerCases .cases-link:is(:hover,:focus-visible) .cases-arrow img{transform:translateX(28px);opacity:0}
#customerCases .cases-link:is(:hover,:focus-visible) .cases-arrow::after{transform:translateX(0);opacity:1}
#customerCases .cases-link:active{scale:.98}
@media(prefers-reduced-motion:reduce){#customerCases .cases-link,#customerCases .cases-link::before,#customerCases .cases-link span,#customerCases .cases-link img,#customerCases .cases-arrow::after{transition:none!important}#customerCases .cases-link:active{scale:1}}

/* Keep metric values and captions aligned even when a caption wraps. */
#customerCases .case-kpis{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;align-content:start}
#customerCases .case-kpi{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
#customerCases .case-kpi-value{display:block;white-space:nowrap;line-height:32.169px}
#customerCases .case-kpi-label{width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word;text-align:left}

/* Center the case-study introduction across locales. */
body[data-page="case-studies"] #customerCases .cases-heading-row{justify-content:center;text-align:center}
body[data-page="case-studies"] #customerCases .section-head{width:100%;margin-inline:auto}
body[data-page="case-studies"] #customerCases .section-sub{margin-inline:auto}