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

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

.rb-gsap-ready .rb-hero__content > *,
.rb-gsap-ready .rb-hero-showcase__media,
.rb-gsap-ready .section__header > *,
.rb-gsap-ready .rb-services__grid > *,
.rb-gsap-ready .rb-team__grid > *,
.rb-gsap-ready .rb-testimonials__grid > *,
.rb-gsap-ready .rb-contact__grid > * {
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .rb-gsap-ready .rb-hero__content > *,
  .rb-gsap-ready .rb-hero-showcase__media,
  .rb-gsap-ready .section__header > *,
  .rb-gsap-ready .rb-services__grid > *,
  .rb-gsap-ready .rb-team__grid > *,
  .rb-gsap-ready .rb-testimonials__grid > *,
  .rb-gsap-ready .rb-contact__grid > * {
    will-change: auto;
  }
}