/* Page Formations (porte d'entrée) : bandeau formatrice de la maquette (29 oct. 2026). Chargé uniquement par formations.html */
.hub-who { display: flex; flex-wrap: wrap; align-items: center; gap: 20px clamp(24px, 3vw, 40px); max-width: 60rem; margin: 0 auto; padding: clamp(36px, 6vh, 64px) var(--edge); }
.hub-who { border-block: 1px solid var(--hair); background: #fff; max-width: none; justify-content: center; }
.hub-who__photo { flex: none; width: 112px; height: 112px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; }
.hub-who__body { flex: 0 1 38rem; min-width: 0; display: flex; flex-direction: column; gap: .5em; align-items: flex-start; }
.hub-who__title { font-family: var(--f-title); font-weight: 400; font-size: var(--t-h5); line-height: 1.2; }
.hub-who__text { font-weight: 300; line-height: 1.6; color: #3d3d3d; }
.fh__ask strong { font-weight: 500; }

/* Corrections du 29 oct. 2026 (soir) */
/* 1. Pas de grands vides : chaque section prend la hauteur de son contenu */
.fh--hub, .f-sec.quotes, .faq { min-height: 0 !important; }
.fh--hub { padding-bottom: clamp(48px, 8vh, 96px); }
.f-sec.quotes { padding-block: clamp(56px, 9vh, 110px); }
.faq { padding-block: clamp(64px, 10vh, 120px); }
/* Titre principal : la petite ligne fait partie du titre (référencement), sans changement visuel */
.fn-h1, .fn-h1 .kicker, .fn-h1 .fh__title { display: block; }
.fh--hub .fn-h1 .fh__title { max-width: 18ch; margin-inline: auto; }
/* 2. Date de la prochaine session sur la carte Nantes */
.offer__date { font-family: var(--f-title); font-weight: 400; font-size: .95rem; letter-spacing: .02em; color: #f2d9cf; margin-top: .35em; }
/* 4. Le mot « Formations » en filigrane remonte au-dessus du titre */
.fh--hub .fh__word { top: calc(var(--nav-h, 80px) - 1.5rem); font-size: clamp(4.5rem, 11vw, 13rem); color: rgba(33, 33, 33, .03); }
/* Bandeau formatrice : nouveau portrait cadré sur le visage */
.hub-who__photo { object-position: 50% 30%; }
/* Bouton vers la page Témoignages (comme sur la page Nantes) */
.fn-allreviews { display: flex; justify-content: center; margin-top: clamp(28px, 4.5vh, 48px); }
/* Une photo en haut de chaque carte (30 oct. 2026) */
.offer__media { margin: calc(-1 * clamp(24px, 2.4vw, 40px)) calc(-1 * clamp(22px, 2.2vw, 38px)) clamp(18px, 2.4vh, 26px); height: 150px; overflow: hidden; background: #e2ddd7; }
.offer__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) { .offer__media { height: 130px; } }