/* ============== ANIMATIONS (sobres, MOT-2 slide directionnel) ============== */
[data-reveal]{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .8s var(--ease), transform .8s var(--ease);
  will-change:opacity, transform;
}
[data-reveal="left"]{transform:translateX(-32px)}
[data-reveal="right"]{transform:translateX(32px)}
[data-reveal="up"]{transform:translateY(28px)}
[data-reveal].is-visible{opacity:1; transform:translate(0,0)}

[data-reveal-delay="1"]{transition-delay:.08s}
[data-reveal-delay="2"]{transition-delay:.16s}
[data-reveal-delay="3"]{transition-delay:.24s}
[data-reveal-delay="4"]{transition-delay:.32s}

@keyframes subtle-pan{
  0%{transform:scale(1.06) translate(0,0)}
  50%{transform:scale(1.06) translate(-1%, -1%)}
  100%{transform:scale(1.06) translate(0,0)}
}
.hero__bg img{
  animation:subtle-pan 20s ease-in-out infinite;
}