/* Hero image reels: user-scrollable (touch, wheel, drag) while still drifting.
   Applied only after assets/js/hero-reel.js has set up a reel (.is-reel-js),
   so without JS the original CSS animation still runs. */
.is-reel-js { overflow-y: auto !important; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior: auto; cursor: grab; -webkit-overflow-scrolling: touch; }
.is-reel-js::-webkit-scrollbar { display: none; width: 0; height: 0; }
.is-reel-js.is-dragging { cursor: grabbing; user-select: none; -webkit-user-select: none; }
.is-reel-js img { -webkit-user-drag: none; user-select: none; }
/* the script now moves the reel, so switch the CSS animation off */
.is-reel-js .ph-hero-track,
.is-reel-js .hero-image-track,
.is-reel-js .sh-track { animation: none !important; transform: none !important; }