.layout--key-stats {
	display: grid;
	grid-template-columns: 1fr;

	.key-stats-item {
		text-align: center;
		position: relative;
		--skew: skewY(-15deg);
		--translate: translate(0, -50%);
		--rotate: rotate(90deg);

		padding-block: 2rem;

		&:not(&:first-child) {
			&:before {
				content: '';
				display: inline-block;
				position: absolute;
				top: 0;
				left: 50%;
				transform-origin: center;
				width: 2px;
				height: 10rem;
				transform: var(--translate) var(--skew) var(--rotate);
				background: #7399C6;
			}
		}
	}

	@media (width > 900px) {
		grid-template-columns: 1fr 1fr 1fr;
		.key-stats-item {
			--rotate: rotate(0deg);
			--skew: skewX(-15deg);
			padding-block: 6rem;
			&:not(:first-child) {
				&:before {
					top: 50% !important;
					left: 0 !important;
					height: 18.125rem;
				}
			}
		}
	}

	.stat-number {
		margin: 0;
	}

	.stat-label {
		margin: 0;
		color: #A7A9AC;
	}

	
}