/*
 * Grecha case — horizontal overflow clamp.
 *
 * The case's scroll-driven sections animate oversized images/elements horizontally
 * (translated by the bundle's GSAP timeline). Prod clips them — its case body sits in
 * an overflow-clipped 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 ~1631px
 * and the viewport drifts right.
 *
 * Clamp horizontal overflow at the document, mirror container and each case section.
 * `clip` (not `hidden`) doesn't create a scroll container, so scroll-driven pins keep
 * working. Loaded only for this case.
 */
html,
body {
  overflow-x: clip;
}

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