/* Premium motion — GSAP-driven states */

html.lenis,
html.lenis body {
  height: auto;
}

html.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

html.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

html.lenis.lenis-stopped {
  overflow: hidden;
}

body.motion-enabled {
  --motion-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

body.motion-enabled .reveal,
body.motion-enabled .reveal-stagger > *,
body.motion-enabled #collab-grid .collab-card,
body.motion-enabled .faq-item {
  transition: none !important;
}

body.motion-enabled .header__utility.hero-animate,
body.motion-enabled .header__nav.hero-animate,
body.motion-enabled .search-bar.hero-animate,
body.motion-enabled .chat-fab.hero-animate {
  opacity: 0;
}

body.motion-enabled .hero.is-loaded .hero-animate,
body.motion-enabled .hero.is-loaded .search-bar.hero-animate {
  animation: none !important;
  opacity: 1;
  transform: none;
}

body.motion-enabled .hero.is-loaded .chat-fab.hero-animate {
  animation: none !important;
  opacity: 1;
  transform: scale(1);
}

body.motion-enabled .why-dubai-card__media,
body.motion-enabled .property-card__media,
body.motion-enabled .ab-feature__img {
  will-change: auto;
}

body.motion-enabled .button-gold,
body.motion-enabled .why-dubai-cta,
body.motion-enabled .overview-legacy__cta,
body.motion-enabled .footer-social {
  will-change: transform;
}

/* Enhanced hover when motion is on */
body.motion-enabled .why-dubai-card:hover {
  transform: translateY(-4px);
}

body.motion-enabled .property-card:hover {
  transform: none;
}

body.motion-enabled .benefits-card {
  transition: transform 0.85s var(--ease-cinematic), box-shadow 0.85s var(--ease-cinematic);
}

body.motion-enabled .benefits-gallery__swiper .swiper-slide:hover .benefits-card,
body.motion-enabled .benefits-gallery__swiper .swiper-slide-active .benefits-card {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.12);
}

body.motion-enabled .benefits-card__image,
body.motion-enabled .presence-card__image,
body.motion-enabled .property-card__bg,
body.motion-enabled .property-card__thumb img {
  transition: none;
}

body.motion-enabled .award-badge {
  transition: transform 0.5s var(--motion-ease), box-shadow 0.5s var(--motion-ease);
}

body.motion-enabled .award-badge:hover {
  transform: translateY(-6px) scale(1.03);
}

@media (prefers-reduced-motion: reduce) {
  html.lenis.lenis-smooth {
    scroll-behavior: auto !important;
  }
}