/* Le contenu reste visible sans JavaScript. Les états cachés n’existent
   qu’après activation explicite de la couche motion. */
.motion-ready [data-reveal],
.motion-ready .reveal,
.motion-ready .reveal-left,
.motion-ready .reveal-right,
.motion-ready .stagger>*{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:opacity .65s var(--ease),transform .75s var(--ease);
}
.motion-ready .reveal-left{transform:translate3d(0,22px,0)}
.motion-ready .reveal-right{transform:translate3d(0,22px,0)}
.motion-ready .is-visible,
.motion-ready .stagger.is-visible>*{opacity:1;transform:none}
.motion-ready .stagger.is-visible>*:nth-child(2){transition-delay:.07s}
.motion-ready .stagger.is-visible>*:nth-child(3){transition-delay:.14s}
.motion-ready .stagger.is-visible>*:nth-child(4){transition-delay:.21s}
.motion-ready .stagger.is-visible>*:nth-child(5){transition-delay:.28s}
.motion-ready .stagger.is-visible>*:nth-child(6){transition-delay:.35s}
.motion-ready .hero-image-wrap{animation:hero-float 7s ease-in-out infinite}
.motion-ready .hero-medical-icon{animation:icon-float 5s ease-in-out infinite}
.motion-ready .hero-stethoscope{animation-delay:-2.1s}

@keyframes hero-float{50%{transform:translate3d(0,-10px,0) rotate(.35deg)}}
@keyframes icon-float{50%{transform:translate3d(0,-8px,0) rotate(3deg)}}

@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}
}

@media (max-width:900px){
  .motion-ready [data-reveal],
  .motion-ready .reveal,
  .motion-ready .reveal-left,
  .motion-ready .reveal-right,
  .motion-ready .stagger>*{
    opacity:1;
    transform:none;
    transition:none;
  }
}