/**
 * Impact Stats — homepage, right after the donate band. Same sitewide
 * component vocabulary as every other homepage section (.section-label
 * pill, split-stroke heading) rather than a one-off look. Two of the
 * four figures are counted live from real records (Initiatives,
 * Partners); the other two are admin-editable via the Customizer and
 * show an honest "Add a number" placeholder until filled in.
 */
.impact-stats {
	padding: clamp(48px, 6vw, 80px) 8.75vw;
	background: var(--wp--preset--color--paper);
	text-align: center;
}
.impact-stats__inner {
	max-width: 1000px;
	margin: 0 auto;
}
.impact-stats .section-label {
	justify-content: center;
	margin: 0 auto 20px;
}
.impact-stats h2 {
	margin: 0 0 40px;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.05;
	text-transform: uppercase;
	text-wrap: balance;
}
.impact-stats h2 span {
	color: transparent;
	-webkit-text-stroke: 1.5px #000;
}

/* Only this row gets the solid-color treatment, not the whole
   section — the heading/label above sit on the normal page
   background. */
.impact-stats__grid {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: clamp(20px, 4vw, 48px);
	padding: clamp(32px, 5vw, 48px) clamp(24px, 4vw, 40px);
	border-radius: 20px;
	background: var(--wp--preset--color--primary);
}
.impact-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	min-width: 120px;
}
.impact-stat__value {
	color: var(--wp--preset--color--secondary);
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1;
}
.impact-stat__value--placeholder {
	color: rgba(255, 255, 255, 0.75);
	font-size: clamp(1rem, 1.6vw, 1.15rem);
	font-weight: 700;
	font-style: italic;
	text-transform: none;
	letter-spacing: normal;
}
.impact-stat__label {
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.impact-stats__divider {
	width: 1px;
	height: 44px;
	background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 700px) {
	.impact-stats__divider {
		display: none;
	}
	.impact-stats__grid {
		gap: 28px 40px;
	}
}