/* Shared mouse parallax background (same as home). */
body {
  background: #070b12;
  position: relative;
  overflow-x: hidden;
}

.bg {
  position: fixed;
  inset: -4%;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(7, 11, 18, 0.25) 0%, rgba(7, 11, 18, 0.45) 55%, rgba(7, 11, 18, 0.6) 100%),
    url("../img/background.jpg") center top / cover no-repeat;
  transform: translate3d(calc(var(--px, 0) * 1px), calc(var(--py, 0) * 1px), 0) scale(1.04);
  will-change: transform;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .bg {
    inset: 0;
    transform: none;
    will-change: auto;
  }
}