/* Concise evidence-led case studies. Reuses Work typography and theme variables. */
.case-hero { padding-top: clamp(78px, 11vw, 150px); padding-bottom: clamp(64px, 7vw, 96px); }
.case-hero h1 { margin: 18px 0 0; max-width: 1050px; font: 400 clamp(3.25rem, 6.8vw, 7rem)/.97 var(--serif); letter-spacing: -.048em; text-wrap: balance; }
.case-deck { max-width: 815px; margin: 28px 0 0; color: var(--ink-soft); font-size: clamp(1.08rem, 1.8vw, 1.3rem); line-height: 1.65; }
.case-bar { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper-deep); }
.case-bar-inner { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; padding-top: 23px; padding-bottom: 23px; }
.case-bar span { display:block; color: var(--mineral); font-size: .69rem; font-weight: 700; letter-spacing:.09em; text-transform:uppercase; }
.case-bar strong { display:block; margin-top:9px; font-size:.93rem; font-weight:550; line-height:1.35; }
.case-layout { display:grid; grid-template-columns: minmax(175px,.55fr) minmax(0,1.45fr); gap: clamp(32px,7vw,110px); padding-top: clamp(66px,8vw,108px); padding-bottom: 32px; }
.case-section-label { color: var(--mineral); font-size:.73rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.case-body {max-width:760px;}
.case-body h2 {font:400 clamp(2rem,3.4vw,3.25rem)/1.11 var(--serif);letter-spacing:-.035em; margin:0 0 20px;}
.case-body h3 {font:400 clamp(1.5rem,2.3vw,2.05rem)/1.2 var(--serif); margin:33px 0 12px;}
.case-body p, .case-body li {color:var(--ink-soft);font-size:1.025rem;line-height:1.72;}
.case-body p {margin:0 0 20px;}
.case-body ul {padding-left:1.3rem;}
.case-body li {margin:10px 0;}
.case-body strong {color:var(--ink);}
.case-evidence {background:var(--paper-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;}
.case-evidence .case-body p:last-child {margin-bottom:0;}
.case-bottom {padding-top:55px;padding-bottom:100px;}
.case-bottom-links {display:flex;flex-wrap:wrap;gap:12px 20px;}
.case-bottom-links a {font-size:.92rem;}
@media(max-width:760px) {
 .case-hero{padding-top:72px;padding-bottom:64px;}
 .case-bar-inner{grid-template-columns:1fr;gap:22px;}
 .case-layout{grid-template-columns:1fr;gap:14px;padding-top:62px;}
 .case-bottom{padding-bottom:75px;}
}