.hero--case .hero__copy{ grid-column:1 / span 9 }
.hero--case .hero__actions .tag{ height:32px }
.case-hero-plate{ margin-top:var(--s-8) }
.case-body{ display:flex; flex-direction:column; gap:var(--s-8) }
.case-block{ display:flex; flex-direction:column; gap:var(--s-4) }
.case-tagline{ font-family:var(--font-serif); font-style:italic; font-size:var(--fs-m); line-height:1.2; max-width:28ch }
.case-quote{ border-top:1px solid var(--line); padding-top:var(--s-6); display:flex; flex-direction:column; gap:var(--s-4) }
.case-quote blockquote{ font-size:var(--fs-m); line-height:1.25 } .case-quote blockquote::before{ content:"“" } .case-quote blockquote::after{ content:"”" }
.case-aside{ align-self:start; position:sticky; top:calc(var(--header-h) + var(--s-5)) }
.case-spec{ border:1px solid var(--line); padding:var(--s-5); display:flex; flex-direction:column; gap:var(--s-4); font-size:var(--fs-small) }
.case-spec dl{ display:grid; grid-template-columns:auto 1fr; gap:var(--s-2) var(--s-4) } .case-spec dt{ color:var(--fg-muted) } .case-spec dd{ font-weight:500 } .case-spec dd a{ text-decoration:underline; text-underline-offset:.2em }
.case-label{ border-top:1px solid var(--line); padding-top:var(--s-3); font-size:11px }
.case-next{ display:block; background:var(--bg); color:var(--fg); padding:var(--s-9) 0 }
.case-next__inner{ display:flex; flex-direction:column; gap:var(--s-3) }
.case-next:hover .display-2{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:.1em }
@media (max-width:1023px){ .hero--case .hero__copy{ grid-column:1 / -1 } .case-aside{ position:static } }

.case-label--illustrative{ color:var(--fg); border:1px solid var(--line-strong); padding:var(--s-3); font-size:11px; line-height:1.5; text-transform:none; letter-spacing:.04em }