.case-index-hero{padding:54px 0 74px;border-bottom:1px solid var(--line)}
.case-index-hero h1,.case-detail-hero h1{max-width:940px;margin:18px 0 20px;font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.055em}
.case-index-hero p,.case-detail-hero p{max-width:72ch;color:var(--muted);font-size:17px;line-height:1.8}
.case-library{padding:82px 0 108px}.case-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.case-library-card{display:block;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--surface);transition:transform .25s,border-color .25s}
.case-library-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.case-library-card .mono{color:var(--accent);font-size:10px}.case-library-card h2{margin:13px 0 12px;font-size:30px;letter-spacing:-.04em}.case-library-card p{color:var(--muted);font-size:14px;line-height:1.75}
.case-library-metrics{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.case-library-metrics span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:11px}
.case-detail-hero{padding:50px 0 76px;border-bottom:1px solid var(--line)}.case-detail-hero .mono{color:var(--accent)}
.case-detail-shell{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:70px;padding-top:76px;padding-bottom:110px;justify-content:center}
.case-detail-body p{margin:0 0 24px;color:#b6c0af;font-size:17px;line-height:1.88}.case-detail-body h2{margin:58px 0 18px;font-size:40px;letter-spacing:-.045em}.case-detail-body ul{padding-left:22px;color:#b6c0af;line-height:1.8}.case-detail-body li{margin:8px 0}
.case-metric-panel{position:sticky;top:100px;align-self:start;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.case-metric{padding:18px 0;border-bottom:1px solid var(--line)}.case-metric:last-child{border-bottom:0}.case-metric strong{display:block;color:var(--accent);font-size:34px;letter-spacing:-.04em}.case-metric span{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.case-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.case-tags span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}
@media(max-width:800px){.case-library-grid{grid-template-columns:1fr}.case-detail-shell{grid-template-columns:1fr}.case-metric-panel{position:static}}
