/* Block: Statistics grid. Figma: Syllabus 1:776-1:793 */

/* Same specificity as the base rule for dark sections, so the Space settings still win. */
.section--stats-grid:not([class*="pb-"]),
.section--stats-grid.is-dark:not([class*="pb-"]) { --pb: var(--space-xl); }

.stats-grid {
	display: grid;
	grid-template-columns: 36.29% minmax(0, 1fr); /* grid starts 495 into the 1364 box */
	align-items: start;
}

.stats-grid__items {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(48px, 5.73vw, 110px) clamp(24px, 3.59vw, 69px);
	margin: 0;
}

.stats-grid__item {
	min-height: clamp(0px, 21.1vw, 405px);
	padding-top: clamp(28px, 2.97vw, 57px);
	border-top: 1px solid var(--c-line-strong);
}

.stats-grid__number {
	margin: clamp(40px, 5.2vw, 100px) 0 0;
	font-size: clamp(3.25rem, 4.69vw, 5.625rem); /* 90 */
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.033em;
}

.stats-grid__text {
	margin: clamp(28px, 3.18vw, 61px) 0 0;
	font-size: clamp(0.9375rem, 0.9375vw, 1.125rem); /* 18 */
	line-height: 1.44;
	letter-spacing: -0.027em;
}

@media (max-width: 1024px) {
	.stats-grid {
		grid-template-columns: 1fr;
		gap: var(--space-s);
	}
}

@media (max-width: 480px) {
	.stats-grid__items { grid-template-columns: 1fr; }
}