/* Lichtebenen (licht.js): eigene Canvas direkt über dem Motiv von glow.js, unter dem Inhalt der Fläche.
   Ohne JS gibt es sie nicht, bei reduzierter Bewegung bleiben sie aus. Farbe nur als Licht im Bild. */
.licht-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; opacity: 0; transition: opacity 1400ms var(--ease); }
.licht-canvas.is-on { opacity: 1; }
.licht-screen { mix-blend-mode: screen; }

/* tiefe: Motiv und Licht bleiben beim Hereinscrollen leicht zurück und kommen in Ruhe (Werte setzt licht.js) */
.licht-tiefe > canvas { transform-origin: 50% var(--licht-oy, 50%); transform: translate3d(0, var(--licht-y, 0px), 0) scale(var(--licht-s, 1)); will-change: transform; }

@media (prefers-reduced-motion: reduce) {
  .licht-canvas { display: none; }
  .licht-tiefe > canvas { transform: none; will-change: auto; }
}