/* Boussole IA — filigranes de l'accueil V4 uniquement.
   Image originale de Paul ; aucun mouvement ni interaction ajoutée. */
body[data-page="accueil-v4"] :is(#hero-section, #team-section, #contact-section) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  overflow: clip;
}
body[data-page="accueil-v4"] .compass-watermark {
  position: absolute;
  z-index: -1;
  display: block;
  pointer-events: none;
  user-select: none;
  width: var(--compass-size);
  height: var(--compass-size);
  background: url('../images/boussole-filigrane.png') center / contain no-repeat;
  opacity: .055;
  filter: grayscale(1);
  -webkit-mask-image: linear-gradient(135deg, transparent 5%, #000 65%);
  mask-image: linear-gradient(135deg, transparent 5%, #000 65%);
}
body[data-page="accueil-v4"] #hero-section .compass-watermark {
  --compass-size: clamp(680px, 75vw, 1080px);
  top: -100px;
  left: -210px;
  right: auto;
  -webkit-mask-image: linear-gradient(225deg, transparent 5%, #000 65%);
  mask-image: linear-gradient(225deg, transparent 5%, #000 65%);
}
body[data-page="accueil-v4"] #team-section .compass-watermark {
  --compass-size: 620px;
  right: -210px;
  top: -180px;
  opacity: .045;
}
body[data-page="accueil-v4"] #contact-section .compass-watermark {
  --compass-size: 850px;
  left: -255px;
  bottom: -240px;
  filter: brightness(0) invert(1);
  opacity: .14;
  -webkit-mask-image: linear-gradient(35deg, #000 20%, transparent 90%);
  mask-image: linear-gradient(35deg, #000 20%, transparent 90%);
}
@media (max-width: 900px) {
  body[data-page="accueil-v4"] #hero-section .compass-watermark {
    --compass-size: 700px;
    top: 20px;
    left: -310px;
    opacity: .04;
  }
  body[data-page="accueil-v4"] #team-section .compass-watermark {
    --compass-size: 430px;
    right: -230px;
    top: -65px;
    opacity: .04;
  }
  body[data-page="accueil-v4"] #contact-section .compass-watermark {
    --compass-size: 590px;
    left: -220px;
    top: -60px;
    bottom: auto;
    opacity: .115;
  }
}
@media print {
  body[data-page="accueil-v4"] .compass-watermark { display: none; }
}