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

.site-header {
  transition:
    box-shadow var(--duration-normal) var(--ease-smooth),
    background-color var(--duration-normal) var(--ease-smooth),
    height var(--duration-normal) var(--ease-smooth);
}

.rl-gsap-ready .section__header > *,
.rl-gsap-ready .hero__grid > *,
.rl-gsap-ready .rl-areas__grid > *,
.rl-gsap-ready .about-grid > *,
.rl-gsap-ready .team-grid > *,
.rl-gsap-ready .testimonials-grid > *,
.rl-gsap-ready .rl-contact__grid > *,
.rl-gsap-ready .rs-service-grid > * {
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .rl-gsap-ready .section__header > *,
  .rl-gsap-ready .hero__grid > *,
  .rl-gsap-ready .rl-areas__grid > *,
  .rl-gsap-ready .about-grid > *,
  .rl-gsap-ready .team-grid > *,
  .rl-gsap-ready .testimonials-grid > *,
  .rl-gsap-ready .rl-contact__grid > *,
  .rl-gsap-ready .rs-service-grid > * {
    will-change: auto;
  }
}