/* ==========================================================
   Page Maïeusthésie — camaïeu (limité à <main>, le footer garde
   ses propres couleurs), sommaire compact sur nuage terracotta
   flouté, logo en filigrane derrière 3 titres alignés à gauche
   + logo centré derrière le titre (centré) du Bento, ancres qui
   laissent le titre visible sous le header fixe.
   ========================================================== */
body.page-maieusthesie main h1 {
  color: #241C17;
}
body.page-maieusthesie main h2 {
  color: #1F6E69;
  padding-top: 3rem;
  margin-bottom: 2.5rem;
}
body.page-maieusthesie main h3 {
  color: #6B4A3D;
}

/* Les ancres doivent laisser le titre visible sous le header fixe */
#consultation-maieusthesie,
#bento-motifs,
#faq,
#avis {
  scroll-margin-top: calc(var(--hauteur-header, 84px) + 24px);
}

/* Logo en filigrane, à moitié recouvert par les premiers caractères —
   sur les 3 titres alignés à gauche (pas les H2 intermédiaires du
   corps de texte, pour ne pas saturer la page). */
h2#consultation-maieusthesie,
h2#faq,
h2#avis {
  position: relative;
}
h2#consultation-maieusthesie::before,
h2#faq::before,
h2#avis::before {
  content: "";
  position: absolute;
  left: -3.6em;
  top: calc(50% - 1.2em);
  transform: translateY(-50%);
  width: 7.2em;
  height: 7.2em;
  background-image: url('../../images/oeil-lotus-maieusthesie-franck-dagorn-evide-blanc.webp');
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(1);
  opacity: .15;
  z-index: -1;
  pointer-events: none;
}

/* Logo centré derrière le titre (centré) du Bento — propre à
   cette page uniquement, ne touche pas au Bento de la page IR. */
body.page-maieusthesie .bento-motifs h2 {
  position: relative;
}
body.page-maieusthesie .bento-motifs h2::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7.2em;
  height: 7.2em;
  background-image: url('../../images/oeil-lotus-maieusthesie-franck-dagorn-evide-blanc.webp');
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(1);
  opacity: .18;
  z-index: 0;
  pointer-events: none;
}

/* Sommaire : nuage limité à la largeur du texte, plus flou */
.ir-sommaire {
  position: relative;
  isolation: isolate;
  display: flex;
  width: fit-content;
  max-width: 92%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  margin: 0 auto 2rem;
  padding: .8rem 1.4rem;
}
.ir-sommaire::before {
  content: "";
  position: absolute;
  inset: -25% -4%;
  z-index: -1;
  border-radius: 999px;
  filter: blur(26px);
  background: radial-gradient(ellipse at center, rgba(90, 35, 20, 0.8) 0%, rgba(74, 27, 18, 0.55) 55%, rgba(74, 27, 18, 0) 100%);
}
.ir-sommaire a {
  color: #fff;
  font-family: "Work Sans", sans-serif;
  font-size: .85rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.ir-sommaire a:hover,
.ir-sommaire a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ir-sommaire span[aria-hidden] {
  color: rgba(255, 255, 255, .55);
  font-size: .8rem;
}

.hero-page-video {
  object-position: center 50%;
}