/* ============================================================
   Corvara animated background — reusable module
   Layers (all sit BEHIND your page content via negative z-index):
     .cbg-sky     fixed deep-dark base
     .cbg-system  fixed circuit + binary "system beneath" canvas
     .cbg-scene   themed mountain scene (scrolls away to reveal the system)
   Your page content just flows normally on top — keep section
   backgrounds transparent where you want the mountains to show.
   ============================================================ */

.cbg-sky{
  position:fixed; inset:0; z-index:-3;
  background:#080d11;
}
.cbg-system{
  position:fixed; top:0; left:0; width:100%; height:100%; z-index:-2;
  display:block; pointer-events:none; opacity:0; will-change:opacity;
}
.cbg-scene{
  position:absolute; top:0; left:0; width:100%;
  height:100vh; height:100dvh; z-index:-1;
  background-size:cover; background-position:center bottom; background-repeat:no-repeat;
  pointer-events:none; will-change:transform,opacity; transform-origin:center top;
  -webkit-mask-image:linear-gradient(180deg,#000 90%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 90%,transparent 100%);
}

/* Static mode (no scroll-away reveal): mountains stay as a fixed backdrop */
.cbg-static .cbg-scene{
  position:fixed; height:100%; transform:none !important; opacity:1 !important;
  -webkit-mask-image:none; mask-image:none;
}

@media (prefers-reduced-motion: reduce){
  .cbg-scene{ transform:none !important; }
}