/** Section — Héros éditorial. */

.dh-hero {
	background: var(--ultra-light);
	padding-block: var(--marge-xl) 0;
}

.dh-hero__filet {
	display: flex;
	align-items: center;
	gap: var(--marge-m);
	margin-bottom: var(--marge-xl);
}

.dh-hero__trait {
	height: 1px;
	background: var(--text-black);
	opacity: 0.35;
}

.dh-hero__trait--long { flex: 3 1 0; }
.dh-hero__trait--court { flex: 1 1 0; }

.dh-hero__tete {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 424px);
	align-items: end;
	gap: var(--marge-xl);
	margin-bottom: var(--marge-xl);
}

.dh-hero__titre { margin: 0; }

.dh-hero__intro {
	margin: 0;
	color: var(--text-gray);
}

.dh-hero__image {
	width: 100%;
	aspect-ratio: 2 / 1;
	object-fit: cover;
}

.dh-hero__image--vide {
	background: linear-gradient(160deg, var(--light), var(--text-gray));
}

@media (max-width: 760px) {
	.dh-hero__tete { grid-template-columns: 1fr; align-items: start; }
}