/* Desktop project records, using the site's existing palette and typography. */
.cases-hero{padding:58px 0 64px;background:var(--navy);color:#fff}
.cases-hero .breadcrumb{font-size:11px;margin-bottom:42px;--bs-breadcrumb-divider-color:#526e88}
.cases-hero .breadcrumb a{color:#8fa7bf}.cases-hero .breadcrumb-item.active{color:#c9d9e8}
.cases-hero h1{font-size:40px;line-height:1.5;letter-spacing:.2px;margin:0 0 17px}
.cases-hero>div>p{font-size:14px;line-height:1.9;color:#a8bdd1;max-width:650px}
.cases-section{padding:52px 0 80px}
.case-demo-notice{padding:15px 20px;background:#eef4f8;border-left:2px solid #7aa6c5;color:#637e95;font-size:12px;line-height:1.9;margin:0 0 31px}
.case-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:20px}
.case-filters{display:flex;gap:28px;align-items:center}
.case-filter{background:transparent;border:0;color:#74899c;padding:10px 0;font-size:13px;position:relative}
.case-filter.active{color:#145f9b;font-weight:600}.case-filter.active:after{content:"";position:absolute;bottom:-21px;left:0;right:0;height:2px;background:#207cb9}
.case-count{font-size:12px;color:#879bad;white-space:nowrap}
.case-entry{display:grid;grid-template-columns:370px minmax(0,1fr);gap:46px;padding:34px 0;border-bottom:1px solid var(--line)}
.case-cover{display:block;position:relative;aspect-ratio:16/10;background:#f5f8fa;border:1px solid #e5ebf0;overflow:hidden}
.case-cover img{width:100%;height:100%;object-fit:contain;padding:24px 30px;mix-blend-mode:multiply;transition:transform .25s}
.case-cover:hover img{transform:scale(1.025)}
.case-cover>span{position:absolute;bottom:9px;left:13px;font-size:9px;color:#859aab;background:#f5f8fae6;padding:1px 5px}
.case-entry-copy{padding:7px 0;min-width:0;position:relative}
.case-entry-meta{display:flex;align-items:center;gap:16px;font-size:11px;color:#4d7b9e;margin-bottom:14px}
.case-entry-meta time{margin-left:auto;color:#8a9dac;font-size:11px}
.case-demo-badge{display:inline-block;border:1px solid #c9d9e5;background:#f1f6fa;color:#728a9e;font-size:10px;padding:2px 9px;line-height:1.7;white-space:nowrap}
.case-entry h2{font-size:25px;line-height:1.5;color:#193e5a;margin:0 0 13px;font-weight:500}
.case-entry h2 a:hover{color:#1976b7}.case-entry-copy>p{font-size:13px;color:#6b8195;line-height:2;max-width:720px;margin:0 0 19px}
.case-entry-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:14px}
.case-entry-bottom>span{font-size:11px;color:#879aaa}.case-entry-bottom .text-link{font-size:12px}
.case-record-code{font-family:Consolas,monospace;font-size:9px;letter-spacing:.8px;color:#9aabb8}
.case-empty{padding:80px 0;text-align:center}.case-empty h2{font-size:23px}.case-empty p{font-size:13px;color:var(--muted)}
.case-detail-heading{padding:45px 0 43px;background:#f3f7fa;border-bottom:1px solid var(--line)}
.case-detail-kicker{display:flex;align-items:center;gap:18px;font-size:12px;color:#5b829f;margin-bottom:20px}
.case-detail-heading h1{font-size:36px;line-height:1.5;color:#153c59;max-width:1100px;margin:0 0 20px}
.case-detail-heading>div>p{font-size:14px;line-height:2;color:#70879b;max-width:850px;margin:0 0 29px}
.case-project-facts{display:flex;gap:64px;margin:0}
.case-project-facts dt{font-size:10px;font-weight:400;color:#899eae;margin-bottom:7px}
.case-project-facts dd{font-size:13px;color:#3c6482;margin:0}
.case-detail-body{padding-top:38px;padding-bottom:75px}
.case-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:70px;align-items:start}
.case-detail-figure{background:#f7f9fb;border:1px solid #e5ecf1;padding:28px 35px 13px;margin:0 0 39px;text-align:center}
.case-detail-figure img{display:block;width:100%;height:325px;object-fit:contain;mix-blend-mode:multiply}
.case-detail-figure figcaption{font-size:10px;color:#8ba0b0;margin-top:14px}
.case-article-content section{margin-bottom:33px}
.case-article-content h2,.case-record-sidebar h2{font-size:22px;font-weight:500;color:#264e6b;margin:0 0 17px}
.case-article-content p,.case-steps{font-size:14px;line-height:2.1;color:#6d8397;margin:0}
.case-steps{padding-left:23px}.case-steps li{padding-left:6px;margin-bottom:13px}
.case-record-sidebar{padding-top:7px}.case-record-sidebar section{border-top:1px solid #dbe5ed;padding:23px 0 15px;margin-bottom:20px}
.case-record-sidebar h2{font-size:17px;margin-bottom:18px}.case-record-sidebar ul{padding-left:17px;font-size:12px;color:#748b9d;line-height:2.1}.case-record-sidebar li{padding-left:3px;margin-bottom:7px}
.case-related-product{display:flex;gap:13px;align-items:center;border-bottom:1px solid #e7edf2;padding:13px 0;font-size:12px;color:#416c8b;line-height:1.6}
.case-related-product img{width:62px;height:47px;object-fit:contain}.case-related-product span{flex:1}.case-related-product .icon{width:14px;height:14px}
.case-record-sidebar>.btn{display:flex;font-size:12px;gap:24px;margin-top:25px}.case-back-link{display:block;text-align:center;color:#758fa2;font-size:11px;margin-top:18px}
.client-section{background:var(--light);border-bottom:1px solid #e6edf3}
.client-section .section-heading{margin-bottom:36px}
.client-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.client-track{display:flex;width:max-content;animation:client-scroll 32s linear infinite}
.client-group{display:flex;align-items:center;gap:58px;padding-right:58px;flex-shrink:0}
.client-logo-item{width:215px;height:90px;display:flex;align-items:center;justify-content:center}
.client-logo-item img{display:block;max-width:210px;width:auto;height:auto;max-height:61px;object-fit:contain;mix-blend-mode:multiply}
.client-marquee:hover .client-track,.client-marquee:focus-within .client-track{animation-play-state:paused}
@keyframes client-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none}.case-cover img{transition:none}}