.case-study { --color-section-accent: var(--color-trusted); }
.case-study__layout { display: flex; flex-direction: column; gap: 84px; }
.case-study__heading { display: flex; flex-direction: column; align-items: center; gap: var(--space-section-heading); text-align: center; }
.case-study__title { font-size: 54px; letter-spacing: -1.08px; }
.case-study__cards { display: grid; grid-auto-rows: 424px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-grid); }
.case-study__metric-card, .case-study__photo { min-width: 0; block-size: 424px; margin: 0; border-radius: 32px; overflow: hidden; }
.case-study__metric-card { display: flex; flex-direction: column; justify-content: space-between; padding: 32px; font-weight: var(--fw-bold); }
.case-study__metric-card--before { background: var(--color-audit-card); color: var(--color-text); }
.case-study__metric-card--after { background: var(--color-process-darkest); color: var(--color-white); }
.case-study__card-title { margin: 0; font-size: 24px; font-weight: inherit; line-height: var(--lh-compact); letter-spacing: -.02em; text-transform: uppercase; }
.case-study__metrics { display: flex; flex-direction: column; gap: 12px; margin: 0; }
.case-study__metric { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 12px; }
.case-study__metric dt, .case-study__metric dd { margin: 0; }
.case-study__metric dt { color: var(--color-text-muted); font-size: 20px; line-height: 1.3; letter-spacing: -.02em; }
.case-study__metric-card--after .case-study__metric dt { color: var(--color-metric-muted); }
.case-study__metric dd { flex: none; font-size: 32px; font-style: italic; line-height: var(--lh-compact); letter-spacing: -.02em; white-space: nowrap; }
.case-study__photo { background: var(--color-audit-card); }
.case-study__photo-image { inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; }

@media (max-width: 1023px) {
	.case-study { padding-block: 80px; }
	.case-study__layout { gap: 44px; }
	.case-study__heading { gap: 16px; }
	.case-study__eyebrow { font-size: 12px; letter-spacing: -.02em; }
	.case-study__title { font-size: 24px; letter-spacing: -.02em; }
	.case-study__title > span, .case-study__title > em { display: block; }
	.case-study__cards { display: flex; flex-direction: column; gap: 10px; }
	.case-study__metric-card, .case-study__photo { block-size: 343px; flex: none; border-radius: 20px; }
	.case-study__metric-card { padding: 24px; }
	.case-study__metrics { width: calc(100% + 8px); gap: 10px; margin-inline: -4px; }
	.case-study__card-title { font-size: 24px; }
	.case-study__metric dt { font-size: 18px; }
	.case-study__metric dd { font-size: 32px; }
}