/**
 * Statistical data — number line + caption.
 */

.heinz-stat {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
}

.heinz-stat__figure {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	margin: 0;
	color: var(--heinz-color-title);
	font-family: var(--heinz-font-heading);
	font-size: var(--text-3xl);
	font-weight: var(--font-weight-medium);
	line-height: var(--text-3xl--line-height);
}

.heinz-stat__prefix,
.heinz-stat__number,
.heinz-stat__postfix {
	color: inherit;
	font: inherit;
}

.heinz-stat__text {
	margin: 0;
	color: var(--heinz-color-text);
	font-family: var(--heinz-font-body);
	font-size: var(--text-xs);
	font-weight: var(--font-weight-normal);
	letter-spacing: var(--tracking-widest);
	line-height: var(--text-xs--line-height);
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.heinz-stat__figure {
		font-size: var(--text-4xl);
		line-height: var(--text-4xl--line-height);
	}
}