/* v4 case-study styles for /work/<slug>/ pages. Loaded after aeo-pages-v1.css (left untouched for cache). */
.cs-subtitle{font:600 clamp(20px,2.4vw,28px)/1.25 "Cut Inclusive",system-ui,sans-serif;color:var(--pink);margin:-12px 0 20px}
.cs-jump{display:flex;flex-wrap:wrap;gap:8px 24px;margin:8px 0 0;padding:0;list-style:none;font:14px/1.3 "Cut Superbusy Text",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.cs-jump li{margin:0}
.cs h3{font-size:clamp(20px,2.4vw,26px);margin:48px 0 14px;scroll-margin-top:16px}
.cs h2{scroll-margin-top:16px}
.cs p,.cs li{max-width:70ch}
.cs .cs-lead{font-size:clamp(19px,2vw,22px);line-height:1.45;max-width:60ch}
.cs-pr{margin:24px 0 28px;padding:20px 24px;background:var(--cream);border-left:6px solid var(--blue);max-width:860px}
.cs-pr p{margin:0 0 8px;font-size:clamp(18px,2vw,21px);line-height:1.45}
.cs-pr p:last-child{margin-bottom:0}
.cs-pr strong{font:14px/1.2 "Cut Superbusy Text",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-text)}
.cs-quote{margin:24px 0;padding:4px 0 4px 20px;border-left:4px solid var(--pink);font-size:clamp(18px,2vw,22px);line-height:1.45;max-width:60ch}
.cs-quote p{margin:0}
.cs-fig{margin:28px 0 32px;max-width:1040px}
.cs-fig img{display:block;width:100%;height:auto;background:var(--cream);border:1px solid var(--rule)}
.cs ol,.cs ul{margin:0 0 20px}
.cs-full{margin-top:8px}
@media (max-width:640px){
 .cs-subtitle{margin-top:-8px}
 .cs-pr{padding:16px 18px}
 .cs-fig{margin:20px -18px 24px}
 .cs-fig img{border-left:0;border-right:0}
}