/**
 * Sekcja: case studies (O firmie).
 * Figma 14557:4399 — pas 1440×759 na F2F6F9, nagłówek 48/57,6 od y=100,
 * trzy karty 413×441 z odstępem 24 od y=218 (60 px pod nagłówkiem).
 * Ten sam komponent, co 14557:1836 na stronie głównej — liczby muszą się zgadzać.
 */

.about-cases {
	padding-block: 100px;
	background-color: var(--color-surface-soft);
}

/* Blok nagłówka ma w makiecie 896 px (14557:4401), nie całą szerokość kontenera. */
.about-cases__heading {
	width: 896px;
	max-width: 100%;
	margin: 0;
	color: var(--color-title);
}

.about-cases__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-md);
	margin: 60px 0 0;
	padding: 0;
	list-style: none;
}

.about-cases__item {
	display: flex;
}

.about-cases__item > * {
	flex: 1 1 auto;
}

@media (max-width: 991px) {
	.about-cases {
		padding-block: var(--space-section);
	}

	.about-cases__grid {
		grid-template-columns: minmax(0, 1fr);
		margin-top: var(--space-lg);
	}
}