/*
 * FRONT-PAGE — Hero
 *
 * Surcharges spécifiques à l'accueil : image de fond, hauteur,
 * taille du titre, espacement du paragraphe.
 * Les styles de base sont dans shared/hero.css.
 */

.hero {
	min-height: 720px;
	background-image:
		linear-gradient(90deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.45) 55%, rgba(255, 255, 255, 0.25) 100%),
		url('https://images.unsplash.com/photo-1519689680058-324335c77eba?auto=format&fit=crop&w=1800&q=80');
}

.hero h1 {
	font-size: clamp(36px, 6vw, 84px);
}

.hero p {
	margin-bottom: 40px;
	max-width: 620px;
}

@media (max-width: 540px) {
	.hero { min-height: 520px; }
	.hero h1 { font-size: 36px; line-height: 1.1; }
}