.case-page{color:var(--text-on-night);background:var(--night)}
.case-header,.case-page main,.case-nav{width:min(1180px,calc(100% - 2 * var(--pad)));margin-inline:auto}
.case-header{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line-light);font-size:13px}
.case-header a,.case-secondary{padding:12px 0}
.case-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px;color:var(--muted-light);font-size:12px;line-height:1.5}
.case-breadcrumb a{color:var(--aurora)}
.case-hero{padding:64px 0 0}
.case-eyebrow,.case-story article>span,.case-saving>span{margin:0 0 20px;color:var(--aurora);font-size:12px;letter-spacing:.04em}
.case-hero h1{max-width:1000px;margin:0;font-size:clamp(38px,5.6vw,78px);font-weight:450;letter-spacing:-.055em;line-height:1.05}
.case-lead{max-width:760px;margin:24px 0;color:#c5d2cd;font-size:clamp(17px,1.6vw,22px);line-height:1.55}
.case-secondary,.case-status{display:inline-block;font-size:13px;color:var(--aurora)}
.case-visual{margin:40px 0 0;border:1px solid var(--line-light);border-radius:20px;overflow:hidden;background:#0b1b18}
.case-image-wrap{display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 20% 0,rgba(112,239,178,.14),transparent 65%)}
.case-image-wrap a{display:block;width:100%}
.case-image-wrap img{margin:auto;max-height:580px;width:auto;max-width:100%;border-radius:10px;object-fit:contain}
.case-visual figcaption{display:flex;justify-content:space-between;gap:24px;padding:18px 24px;border-top:1px solid var(--line-light);font-size:13px;color:#c5d2cd}
.case-visual figcaption a{flex-shrink:0;color:var(--aurora)}
.case-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:64px 0}
.case-story h2,.case-process h2,.case-saving h2,.case-footer h2{margin:12px 0 18px;font-size:clamp(24px,2.3vw,34px);line-height:1.15;font-weight:450;letter-spacing:-.035em}
.case-story p,.case-saving p,.case-footer p{margin:0;color:#c5d2cd;font-size:16px;line-height:1.7}
.case-process{padding:32px 0;border-block:1px solid var(--line-light)}
.case-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:24px 0 0;list-style:none}
.case-process li{padding:20px;border:1px solid var(--line-light);border-radius:12px;font-size:18px}
.case-process li span{display:block;margin-bottom:12px;font-size:12px;color:var(--aurora)}
.case-saving{padding:48px 0;max-width:820px}
.case-saving .case-measurement{margin-top:20px;font-size:13px;color:var(--muted-light)}
.case-saving h3{margin:28px 0 12px;font-size:20px;font-weight:450;line-height:1.35}
.case-footer{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:36px 0 48px;border-top:1px solid var(--line-light)}
.case-footer>div{max-width:650px}
.case-footer .button{flex-shrink:0}
.case-nav{display:flex;flex-wrap:wrap;gap:12px;padding:24px 0 40px;border-top:1px solid var(--line-light)}
.case-nav a{padding:12px 16px;border:1px solid var(--line-light);border-radius:30px;font-size:13px}
.case-nav a[aria-current=page]{color:var(--night);background:var(--aurora)}
@media(max-width:720px){
.case-header{font-size:12px;padding:12px 0}
.case-hero{padding-top:36px}
.case-eyebrow{font-size:11px;line-height:1.7}
.case-visual{margin-top:28px;border-radius:14px}
.case-image-wrap{padding:12px}
.case-visual figcaption{display:block;padding:16px;font-size:12px}
.case-visual figcaption a{display:block;margin-top:12px;padding:8px 0}
.case-story{grid-template-columns:1fr;gap:32px;margin:40px 0}
.case-story p,.case-saving p,.case-footer p{font-size:15px}
.case-process ol{grid-template-columns:1fr;gap:12px}
.case-process li{display:flex;align-items:center;gap:16px;padding:16px;font-size:16px}
.case-process li span{margin:0}
.case-footer{display:block}
.case-footer .button{margin-top:24px}
}

.service-page .case-image-wrap img{height:auto}
.service-page h3 .case-secondary{font-size:inherit}

.case-image-wrap video { display:block; width:100%; max-height:75vh; background:#121a21; }