.case-page { color: var(--ink); background: var(--paper); }
.case-nav { min-height: 88px; padding: 20px var(--gutter); display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); background: var(--paper); }
.case-brand { display: inline-flex; align-items: center; gap: 9px; font-size: 32px; letter-spacing: -1.5px; line-height: 1; }
.case-brand svg { height: 34px; width: 34px; fill: currentColor; }
.case-back,.case-contact { font-size: 14px; }
.case-contact { border-bottom: 1px solid currentColor; padding-bottom: 5px; }
.case-intro { padding: 65px var(--gutter) 44px; max-width: 1600px; margin: auto; }
.case-kicker { display: flex; justify-content: space-between; gap: 24px; font: 12px/1.5 var(--mono); text-transform: uppercase; }
.case-kicker span:last-child { color: var(--muted); }
.case-intro h1 { font-weight: 400; font-size: clamp(44px,5.5vw,84px); line-height: 1.07; letter-spacing: -.055em; max-width: 1150px; margin: 55px 0 35px; text-wrap: balance; }
.case-lede { max-width: 860px; font-size: clamp(19px,1.6vw,24px); line-height: 1.5; letter-spacing: -.02em; }
.case-facts { display: grid; grid-template-columns: .85fr 1.25fr 1.25fr; gap: 35px; padding-top: 26px; margin-top: 50px; border-top: 1px solid var(--line); }
.case-facts span { display: block; font: 11px var(--mono); color: var(--muted); text-transform: uppercase; margin-bottom: 10px; }
.case-facts p { font-size: 15px; line-height: 1.5; }
.case-cover { margin: 0 var(--gutter); overflow: hidden; }
.case-cover img { display: block; width: 100%; height: auto; object-fit: contain; }
.case-reading { padding: 88px var(--gutter) 50px; display: grid; grid-template-columns: minmax(180px,230px) minmax(0,900px); justify-content: space-between; gap: 60px; max-width: 1600px; margin: auto; }
.case-toc { position: sticky; top: 35px; align-self: start; }
.case-toc > span { font: 11px var(--mono); text-transform: uppercase; color: var(--muted); display: block; margin-bottom: 28px; }
.case-toc nav { border-top: 1px solid var(--line); }
.case-toc nav a { padding: 15px 0; display: flex; gap: 13px; border-bottom: 1px solid var(--line); font-size: 14px; line-height: 1.45; }
.case-toc nav small { font: 10px/2 var(--mono); color: var(--muted); }
.case-toc a:hover { color: var(--accent); }
.case-toc-back { display: block; margin-top: 32px; font-size: 13px; }
.case-chapter { padding-bottom: 55px; margin-bottom: 55px; border-bottom: 1px solid var(--line); scroll-margin-top: 30px; }
.chapter-number { font: 11px var(--mono); color: var(--accent); }
.case-chapter h2 { font-size: clamp(28px,2.7vw,42px); font-weight: 400; letter-spacing: -.04em; line-height: 1.15; margin: 18px 0 27px; max-width: 730px; }
.case-prose > p { max-width: 720px; font-size: 19px; line-height: 1.75; margin-bottom: 23px; }
.case-prose > ul { padding-left: 22px; max-width: 720px; font-size: 18px; line-height: 1.7; }
.case-prose li { margin-bottom: 20px; padding-left: 6px; }
.case-prose figure { margin: 36px 0 28px; }
.case-prose img { width: 100%; height: auto; border: 1px solid var(--line); display: block; }
.case-prose figcaption,.case-prose p.study-detail-caption { font: 12px/1.6 var(--mono); color: var(--muted); margin: 13px 0; }
.case-prose figcaption a { border-bottom: 1px solid currentColor; }
.case-prose .article-callout p { font-size: 16px; }
.case-prose .text-link,.case-prose .study-detail-links { font-size: 16px; margin-top: 25px; }
.case-next { display: block; padding: 55px var(--gutter) 70px; border-top: 1px solid var(--line); background: #e3e5dc; }
.case-next > span { font: 11px var(--mono); color: var(--muted); text-transform: uppercase; }
.case-next > div { display: flex; justify-content: space-between; align-items: center; gap: 30px; font-size: clamp(30px,4vw,58px); letter-spacing: -.04em; margin-top: 20px; }
.case-next:hover { color: var(--accent); }
.case-footer { padding: 35px var(--gutter); display: flex; justify-content: space-between; gap: 30px; font-size: 13px; }
.case-footer > span { color: var(--muted); }
@media(max-width:1000px){.case-reading{grid-template-columns:170px minmax(0,1fr);gap:36px}.case-facts{grid-template-columns:1fr 1fr}.case-facts>div:last-child{grid-column:1/-1}.case-kicker{font-size:11px}.case-prose>p{font-size:18px}}
@media(max-width:760px){.case-nav{min-height:74px;padding:20px 22px}.case-brand{font-size:27px}.case-brand svg{width:29px;height:29px}.case-back{font-size:12px}.case-contact{display:none}.case-intro{padding:38px 22px 32px}.case-kicker{display:block}.case-kicker span{display:block;margin-bottom:8px}.case-intro h1{font-size:42px;margin:30px 0 25px;letter-spacing:-.05em;line-height:1.1;text-wrap:initial}.case-lede{font-size:19px}.case-facts{gap:24px;margin-top:32px}.case-facts p{font-size:13px}.case-cover{margin:0 22px}.case-cover img{aspect-ratio:8 / 5;object-fit:contain}.case-reading{display:block;padding:36px 22px 0}.case-toc{position:static;margin-bottom:45px}.case-toc>span{margin-bottom:15px}.case-toc nav{display:flex;gap:22px;overflow-x:auto;border-bottom:1px solid var(--line);padding-bottom:0}.case-toc nav a{min-width:155px;max-width:180px;flex-shrink:0;border-bottom:0;font-size:13px}.case-toc-back{display:none}.case-chapter{padding-bottom:35px;margin-bottom:40px}.case-chapter h2{font-size:30px}.case-prose>p{font-size:18px;line-height:1.7}.case-prose>ul{font-size:17px}.case-next{padding:35px 22px 45px}.case-next>div{font-size:33px}.case-footer{padding:25px 22px;flex-wrap:wrap}.case-footer>span{display:none}}