.impact-stats { position: relative; isolation: isolate; width: 100vw; max-width: none; overflow: hidden; color: #fff; }
.impact-stats__image { position: absolute; z-index: -3; inset: 0; background: url('/site/assets/files/pictures/unnamed%20%2827%29.webp') center 44% / cover no-repeat; }
.impact-stats__overlay { position: absolute; z-index: -2; inset: 0; background: rgb(5 37 61 / 91%); }
.impact-stats::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(5 35 57 / 25%), rgb(8 61 72 / 18%), rgb(5 35 57 / 25%)); }
.impact-stats__inner { padding-top: clamp(58px, 6vw, 82px); padding-bottom: clamp(58px, 6vw, 82px); }
.impact-stats__header { margin-bottom: 36px; text-align: center; }
.impact-stats__header p { margin: 0 0 6px; color: var(--gold); font-size: .7rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.impact-stats__header h2 { margin: 0; color: #fff; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(1.65rem, 2.6vw, 2.45rem); font-weight: 500; letter-spacing: -.03em; line-height: 1.15; }
.impact-stats__header h2 strong { font-weight: 800; }
.impact-stats__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.impact-stat { position: relative; display: flex; min-width: 0; align-items: center; flex-direction: column; padding: 5px 18px 2px; text-align: center; }
.impact-stat:not(:last-child)::after { content: ''; position: absolute; top: 10%; right: 0; width: 1px; height: 80%; background: rgb(255 255 255 / 17%); }
.impact-stat > svg { width: 45px; height: 45px; margin-bottom: 11px; fill: none; stroke: var(--gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.impact-stat strong { display: flex; align-items: flex-start; color: #fff; font-family: 'DM Sans', system-ui, sans-serif; font-size: clamp(1.65rem, 2.4vw, 2.25rem); font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.impact-stat sup { margin: 2px 0 0 2px; color: var(--gold); font-size: .48em; letter-spacing: 0; }
.impact-stat > span { display: block; margin-top: 9px; color: rgb(255 255 255 / 88%); font-size: clamp(.66rem, .8vw, .78rem); font-weight: 600; line-height: 1.35; }

@media (max-width: 980px) {
	.impact-stats__grid { grid-template-columns: repeat(3, 1fr); row-gap: 38px; }
	.impact-stat:nth-child(3)::after { display: none; }
	.impact-stat:nth-child(n+4) { padding-top: 26px; border-top: 1px solid rgb(255 255 255 / 15%); }
}

@media (max-width: 560px) {
	.impact-stats__header { margin-bottom: 30px; }
	.impact-stats__grid { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }
	.impact-stat { padding-inline: 12px; }
	.impact-stat:nth-child(3)::after { display: block; }
	.impact-stat:nth-child(2n)::after { display: none; }
	.impact-stat:nth-child(n+3) { padding-top: 25px; border-top: 1px solid rgb(255 255 255 / 15%); }
	.impact-stat > svg { width: 40px; height: 40px; }
}
