/* ══════════════════════════════════════════════════════════════════════
   Le premier bloc des pages du menu Estimation — un seul contrat

   Cinq pages, cinq feuilles, cinq héros qui ne se parlaient pas : titre
   gras ici, centré là, 46 px ou 70 px, marge à 80, 130 ou 250 px. Cette
   feuille se charge APRÈS chacune et impose la même grammaire à toutes,
   prise sur le Centre de connaissances (la plus récente) :

     kicker   11 px, espacé 3 px, or clair, 16 px au-dessus du titre
     h1       serif REGULAR, clamp(42px, 6vw, 70px), interligne .98
     accent   italique or clair
     sous     17 px, blanc 78 %, interligne 1.72, 62ch au plus
     fond     le même dégradé navy, même padding, même largeur utile
     tout     aligné à gauche

   Transactions et Marché Rive Gauche ne sont PAS dans la liste : leurs
   héros portent une animation et une mise en page propres, voulues.
   ══════════════════════════════════════════════════════════════════════ */

.gl-hero, .fq-hero, .know-hero, .nh, .eh {
	background:
		radial-gradient(circle at top right, rgba(196,168,130,.16), transparent 34%),
		linear-gradient(135deg, #071327 0%, #0c2244 58%, #0e2a55 100%) !important;
	color: #fff;
	padding: calc(var(--r5-header-h, 72px) + 56px) clamp(20px, 5.5vw, 80px) 62px !important;
	text-align: left !important;
	position: relative; overflow: hidden;
}

/* La largeur utile : 1280 px centrés, comme le Centre de connaissances.
   Les deux héros sans conteneur (.nh, .eh) reçoivent la contrainte sur
   leurs enfants directs via une marge auto — même résultat. */
.gl-hero-inner, .fq-hero-inner, .know-hero-inner { max-width: 1280px !important; margin: 0 auto !important; padding: 0 !important; }
.nh > *, .eh > * { max-width: 1280px; margin-left: auto !important; margin-right: auto !important; }

/* Le kicker */
.gl-kicker, .fq-kicker, .know-hero-eyebrow, .k-nv, .k-es {
	display: block; margin: 0 0 16px !important;
	font-family: var(--font-sans); font-size: 11px !important; letter-spacing: 3px !important;
	text-transform: uppercase; color: var(--gold-light, #A88B63) !important; font-weight: 400;
}

/* Le titre : regular, jamais gras */
.gl-hero h1, .fq-hero h1, .know-h1, .nh h1, .eh h1 {
	font-family: var(--font) !important; font-weight: 400 !important;
	font-size: clamp(42px, 6vw, 70px) !important; line-height: .98 !important; letter-spacing: -.01em;
	color: #fff !important; margin: 0 0 18px !important; max-width: 16ch !important;
	text-align: left !important;
}
.gl-hero h1 em, .fq-hero h1 em, .nh h1 em, .eh h1 em { font-style: italic; color: var(--gold-light, #A88B63) !important; font-weight: inherit; }

/* Le sous-titre : le premier paragraphe qui suit le titre */
.gl-hero h1 + p, .fq-hero h1 + p, .know-subtitle, .nh h1 + p, .eh h1 + p {
	font-size: 17px !important; line-height: 1.72 !important; color: rgba(255,255,255,.78) !important;
	max-width: 62ch !important; margin: 0 0 30px !important; text-align: left !important;
}

/* Ce qui vient sous le sous-titre (recherche, compteurs, badges, filtres)
   s'aligne à gauche lui aussi — plus de centrage résiduel. */
.eh-badges { justify-content: flex-start !important; }
/* Le renvoi vers le glossaire (base.css le centre avec une marge auto) :
   il reste un paragraphe du héros, donc à gauche avec les autres. */
.nh .r5-renvoi-glossaire, .eh .r5-renvoi-glossaire { margin-left: 0 !important; margin-right: auto !important; text-align: left !important; }
/* Il est généré AVANT le h1 : notre règle « h1 + p » ne le touche pas,
   mais il gardera la taille du sous-titre pour ne pas rivaliser. */
.nh .r5-renvoi-glossaire { margin-bottom: 22px !important; }

@media (max-width: 768px) {
	.gl-hero, .fq-hero, .know-hero, .nh, .eh { padding-top: calc(var(--r5-header-h, 72px) + 36px) !important; padding-bottom: 44px !important; }
	/* base.css force h1 à clamp(26px,7vw,42px) !important sous 768 px :
	   on le reprend pour que le titre reste le titre. */
	.gl-hero h1, .fq-hero h1, .know-h1, .nh h1, .eh h1 { font-size: clamp(34px, 9.6vw, 46px) !important; max-width: none !important; }
	.gl-hero h1 + p, .fq-hero h1 + p, .know-subtitle, .nh h1 + p, .eh h1 + p { font-size: 15.5px !important; }
}