/*
 * Eventignite case — horizontal overflow clamp.
 *
 * The case's scroll-driven sections animate oversized images/elements
 * horizontally (translated sideways by the bundle's GSAP timeline). Prod clips
 * them — its case body sits in an overflow-clipped scroll context, so the
 * oversized/translated children never extend the document (prod
 * documentElement.scrollWidth == viewport width). In our composed page the mirror
 * body is nested under .pw-mirror (overflow-x:visible) and the sections are
 * overflow-x:visible, so those children push documentElement.scrollWidth out to
 * ~3520px and the viewport drifts right.
 *
 * Clamp horizontal overflow at the document, mirror container and each case section
 * (each stays its own viewport, content animates within). `clip` (not `hidden`)
 * doesn't create a scroll container, so the case's scroll-driven pins keep working.
 * Loaded only for this case.
 */
html,
body {
  overflow-x: clip;
}

.pw-mirror,
.pw-mirror section {
  overflow-x: clip;
}