/**
 * Module: Statics Section (Track record / Proof)
 * Loaded when a `statics_section` layout is present on the page.
 */

/* Proof */
.proof,
section.proof {
	background: var(--frost);
	border-bottom: 1px solid var(--line);
	padding: 0;
}

.proof .wrap,
section.proof .wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.stat {
	padding: 26px 28px 24px;
	border-left: 1px solid var(--line);
}

.stat:first-child {
	border-left: 0;
	padding-left: 0;
}

.stat .n {
	font-family: var(--display);
	font-weight: 800;
	font-size: 36px;
	color: var(--indigo);
	line-height: 1;
	letter-spacing: -.03em;
	font-variant-numeric: tabular-nums;
	display: inline-block;
}

.stat .n b {
	color: var(--crimson);
	font-weight: 800;
}

.stat .n .v {
	display: inline-block;
}

.stat.rolling .v {
	animation: roll .9s cubic-bezier(.2, .8, .2, 1);
}

.stat .l {
	font-size: 13.5px;
	color: var(--ink-soft);
	margin-top: 8px;
}

@keyframes roll {
	0% {
		transform: translateY(.6em);
		opacity: 0;
		filter: blur(3px);
	}
}

@media (max-width: 980px) {
	.proof .wrap,
	section.proof .wrap {
		grid-template-columns: 1fr 1fr;
	}

	.stat {
		padding: 24px 20px;
	}

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

	.stat:nth-child(-n+2) {
		border-bottom: 1px solid var(--line);
	}
}