.case-head{padding-block:clamp(3.5rem, 7vw, 6rem) var(--s-7);border-bottom:1px solid var(--border)}.case-head.reveal{translate:none}.case-kicker{align-items:center;gap:var(--s-2);margin-bottom:var(--s-5);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;display:flex}.case-kicker span:first-child{color:var(--accent)}.case-title{max-width:22ch;font-family:var(--font-display);letter-spacing:var(--tracking-display);text-wrap:balance;font-size:clamp(2.6rem,1rem + 5.6vw,5.6rem);font-weight:400;line-height:.94}.case-lead{margin-top:var(--s-5);max-width:54ch}.case-stack{gap:var(--s-2) 0;margin-top:var(--s-5);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;padding:0;font-size:.7rem;list-style:none;display:flex}.case-stack li{border-left:1px solid var(--border-strong);padding-inline:.75rem}.case-stack li:first-child{border-left:0;padding-left:0}.case-actions{margin-top:var(--s-6)}.case-layout{gap:var(--s-7);padding-top:var(--s-8);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=60rem){.case-layout{gap:clamp(var(--s-7), 6vw, var(--s-9));grid-template-columns:13rem minmax(0,1fr);align-items:start}.case-rail{position:sticky;top:5.5rem}}.case-outline{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;gap:.55rem;margin:0;padding:0;font-size:.68rem;list-style:none;display:grid}.case-outline a{color:var(--text-muted);transition:color var(--dur-1) var(--ease-out);gap:.6rem;display:flex}.case-outline a:hover{color:var(--text)}.case-outline-n{color:var(--accent)}.case-metrics{gap:var(--s-4);margin:var(--s-6) 0 0;padding-top:var(--s-5);border-top:1px solid var(--border);display:grid}.case-metric dt{font-family:var(--font-display);letter-spacing:var(--tracking-display);color:var(--accent);font-size:clamp(2rem,1.4rem + 1.6vw,2.6rem);line-height:.9}.case-metric dd{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);margin:.35rem 0 0;font-size:.64rem;line-height:1.5}.case-body{counter-reset:chapter}.case-body h2{counter-increment:chapter;scroll-margin-top:6rem}.case-body h2:before{content:counter(chapter, decimal-leading-zero);width:2.6rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--accent);vertical-align:.3em;display:inline-block}.case-artifact{margin-block:var(--s-6);border:1px solid var(--border-strong);border-radius:var(--r-md);background:color-mix(in srgb, var(--surface-solid) 90%, transparent);font-family:var(--font-mono);font-size:.72rem;line-height:1.7;overflow:hidden}.case-artifact-bar,.case-artifact figcaption{justify-content:space-between;align-items:center;gap:var(--s-3);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:.55rem .8rem;font-size:.6rem;display:flex}.case-artifact-bar{border-bottom:1px solid var(--border)}.case-artifact pre{font:inherit;color:var(--text-secondary);white-space:pre;margin:0;padding:.8rem;overflow-x:auto}.case-artifact pre span{display:block}.case-artifact b{color:var(--accent);font-weight:400}.case-artifact figcaption{border-top:1px solid var(--border);letter-spacing:.04em;text-transform:none;line-height:1.6;display:block}.case-foot{justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:var(--s-9);padding-block:var(--s-5);border-top:1px solid var(--border);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.case-foot-nav{gap:var(--s-5);margin-left:auto;display:flex}.case-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none;display:grid}.case-row{gap:var(--s-4);padding-block:var(--s-6);border-bottom:1px solid var(--border);transition:border-color var(--dur-2) var(--ease-out);grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:start;display:grid}.case-row:hover{border-bottom-color:var(--border-strong)}.case-row-n,.case-row-meta{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.case-row-n{color:var(--accent);padding-top:.25rem}.case-row-meta{margin-bottom:var(--s-2);display:block}.case-row h2{font-family:var(--font-display);letter-spacing:var(--tracking-display);transition:color var(--dur-2) var(--ease-out);font-size:clamp(1.8rem,1.2rem + 2vw,3rem);font-weight:400;line-height:1}.case-row p{max-width:58ch;margin-top:var(--s-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.case-row-arrow{color:var(--text-muted);transition:transform var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);font-size:1.1rem}.case-row:hover .case-row-arrow{color:var(--accent);transform:translate(3px,-3px)}.case-list-foot{padding-block:var(--s-6) var(--section-y);font-size:var(--text-sm)}
