/* 3D Scene Container */
#portfolio-3d-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

#portfolio-3d-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Ensure header content stays on top */
.main-column.header {
  position: relative;
}

.main-column.header .logo,
.main-column.header .animated-arrow,
.main-column.header .footer-wrapper {
  position: relative;
  z-index: 10;
}

/* Smooth transitions for background changes */
#portfolio-3d-container {
  transition: opacity 0.5s ease;
}

/* Loading state */
#portfolio-3d-container.loading {
  opacity: 0.7;
}

/* Responsive adjustments */
@media screen and (max-width: 991px) {
  #portfolio-3d-container {
    height: 100%;
    min-height: auto;
  }
}

@media screen and (max-width: 768px) {
  #portfolio-3d-container {
    height: 100%;
    min-height: auto;
  }
}