/*
 * Ferraro 1970 — styles des blocs d'extensions.
 * Un bloc = une section. Garder les selecteurs sous le prefixe frr-.
 */

/* --- Hero --- */
.frr-hero {
	position: relative;
	padding: var(--frr-space-xl) 0;
	background-color: var(--frr-color-surface);
	background-size: cover;
	background-position: center;
}

.frr-hero--has-image {
	color: #fff;
}

.frr-hero--has-image::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.35);
}

.frr-hero__inner {
	position: relative;
	max-width: var(--frr-content-max);
	margin: 0 auto;
	padding-left: var(--frr-page-padding);
	padding-right: var(--frr-page-padding);
}

.frr-hero__eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: var(--frr-fs-small);
	margin: 0 0 var(--frr-space-sm);
}

.frr-hero__title {
	font-size: var(--frr-fs-display);
	margin: 0 0 var(--frr-space-sm);
}

.frr-hero__subtitle {
	font-size: var(--frr-fs-h3);
	max-width: 60ch;
	margin: 0 0 var(--frr-space-md);
}

/* --- Richtext --- */
.frr-richtext {
	padding: var(--frr-space-lg) 0;
}

.frr-richtext__inner {
	max-width: 760px;
	margin: 0 auto;
	padding-left: var(--frr-page-padding);
	padding-right: var(--frr-page-padding);
}

.frr-richtext__title {
	font-size: var(--frr-fs-h2);
}

.frr-richtext__content > * {
	margin-top: 0;
	margin-bottom: var(--frr-space-sm);
}