/* Clarendis — une page qui porte son propre héros masque le bandeau du thème.
   Posé le 05/08/2026.

   LE DÉFAUT : /histoire/, /approche/ et /en/approach/ affichaient DEUX blocs
   sombres consécutifs — le bandeau du thème, 408 px, puis leur propre héros noir
   — et deux titres pour la même page.

   LA CONVENTION DU SITE, mesurée sur cinq pages de référence :

     page                        bandeau   héros propre
     /a-propos/                    0 px     ap-hero      399 px
     /pilotage-digital/            0 px     pil-hub-hero 394 px
     /expertises/                  0 px     exhb-hero    357 px
     /secteurs/industrie-tech/     0 px     sec-hero     369 px
     /ressources/                  0 px     rss-hero     367 px

   Toutes masquent le bandeau. Les quatre pages en écart étaient les seules à ne
   pas figurer dans la liste d'identifiants du CSS critique — une liste figée,
   que le principe directeur du projet proscrit. La règle est donc posée sur ce
   que la page EST : son contenu porte un élément de classe « …hero… ».

   Sans objet sur les 44 pages qui masquaient déjà le bandeau : la règle y fait
   double emploi, sans effet de bord.

   MESURE DÉFINITIVE — elle n'attend rien. Elle cesserait d'avoir un objet le
   jour où le thème n'émettrait plus ce bandeau. */

#pxl-page-title-default {
	display: none !important;
}

#pxl-main {
	padding-top: 0 !important;
	min-height: 0 !important;
}

/* ── Le héros doit occuper toute la largeur ──────────────────────────────────
   Sur les pages de référence, le héros est plein cadre : `ap-hero` mesurait
   1440 px de large à l'abscisse 0. Sur les quatre pages remises en état, il
   restait dans `#pxl-main .container` — 1304 px à l'abscisse 76 — ce qui
   laissait deux marges blanches de part et d'autre du bloc sombre.

   Les deux classes sont nommées explicitement : ce sont celles que le CSS de
   ces pages définit. Un sélecteur d'attribut du type [class*="hero"] attraperait
   aussi `clr-hero-inner`, qui doit rester dans la largeur de lecture.

   `100vw` inclut la barre de défilement. On ne la retranche pas : la marge
   négative est calculée depuis `50%` du conteneur, ce qui recentre exactement.
   Contrôlé à 390, 768 et 1440 px — débordement horizontal nul. */
.clr-hero,
.clr-ap-hero {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* ── Fil d'Ariane replacé dans le héros ─────────────────────────────────────
   Il remplace le lien « Retour à l'accueil » retiré du contenu le 05/08/2026,
   et rend visible une navigation qui, dans le bandeau, ne l'était sur aucune
   page à héros. */
.clr-fil {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .45);
	margin: 0 0 24px;
}
.clr-fil a { color: rgba(255, 255, 255, .45); text-decoration: none; }
.clr-fil a:hover { color: rgba(255, 255, 255, .85); }
.clr-fil span:last-child { color: rgba(255, 255, 255, .85); }