/* VideoPlane Styles */
.video-plane-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 70;
}

.video-plane-container {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  will-change: transform, opacity;
}

.video-plane-container canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Vignette overlay - darkens viewport edges around the video */
.video-plane-vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 75;
  background: radial-gradient(
    ellipse 60% 55% at 50% 50%,
    transparent 0%,
    transparent 40%,
    rgba(0, 0, 0, 0.15) 60%,
    rgba(0, 0, 0, 0.4) 80%,
    rgba(0, 0, 0, 0.7) 100%
  );
  will-change: opacity;
}

/* White background - appears during exit to hide content below */
.video-plane-exit-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 69;
  background: #ffffff;
  will-change: opacity;
}