.counterlist {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.25em;
}

.counterlist li {
	display: flex;
	justify-content: center;
	align-items: first baseline;
	flex-direction: column;
	min-width: 200px;
	flex-grow: 1;
	color: var(--template-color-white, #fff);
	text-align: center;
	font-weight: 500;
	letter-spacing: .08em;
	line-height: 1.35;
	text-transform: uppercase;
	container-type: inline-size;
}

#site .counterlist {
	padding: 0;
	margin: clamp(1.25em, 2vw, 2.5em) 0;
}
#site .counterlist li {
	padding: 0;
	margin: 0;
}

.counterlist li {
	transition: opacity .6s, translate .6s ease-out;
}

.counterlist li:nth-child(2) {
	transition-delay: .3s;
}

.counterlist li:nth-child(3) {
	transition-delay: .6s;
}

.counterlist li:nth-child(4) {
	transition-delay: .9s;
}

#site section > .grp-mem:has(.counterlist) {
	padding-inline: calc(50% - 60ch);
}

.counterlist strong {
	width: 100%;
	font-size: 1.75em;
	font-size: max(19.339cqi, 1.75em);
	font-weight: 800;
	text-align: center;
	margin-bottom: max(.35em, .75rem);
	white-space: nowrap;
	transition: color 1s;
}

.counterlist__textcontent {
	font-size: .85em;
	max-width: 18.38em;
	margin: auto auto 0;
}

strong.counterlist__counter--whobble {
	color: var(--template-color-white, #fff);
	transition: none;
}

@media not (prefers-reduced-transparency) {

	.counterlist li {
		opacity: 0;
	}
}

@media not (prefers-reduced-motion) {

	.counterlist li {
		translate: 0 3em;
	}
}

.counterlist--visible li {
	opacity: 1;
	translate: 0 0;
}