/* Distill Works design system, CASE STUDY pages. With ds-core. Scoped to body.page-case. */
body.page-case .cs-hero{padding:52px 0 8px;}
body.page-case .cs-hero .container{max-width:760px; margin:0 auto;}
body.page-case .cs-hero h1{font-size:clamp(32px,4.2vw,48px); line-height:1.1; margin:14px 0 22px;}
body.page-case .cs-dek{font-size:19px; line-height:1.6; color:var(--ink); font-weight:500; margin:0 0 8px;}
body.page-case .cs-article{padding:30px 0 56px;}
body.page-case .cs-content{max-width:720px; margin:0 auto; font-size:17px; line-height:1.7; color:var(--ink-soft);}
body.page-case .cs-content > h2{font-family:'Spectral',serif; font-weight:500; font-size:clamp(24px,2.6vw,30px); color:var(--ink); line-height:1.25; margin:44px 0 16px;}
body.page-case .cs-content p{margin:0 0 20px;}
body.page-case .cs-content strong{color:var(--ink);}
body.page-case .cs-content ul{margin:0 0 22px; padding-left:0; list-style:none;}
body.page-case .cs-content ul li{padding-left:26px; position:relative; margin-bottom:14px;}
body.page-case .cs-content ul li::before{content:""; position:absolute; left:0; top:13px; width:14px; height:1.5px; background:var(--green);}
body.page-case .cs-stats{display:flex; gap:40px; flex-wrap:wrap; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); padding:26px 0; margin:34px 0;}
body.page-case .cs-stat .v{display:block; font-family:'Spectral',serif; font-size:34px; color:var(--ink); line-height:1;}
body.page-case .cs-stat .l{display:block; font-size:12.5px; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin-top:8px;}
body.page-case .cs-close{background:var(--paper2); border-top:1px solid var(--hair); padding:64px 0; text-align:center;}
body.page-case .cs-close h2{font-size:clamp(24px,2.8vw,32px); margin-bottom:10px;}
body.page-case .cs-close p{color:var(--ink-soft); max-width:52ch; margin:0 auto 24px;}