.case-back { margin-bottom: 32px; }
.case-intro { display: grid; gap: 16px; margin-bottom: 24px; }
.case-title { display: flex; align-items: center; gap: 8px; }
.case-title img { display: block; width: 20px; height: 20px; flex-shrink: 0; border-radius: 5px; }
.case-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 8px 0 0; }
.case-study dt { color: var(--ink); margin-bottom: 6px; }
.case-study dd { margin: 0; }
.case-section { margin-top: 48px; display: grid; gap: 16px; }
.case-study h2, .case-study h3, .case-study h4 { font-size: inherit; font-weight: 400; color: var(--ink); margin: 0; }
.case-study h4 { margin-bottom: 8px; }
.case-list { padding-left: 18px; }
.case-list li + li { margin-top: 4px; }
.case-point { display: grid; gap: 8px; }
.case-decision { display: grid; gap: 24px; margin-top: 16px; }
.case-decision + .case-decision { margin-top: 32px; }
.comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.case-outcomes { display: grid; gap: 20px; margin: 0; }
.project-media--wide { aspect-ratio: 64 / 49; }
.case-navigation { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; margin-top: 48px; padding-top: 24px; border-top: 1px solid #ededed; }
.case-navigation a { max-width: calc(50% - 12px); }
.case-navigation a:last-child { text-align: right; margin-left: auto; }
@media (max-width: 1343px) {
  .comparison, .case-facts { grid-template-columns: 1fr; gap: 20px; }
}