/* Stats Counter Block */
.stats-counter {position: relative; margin: 0;}
.stats-counter-container {position: relative; z-index: 2;}
.stats-counter-header {text-align: left; max-width: 1420px; margin: 0 auto; padding-left: clamp(20px, 3vw, 50px); padding-right: clamp(20px, 3vw, 50px);}
.stats-counter-grid {display: flex; justify-content: space-between; max-width: 1420px; margin: 0 auto; padding-left: clamp(20px, 3vw, 50px); padding-right: clamp(20px, 3vw, 50px);}
.stat-item {text-align: center; z-index: 2; position: relative;}
.stat-number {font-size: clamp(20px, 3vw, 60px); font-family: var(--font-display); font-weight: 300; margin-bottom: 40px; color: var(--wellington-gold); display: inline-block; line-height: 0.5; padding: .75em 0.2em 0.25em;}
.stat-label {font-size: clamp(16px, 2vw, 23px); margin: 0 auto; font-weight: 300; text-align: center; line-height: 1.6; font-family: var(--font-display);}
.stats-counter-accent {position: absolute; top: 0; right: 0; z-index: 3; width: clamp(90px, 12vw, 215px); height: auto; transform: translate(16%, -60%); pointer-events: none;}
.leaf-cluster {position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1;}
.leaf-accent {position: absolute; opacity: 0;}
.leaf-accent--1 {width: 240px;}
.leaf-accent--2 {width: 165px;}
.leaf-accent--3 {width: 125px;}
.wellies-cluster {position: absolute; top: -10%; left: 5%; max-width: clamp(150px, 25vw, 275px); transform: translate(70%, -30%);}
.wellies-cluster svg {opacity: 0.15; width: 100%; height: 100%;}

/* Responsive */

@media (max-width: 900px) {
	.stats-counter-grid {flex-wrap: wrap; gap: 50px;}
}

@media (max-width: 768px) {
	.stats-counter-block {padding: 5rem 0;}
	.stats-counter-header {margin-bottom: 4rem;}
	.stats-counter-grid {gap: 2.5rem;}
	.stat-item {padding: 2.5rem 1.5rem;}
}

@media (max-width: 500px) {
	.wellies-cluster {top: -5%; left: -5%;}
	.stats-counter-grid {grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));}
	.stat-label {font-size: 22px; max-width: 275px;}
	.stats-counter-header {margin-bottom: 0; padding-bottom: 0;}
	.stats-counter-grid {flex-direction: column; gap: 0;}
	.stat-number {font-size: 40px;}
    .stats-counter-container {padding-top: 0!important;}
    .stats-counter-accent {width: clamp(90px, 30vw, 215px); transform: translate(15%, -35%);}
}