/**
 * GSAP motion helpers — pairs with assets/js/gsap-init.js
 */

.ri-header {
  transition:
    box-shadow var(--ri-transition-base),
    background-color var(--ri-transition-base),
    border-color var(--ri-transition-base);
}

.ri-gsap-ready .ri-hero__content > *,
.ri-gsap-ready .ri-hero__aside > *,
.ri-gsap-ready .ri-section__header > *,
.ri-gsap-ready .ri-destinations-asymmetric__grid > *,
.ri-gsap-ready .ri-step,
.ri-gsap-ready .ri-faq__item,
.ri-gsap-ready .ri-testimonial,
.ri-gsap-ready .ri-cta-band .ri-container > * {
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .ri-gsap-ready .ri-hero__content > *,
  .ri-gsap-ready .ri-hero__aside > *,
  .ri-gsap-ready .ri-section__header > *,
  .ri-gsap-ready .ri-destinations-asymmetric__grid > *,
  .ri-gsap-ready .ri-step,
  .ri-gsap-ready .ri-faq__item,
  .ri-gsap-ready .ri-testimonial,
  .ri-gsap-ready .ri-cta-band .ri-container > * {
    will-change: auto;
  }
}