/* ---------- 3D cinematic background ---------- */
#bgCanvas{
  position:fixed;inset:0;width:100vw;height:100vh;
  z-index:-3;
  display:block;
}
.bg-vignette{
  position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 40%, rgba(5,5,10,.15) 0%, rgba(3,3,8,.55) 60%, rgba(0,0,0,.85) 100%);
}
.bg-tint{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background: linear-gradient(180deg, rgba(4,4,9,.55) 0%, rgba(4,4,9,.35) 30%, rgba(4,4,9,.55) 70%, rgba(0,0,0,.75) 100%);
}

/* ---------- scroll progress bar ---------- */
#scrollBar{
  position:fixed;top:0;left:0;height:2px;width:0%;
  background:linear-gradient(90deg, var(--orange), var(--orange-soft), #ffb37a);
  z-index:9999;
  transition: width .05s linear;
}