/* =========================================================
   LUXAR STUDIOS — SIMPLE SECTION TRANSITIONS
   Requested directions:
   - left -> right
   - right -> left
   - bottom -> up
   Applied mainly to Our Expertise, Diverse Expertise and Packages.
========================================================= */
html { scroll-behavior: smooth; }

.luxar-simple-motion-ready .luxar-motion {
  opacity: 0;
  transition:
    opacity .72s ease var(--luxar-motion-delay, 0ms),
    transform .82s cubic-bezier(.2,.72,.2,1) var(--luxar-motion-delay, 0ms);
  will-change: transform, opacity;
}

.luxar-simple-motion-ready .luxar-motion--left {
  transform: translate3d(-42px, 0, 0);
}

.luxar-simple-motion-ready .luxar-motion--right {
  transform: translate3d(42px, 0, 0);
}

.luxar-simple-motion-ready .luxar-motion--up {
  transform: translate3d(0, 38px, 0);
}

.luxar-simple-motion-ready .luxar-motion.is-inview {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Existing .reveal classes must never remain hidden if JS is delayed. */
.luxar-simple-motion-ready .reveal {
  visibility: visible;
}

@media (max-width: 767.98px) {
  .luxar-simple-motion-ready .luxar-motion--left {
    transform: translate3d(-26px, 0, 0);
  }
  .luxar-simple-motion-ready .luxar-motion--right {
    transform: translate3d(26px, 0, 0);
  }
  .luxar-simple-motion-ready .luxar-motion--up {
    transform: translate3d(0, 28px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .luxar-motion,
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    visibility: visible !important;
  }
}