/* Client work uses the approved interior typography, square geometry and service colors. */
body.sc-client-work{--ws-accent:var(--topic-accent)}
.sc-client-work main:focus{outline:none}
.case-hero{padding-block:48px 38px}
.case-back{display:inline-flex;min-height:44px;align-items:center;font-size:14px;color:var(--ws-muted);margin-bottom:28px}
.case-hero h1{max-width:20ch;font-size:clamp(42px,5vw,70px);line-height:1.04;font-weight:550;letter-spacing:-.05em}
.case-intro{font-size:20px;line-height:1.6;max-width:57ch;margin-top:26px;color:var(--ws-muted)}
.case-screen img{width:100%;height:auto;max-height:650px;object-fit:contain;object-position:left;background:var(--ws-soft)}
.case-screen figcaption,.case-mobile figcaption{font-size:13px;line-height:1.5;color:var(--ws-muted);margin-top:14px}
.case-scope{display:grid;grid-template-columns:1fr 1.4fr;gap:8%;padding-top:64px}
.case-scope h2,.case-details h2,.case-record h2,.case-next h2{font-size:clamp(28px,3vw,38px);font-weight:550;line-height:1.15;letter-spacing:-.035em}
.case-scope p:not(.ws-eyebrow),.case-points p,.case-record p,.case-next p{font-size:17px;line-height:1.65;color:var(--ws-muted);max-width:63ch}
.case-scope p+p{margin-top:18px}
.case-scope p a{color:var(--ws-accent)}
.case-details,.case-record{padding-top:64px}
.case-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:30px}
.case-points h3,.case-next h3{font-size:22px;line-height:1.25;font-weight:550;letter-spacing:-.025em}
.case-points p,.case-record p{margin-top:16px}
.case-mobile{max-width:280px;margin-top:38px}
.case-next{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;padding-block:72px 64px}
.case-next p{margin-top:18px}
.case-next .ws-button{margin-top:24px}
.case-next nav a{display:flex;align-items:center;min-height:44px;color:var(--ws-accent);font-size:15px;line-height:1.4;margin-top:12px}
@media(hover:hover){.case-back:hover,.case-next nav a:hover{color:var(--ws-ink)}}
@media(max-width:700px){.case-hero{padding-block:28px}.case-back{margin-bottom:20px}.case-hero h1{font-size:clamp(38px,10vw,52px)}.case-intro{font-size:18px;margin-top:22px}.case-scope,.case-next{grid-template-columns:1fr;gap:26px}.case-scope,.case-details,.case-record{padding-top:42px}.case-points{grid-template-columns:1fr;gap:26px;margin-top:24px}.case-next{padding-block:48px 42px;gap:38px}.case-next .ws-button{width:100%}.case-mobile{margin-inline:auto}.case-screen figcaption{font-size:12px}.case-points p{margin-top:10px}}