/* ==========================================================================
   Statement
   ========================================================================== */

.statement__grid {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
	gap: var(--space-5);
}

.statement__label {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
}

.statement__index {
	font-family: var(--font-display);
	font-style: italic;
	color: var(--ace-gold);
}

.statement__text {
	max-width: 26ch;
	font-size: var(--fs-statement);
	font-weight: 300;
	line-height: 1.18;
	letter-spacing: -0.02em;
}

.statement__body {
	max-width: 58ch;
	margin-top: var(--space-6);
	margin-left: auto;
	margin-right: clamp(0rem, 6vw, 6rem);
	font-size: var(--fs-lead);
	line-height: 1.65;
	color: var(--text-secondary);
}

.statement__body p + p {
	margin-top: var(--space-3);
}

.statement__facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-5);
	margin-top: clamp(3rem, 6vw, 5rem);
}

.statement__fact {
	padding-top: var(--space-4);
	border-top: 1px solid var(--border-strong);
	position: relative;
}

.statement__fact::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 48px;
	height: 1px;
	background: var(--ace-gold);
}

.statement__fact dd {
	margin-top: var(--space-2);
	font-family: var(--font-display);
	font-size: var(--fs-h3);
	font-weight: 350;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.section--navy .statement__body {
	color: var(--text-inverse-muted);
}