/* Jlamprang sebagai background portfolio.
   Home: opacity 35%, veil 70%. Halaman lain: opacity 10%, veil 70%.
   Guard FPS ada di JS, diam. */

:root {
  --jl-op: 0.35;
  --jl-veil: 0.70;
  --jl-blend: screen;
}

#jlamprang-stage {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  pointer-events: none;
  opacity: var(--jl-op);
  mix-blend-mode: var(--jl-blend);
}

#jlamprang-veil {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(10, 22, 40, var(--jl-veil));
}

body.jlamprang-on > section,
body.jlamprang-on > header,
body.jlamprang-on > main,
body.jlamprang-on > .hero,
body.jlamprang-on > .verify-wrap {
  position: relative;
  z-index: 10;
}

body.jlamprang-on .spk-scanlines {
  z-index: 12;
}

body.jlamprang-on .spk-glitch-layer {
  z-index: 13;
}