/**
 * Section : Double texte.
 * D'après le design Figma "Content Section".
 */

@layer sections {
	.mm-double-text {
		/* Grand espacement au-dessus, plus resserré en dessous (cf. maquette). */
		--mm-section-pt: var(--mm-section-space-large);
		--mm-section-pb: var(--mm-space-large);
	}

	.mm-double-text__inner {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--mm-space-hero);
	}
	@media (min-width: 62rem) {
		.mm-double-text__inner {
			grid-template-columns: 1fr 1fr;
			gap: clamp(var(--mm-space-xl), 8vw, 10rem);
			align-items: start;
		}
	}

	.mm-double-text__col {
		display: flex;
		flex-direction: column;
		gap: var(--mm-space-hero); /* ~68px entre titre et texte */
	}
	.mm-double-text__title {
		margin: 0;
		font-size: var(--mm-fs-400); /* → 49px */
		line-height: 1.2;
		color: var(--mm-color-on-tint);
	}
	.mm-double-text__text { color: var(--mm-color-on-tint); }
	.mm-double-text__text p { line-height: 1.5; }
	.mm-double-text__text > * + * { margin-block-start: var(--mm-paragraph-gap); }
}