/* The Fried Hangover 1.2 — premium scroll layer support styles.
   Only takes effect when scroll.js activates the GSAP layer (.gsap-ready).
   Everything here is transform-safe and adds zero layout shift. */

[data-parallax] { will-change: transform; backface-visibility: hidden; }

/* When the GSAP layer is live, clip the pinned/scaled heroes so the
   parallax-scaled background never bleeds a hairline edge, and stop any
   horizontal overflow leak from the scale. */
.fh-page.gsap-ready .ar-hero,
.fh-page.gsap-ready .rv-hero {
  overflow: hidden;
}

/* GSAP pins wrap the trigger in a spacer; keep it from introducing an
   inline-box gap. */
.fh-page.gsap-ready .pin-spacer { pointer-events: none; }
.fh-page.gsap-ready .pin-spacer > * { pointer-events: auto; }

@media (prefers-reduced-motion: reduce) {
  [data-parallax] { will-change: auto; transform: none !important; }
}
