/* Fix layer visibility and stacking - Updated */
body[data-template=home] .page,
#docs-info {
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important; /* Ensure content background doesn't hide the 3D */
}

body {
  background-color: #141414 !important; /* Move background color to body */
}

#engine {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important; /* Above body background, but below content */
  pointer-events: none !important;
  /* No `opacity: 1 !important` here — cascade-lens.js fades the engine out as
     the footer scrolls up, and !important would win over that inline style. */
  visibility: visible !important;
}

canvas {
  display: block !important;
}