/* GSAP adds these classes only after the motion runtime is available. */
@media (prefers-reduced-motion: no-preference) {
  .motion-enabled .motion-reveal,
  .motion-enabled .motion-parallax {
    backface-visibility: hidden;
  }
}

/* A photo-only layer follows its original. The mask is aligned to the fixed
   viewport band by motion.js; captions, navigation and body text stay crisp. */
.motion-photo-softening {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.motion-photo-softening[hidden] { display: none; }
.motion-photo-softening > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  filter: blur(10px);
}

@media (max-width: 767px) {
  .motion-photo-softening > img { filter: blur(8px); }
}

@media (prefers-reduced-motion: reduce) {
  .motion-photo-softening { display: none !important; }

  .hero-photo,
  .brain-photo,
  .management-photo,
  .consult-photo {
    filter: none !important;
  }

  .motion-reveal,
  .motion-parallax {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}