/* ============================================================
   AS Scroll-Scrub - alatishop (Industrial Red on near-black).
   Aditivne scroll-driven film sekcije na naslovnoj (hero video se NE dira).
   Engine: assets/js/as-scrub.js. Markup: .scrub > sticky > canvas
   + .as-block overlays + [data-pr] progress. Letterbox boja #0A0A0A.
   ============================================================ */

/* overlay blocks fade/slide in across the scrub progress window */
.as-block {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .55s cubic-bezier(.22,.8,.26,1),
              transform .55s cubic-bezier(.22,.8,.26,1);
}
.as-block.on {
  opacity: 1;
  transform: none;
}

/* the scrub section never overflows the page width */
.scrub { position: relative; width: 100%; overflow: clip; }
.scrub canvas { display: block; }

@media (prefers-reduced-motion: reduce) {
  .as-block { transition: none; }
}