/**
 * FLL Project — page SEO & Marketing digital.
 * S'appuie sur homepage.css, dsm.css, sw.css et am.css.
 */

/* H1 : sur-titre intégré au titre (mot-clé), titre éditorial dessous. */
.fll-mk .fll-mk-hero .fll-dsm-hero__title {
	display: flex;
	flex-direction: column;
}

.fll-mk .fll-mk-eyebrow {
	display: flex;
	align-items: center;
	margin: 0 0 18px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.fll-mk .fll-mk-title {
	display: block;
}

/* Légendes des visuels de démonstration. */
.fll-mk .fll-mk-figure figcaption {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--fll-muted, #6b7280);
}

/* Liste « données analysées ». */
.fll-mk .fll-mk-list {
	margin: 20px 0 0;
}

.fll-mk .fll-mk-list li {
	align-items: center;
	font-size: 15px;
	color: var(--fll-ink, #111);
}

/* Leviers : ancres + note. */
.fll-mk .fll-mk-levers li[id] {
	scroll-margin-top: calc(var(--fll-header-offset, 88px) + 24px);
}

.fll-mk .fll-mk-levers__note {
	margin-top: 24px;
}

.fll-mk .fll-mk-approach .fll-am-tech__media img {
	box-shadow: 0 24px 60px -30px rgba(17, 17, 17, 0.45);
}

@media (min-width: 1024px) {
	.fll-mk .fll-mk-levers .fll-sw-proj__head {
		grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
	}

	.fll-mk .fll-mk-levers .fll-dsm-h2 {
		max-width: 20em;
	}
}