/* Héros des pages (gabarit pc-domaines.png) : fond bleu profond, fil d'Ariane, H1, introduction et actions ;
   photo 4:3 à droite à partir de 1024 px, 16:9 sous le texte en dessous */
.page-hero__grille {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--sre-e32);
}
.page-hero .breadcrumb { margin-bottom: var(--sre-e16); }
.page-hero .breadcrumb a { color: #fff; }
.page-hero .breadcrumb-item.active,
.page-hero .breadcrumb-item + .breadcrumb-item::before { color: var(--sre-bleu-clair); }
.page-hero .breadcrumb a:focus-visible { outline-color: var(--sre-orange); }
.page-hero__titre { margin: 0; color: #fff; }
.page-hero__intro {
  max-width: 760px;
  margin-top: var(--sre-e16);
  color: var(--sre-bleu-clair);
}
.page-hero__intro h2,
.page-hero__intro h3,
.page-hero__intro h4,
.page-hero__intro h5,
.page-hero__intro h6 {
  margin: 0;
  color: inherit;
  font: inherit;
}
.page-hero__intro strong { color: #fff; }
.page-hero__intro a { color: #fff; }
.page-hero__intro p:last-child { margin-bottom: 0; }
.page-hero__cta { margin-top: var(--sre-e24); }
.page-hero__photo { display: block; }
.page-hero__photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--sre-rayon-m);
}
@media (max-width: 767.98px) {
  .page-hero.sre-section { padding-block: var(--sre-e48); }
}
@media (min-width: 1024px) {
  .page-hero--photo .page-hero__grille {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--sre-e48);
    align-items: center;
  }
  .page-hero__photo img { aspect-ratio: 4 / 3; }
}
/* Mises en valeur du contenu saisi au back-office (.colorblue) : lisibles sur bleu profond */
.page-hero__intro .colorblue,
.page-hero__intro span { color: #fff; font-weight: 600; }