/* ════════════════════════════════════════════════════════════
   GENCO — Cinematic PLUS: smooth scroll, progress bar, hero fog,
   Gembul scroll-reaction. Additive; pairs with cinematic.css.
   ════════════════════════════════════════════════════════════ */

/* ---- scroll-progress depth bar ---- */
.cine-progress {
  position: fixed; top: 0; left: 0;
  height: 3px; width: 100%;
  transform: scaleX(0); transform-origin: 0 50%;
  background: linear-gradient(90deg, var(--red, #D2333F), var(--blue, #1E6FC4), var(--blue-soft, #4D9FE8));
  z-index: 200; pointer-events: none;
  will-change: transform;
}

/* ---- hero particle / fog layer ---- */
.hero__particles {
  position: absolute; inset: 0; z-index: 1;
  pointer-events: none;
}

/* ---- Gembul pivots from his feet when he leans ---- */
.gembul-btn { transform-origin: 50% 92%; }

/* ---- Lenis smooth-scroll required styles ---- */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  .hero__particles { display: none; }
  .cine-progress { display: none; }
}