.case-hero.mint { background: #e2f6ee; }
.case-hero .lede { font-size: clamp(1.1rem, 3vw, 1.85rem); }
.case-body { display: grid; grid-template-columns: 1.25fr 1fr; gap: 24px; align-items: start; }
.case-story h2:not(:first-child) { margin-top: 28px; }
.case-body aside h2 { font-size: 1.65rem; }
.case-body figure { margin: 0; grid-column: 1/-1; }
.case-image { width: 100%; height: auto; border-radius: 18px; }
.case-body figcaption { color: var(--muted); font-size: .87rem; padding-top: 8px; }
@media (max-width: 700px) { .case-body { grid-template-columns: 1fr; } }