/*
 * Sectie 04: What we believe (quote).
 * Eén doorlopende quote: het eerste deel Regular (<strong>), het vervolg Light op 75% (.fm-s04-licht).
 * In Figma staan de Regular-regels 58.32px uit elkaar (1.08em) en zakt het Light-vervolg 11px onder de
 * basislijn van "how to train it."; de Light-regels zelf staan 63.72px (1.18em) uit elkaar.
 * Daarom: de p zelf zonder regelhoogte (de strut telt dan niet mee), elk deel zijn eigen regelhoogte,
 * en het Light-deel met vertical-align omlaag. Alles in em, zodat het op tablet en gsm mee schaalt.
 */

/* Figma: eyebrow 25px, gap 14; de eerste quoteregel begint daar 0.53px boven (166.47px in de sectie) */
.fm-s04 .fm-s04-tekst .fm-eyebrow { margin-bottom: 13.72px; }

.fm-s04 blockquote.fm-s04-quote {
	max-width: 980px;
	margin: 0;
	padding: 0 0 .0424em; /* onderkant zoals in Figma: sectie 549.88px hoog */
	border: 0;
	font-size: 54px;
	letter-spacing: -.02em;
	color: var(--fm-chocolate);
}
.fm-s04 blockquote.fm-s04-quote::before,
.fm-s04 blockquote.fm-s04-quote::after { content: none; }

.fm-s04 blockquote.fm-s04-quote p {
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: 0;
	letter-spacing: inherit;
	color: inherit;
}
.fm-s04 blockquote.fm-s04-quote strong {
	font-weight: 400;
	line-height: 1.08;
	color: var(--fm-chocolate);
}
/* Figma liet het Light-deel .205em zakken; met de copy van 15-10 begint het midden in de derde regel en leek dat een
   rare tussenruimte. Sindsdien op dezelfde basislijn (vraag Dario). Vorige versie: versies/04-quote.v1.css */
.fm-s04 blockquote.fm-s04-quote .fm-s04-licht {
	font-weight: 300;
	line-height: 1.18;
	vertical-align: baseline;
	color: rgba(43, 26, 18, .75);
}

/* ---------- tablet en gsm ---------- */

/* Op smallere schermen valt de regelval anders; de verlaagde Light-tekst leest dan als een fout.
   Daar één basislijn en één regelhoogte voor de hele quote. */
@media (max-width: 999px) {
	.fm-s04 blockquote.fm-s04-quote { font-size: 40px; padding-bottom: 0; }
	.fm-s04 blockquote.fm-s04-quote strong,
	.fm-s04 blockquote.fm-s04-quote .fm-s04-licht { line-height: 1.16; vertical-align: baseline; }
}
@media (max-width: 690px) {
	.fm-s04 .fm-s04-tekst .fm-eyebrow { margin-bottom: 12px; }
	.fm-s04 blockquote.fm-s04-quote { font-size: 30px; letter-spacing: -.015em; }
}