.cs-wrap{max-width:1200px;margin:auto;padding-inline:clamp(20px,5vw,72px)}.cs-hero{position:relative;background:linear-gradient(115deg,#e8f5ff 0%,#f5fbff 64%,#fff 64%);padding:clamp(56px,8vw,108px) 0 64px;color:#173446}.cs-hero:before{content:"";position:absolute;left:0;top:0;width:10px;height:100%;background:#21a7df}.cs-hero h1{font-size:clamp(36px,5vw,65px);line-height:1.08;letter-spacing:-.04em;max-width:980px;margin:20px 0}.cs-hero p{max-width:820px;font-size:18px;line-height:1.7}.cs-hero .eyebrow{font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.14em;color:#0077b7}.cs-subtitle{font-size:clamp(20px,2.4vw,28px)!important}.cs-back{font-size:14px;text-decoration:none;color:#28647f}.cs-client{display:flex;align-items:center;gap:24px;margin:24px 0}.cs-client img{max-width:180px;max-height:80px;object-fit:contain}.cs-client span{font-weight:700}.cs-content{padding-top:56px;padding-bottom:72px}.cs-content section{margin:48px 0}.cs-content h2,.cs-related h2{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.025em;color:#15384c;margin-bottom:20px}.cs-content h3{font-size:21px;color:#07577f}.cs-content h4{font-size:15px;margin:20px 0 6px}.cs-content p{font-size:17px;line-height:1.8;color:#385362;max-width:900px}.cs-content a,.cs-related a{color:#0073ad}.cs-content figure{margin:24px 0}.cs-content img{max-width:100%;height:auto;border-radius:8px;display:block}.cs-content figcaption{font-size:14px;color:#516c7a;padding-top:10px}.cs-cover img{width:100%;max-height:620px;object-fit:cover}.cs-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;background:#f0f7fc;border-left:4px solid #27a8dd;padding:30px}.cs-facts div{min-width:0}.cs-facts dt{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#49758a;font-weight:700}.cs-facts dd{margin:8px 0 0;overflow-wrap:anywhere;font-size:17px;color:#15384c}.cs-solutions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px;margin-top:30px}.cs-solutions article{padding:28px;background:#f4f9fc;border-top:3px solid #27a8dd;border-radius:4px}.cs-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.cs-kpi{border:1px solid #cfe3ee;border-radius:8px;padding:28px;background:#fff;box-shadow:0 8px 26px #18466508}.cs-kpi .cs-result{display:block;font-size:clamp(25px,4vw,44px);line-height:1.2;color:#007eb8;margin:20px 0 12px}.cs-change{font-size:14px;color:#23694b}.cs-kpi dl{display:flex;gap:24px;margin:24px 0}.cs-kpi dt{font-size:12px;color:#617b8b}.cs-kpi dd{margin:4px 0 0;font-weight:700}.cs-bars>div{display:grid;grid-template-columns:70px 1fr 80px;gap:8px;align-items:center;font-size:12px;min-height:28px}.cs-bars i{height:10px;min-width:2px;background:#43b4df;display:block;max-width:100%}.cs-bars>div:first-child i{background:#adcbd9}.cs-bars>div:last-child i{background:#087caf}.cs-small{font-size:13px!important}.cs-quote{background:#eaf6fd;padding:clamp(24px,5vw,54px);border-radius:8px;position:relative}.cs-quote blockquote{margin:0}.cs-quote blockquote>p{font-size:clamp(20px,2.4vw,27px);line-height:1.6;color:#174966}.cs-quote blockquote>p:before{content:'“';font-size:55px;color:#22a1dc;line-height:0}.cs-quote footer{font-size:16px;color:#164761;font-weight:700;margin:20px 0;background:none;padding:0}.cs-quote footer span{display:block;font-size:14px;font-weight:400;margin-top:6px}.cs-portrait img{width:90px!important;height:90px!important;border-radius:50%;object-fit:cover}.cs-timeline{list-style:none;padding:0 0 0 28px;border-left:2px solid #9bd6ef;margin-left:8px}.cs-timeline li{position:relative;margin:0 0 32px}.cs-timeline li:before{content:"";width:12px;height:12px;border-radius:50%;background:#129ed6;position:absolute;top:5px;left:-35px}.cs-timeline li>span{font-size:13px;color:#3a7d9e}.cs-timeline img{max-height:350px}.cs-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.cs-gallery figure{margin:0}.cs-gallery img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f5f9fb}.cs-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.cs-carousel figure{flex:0 0 min(86%,640px);scroll-snap-align:start;margin:0}.cs-carousel img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#f5f9fb}.cs-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cs-text_image{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.cs-text_image h2{grid-column:1/-1}.cs-video{aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#132d3c;margin:24px 0}.cs-video iframe{width:100%;height:100%;border:0}.cs-content video{max-width:100%;width:100%;border-radius:8px}.cs-download{display:inline-block;border:1px solid #7fbdd8;border-radius:5px;padding:14px 22px;margin:10px}.cs-cta{padding:clamp(30px,5vw,55px);border-radius:8px;background:#0b77ac;color:#fff}.cs-cta h2,.cs-cta p{color:#fff}.cs-cta .button{display:inline-block;background:#fff;color:#005e90;padding:15px 24px;border-radius:5px;text-decoration:none;font-weight:700}.cs-tags{display:flex;gap:8px;flex-wrap:wrap}.cs-tags span{background:#e8f5fc;color:#23667f;border-radius:3px;padding:7px 10px;font-size:12px}.cs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:30px}.cs-card{border:1px solid #d9e7ee;border-radius:7px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.cs-card>a>img{width:100%;height:230px;object-fit:cover}.cs-card-copy{padding:28px;display:flex;flex:1;flex-direction:column;gap:14px}.cs-card h2{font-size:26px;margin:0;line-height:1.25}.cs-card h2 a{text-decoration:none;color:#173b50}.cs-card p{font-size:15px;line-height:1.65;margin:0}.cs-card .cs-client-logo{max-width:140px;height:60px;object-fit:contain;object-position:left}.cs-card-kpi{font-size:25px!important;color:#007db9!important;font-weight:700}.cs-card-kpi span{display:block;font-size:12px;font-weight:400}.cs-read{margin-top:auto;font-weight:700;text-decoration:none;font-size:15px}.cs-card-mark{background:linear-gradient(125deg,#e0f4fe,#f5fbff);height:230px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:35px;font-size:34px;color:#007eb8;font-weight:700}.cs-card-mark span{font-weight:400;font-size:14px;letter-spacing:.07em}.cs-filters{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:14px;align-items:end;margin-bottom:42px}.cs-filters label{display:grid;gap:8px;font-size:13px;font-weight:700}.cs-filters input,.cs-filters select{width:100%;border:1px solid #b6d0de;padding:12px;border-radius:4px;background:#fff;font:inherit;min-width:0}.cs-filters button{border:0;padding:12px 22px;background:#057eb6;color:#fff;border-radius:4px;font:inherit;cursor:pointer}.cs-filters>a{font-size:14px;align-self:center}.cs-empty{grid-column:1/-1;padding:48px;background:#f3f9fd;border-left:4px solid #29a8db}.cs-related{padding-block:28px 72px}.cs-preview-banner{background:#fff0c2;color:#5e4d19;padding:14px;text-align:center;font-size:13px}.cs-layout-technology .cs-section{border-left:3px solid #bbe3f5;padding-left:26px}.cs-layout-storytelling .cs-section p{font-size:19px;max-width:820px}.cs-layout-results .cs-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.cs-layout-results .cs-result{font-size:45px}@media(max-width:900px){.cs-filters{grid-template-columns:1fr 1fr}.cs-text_image{grid-template-columns:1fr}.cs-content{padding-top:30px}}@media(max-width:600px){.cs-hero{padding-top:42px}.cs-filters{grid-template-columns:1fr}.cs-comparison{grid-template-columns:1fr}.cs-kpi{padding:22px}.cs-content section{margin:36px 0}.cs-bars>div{grid-template-columns:64px 1fr 70px}.cs-grid{gap:24px}.cs-facts{padding:22px}}

/* The public index uses the same cinematic opening and blue diagonal as the service pages. */
.page-hero.cases-index-hero::after{background:linear-gradient(180deg,#0b223da8,transparent 52%,#10253618)}
.cases-index-hero .cinema [data-poster-mobile]{display:none}
.cases-index-intro{margin:0 0 34px}
.cases-index-hero .cinema .video-poster,.cases-index-hero .cinema .background-video{object-position:62% 42%}
@media(max-width:600px){.cases-index-hero .cinema [data-poster-desktop]{display:none}.cases-index-hero .cinema [data-poster-mobile]{display:block}.cases-index-hero .cinema .video-poster,.cases-index-hero .cinema .background-video{object-position:center}.cases-index-intro{margin-bottom:26px}}
