.stat-strip {
	padding: 0 0 var(--section-space-lg);
	background: var(--color-bg);
}

.stat-strip__items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
	gap: var(--space-8);
	margin: 0;
	padding: 0;
	list-style: none;
}

.stat-strip__item {
	min-width: 0;
	padding-top: var(--space-6);
	border-top: 1px solid var(--color-border);
}

.stat-strip__value {
	display: block;
	margin-bottom: var(--space-3);
	color: var(--color-text);
	font-size: var(--type-section-title);
	font-weight: var(--font-semibold);
	line-height: var(--leading-none);
	letter-spacing: var(--tracking-heading);
	overflow-wrap: anywhere;
}

.stat-strip__label {
	display: block;
	color: var(--color-text-muted);
	font-size: var(--text-sm);
	font-weight: var(--font-medium);
	line-height: var(--leading-ui);
}

.stat-strip--display .stat-strip__items {
	grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
	gap: 0;
	border-block: 1px solid var(--color-border);
}

.stat-strip--display .stat-strip__item {
	padding: var(--space-10) var(--space-8);
	border-top: 0;
	border-left: 1px solid var(--color-border-light);
}

.stat-strip--display .stat-strip__item:first-child {
	border-left: 0;
}

.stat-strip--display .stat-strip__value {
	font-size: var(--type-display);
}

.stat-strip--display .stat-strip__label {
	font-size: var(--text-xs);
	font-weight: var(--font-semibold);
	text-transform: uppercase;
	letter-spacing: var(--tracking-label);
}

@media (max-width: 767px) {
	.stat-strip {
		padding-bottom: var(--section-space);
	}

	.stat-strip__items,
	.stat-strip--display .stat-strip__items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.stat-strip__value,
	.stat-strip--display .stat-strip__value {
		font-size: var(--type-heading-sm);
	}

	.stat-strip--display .stat-strip__item {
		padding: var(--space-8) var(--space-4);
		border-top: 1px solid var(--color-border-light);
	}

	.stat-strip--display .stat-strip__item:nth-child(-n + 2) {
		border-top: 0;
	}

	.stat-strip--display .stat-strip__item:nth-child(odd) {
		padding-left: 0;
		border-left: 0;
	}

	.stat-strip--display .stat-strip__item:nth-child(even) {
		padding-right: 0;
	}
}