/* ==========================================================
   Page Accueil — même habillage que maïeusthésie / notre histoire :
   couleur des titres, logo en filigrane derrière FAQ/Avis, logo
   centré derrière le titre du Bento "Nos approches", ancres qui
   laissent le titre visible sous le header fixe.
   ========================================================== */
body.page-accueil main h2 {
  color: #1F6E69;
  padding-top: 3rem;
  margin-bottom: 2.5rem;
}
body.page-accueil main h3 {
  color: #6B4A3D;
}

#faq,
#avis {
  scroll-margin-top: calc(var(--hauteur-header, 84px) + 24px);
}

h2#faq,
h2#avis {
  position: relative;
}
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 du Bento "Nos approches" — propre
   à l'accueil, ne touche pas au Bento des pages maïeu/IR/massage. */
body.page-accueil .bento-approches h2 {
  position: relative;
}
body.page-accueil .bento-approches 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 de l'accueil : même mécanique que les pages d'activité,
   camaïeu turquoise pour rester cohérent avec le header. */
body.page-accueil .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;
}
body.page-accueil .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%);
}
body.page-accueil .ir-sommaire a {
  color: #fff;
  font-family: "Work Sans", sans-serif;
  font-size: .85rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
body.page-accueil .ir-sommaire a:hover,
body.page-accueil .ir-sommaire a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.page-accueil .ir-sommaire span[aria-hidden] {
  color: rgba(255, 255, 255, .55);
  font-size: .8rem;
}

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