html.gsap-smoother-ready {
  scroll-behavior: auto;
}

html.gsap-smoother-ready,
html.gsap-smoother-ready body {
  min-height: 100%;
}

#smooth-wrapper {
  top: var(--gsap-header-offset, 0px) !important;
  height: calc(100% - var(--gsap-header-offset, 0px)) !important;
  overflow: hidden;
}

#smooth-content {
  overflow: visible;
  width: 100%;
}

.gsap-reveal {
  will-change: transform, opacity;
}

.gsap-parallax-media {
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  html.gsap-smoother-ready {
    scroll-behavior: smooth;
  }

  .gsap-reveal,
  .gsap-parallax-media {
    transform: none !important;
    opacity: 1 !important;
    will-change: auto;
  }
}