/* ==========================================================================
   Citation : phrase centrée, FreightBig italique 48/50, 1294 px max.
   ========================================================================== */

.citation {
	padding-block: var(--citation-haut) var(--citation-bas);
}

.citation__texte {
	width: min(var(--citation-w), var(--container));
	margin-inline: auto;
	font-family: var(--ff-serif);
	font-style: italic;
	font-weight: var(--fw-medium);
	font-size: var(--fs-accroche);
	line-height: var(--lh-accroche);
	text-align: center;
}

/* Juste après un trait simple (À propos) : la citation est plus proche. */
.separateur--aucun + .citation {
	padding-top: var(--citation-haut-trait);
}

@media (max-width: 1023.98px) {
	.citation {
		padding-block: var(--space-xl);
	}
}