/* Cycling background: layers are injected by custom.js */
#bg-cycle {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: #0b0d12;
}
#bg-cycle .bg-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 2.5s ease-in-out;
}
#bg-cycle .bg-layer.active { opacity: 1; }
#bg-cycle::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(8, 10, 16, 0.45), rgba(8, 10, 16, 0.6));
}
html, body, #__next, #page_wrapper { background: transparent !important; }
#page_container, #page_wrapper, main { position: relative; z-index: 1; }