.spear-project-sidebar-video {
  position: absolute;
  z-index: 0;
  inset: 0 0 0 auto;
  width: auto;
  height: 100%;
  aspect-ratio: 2 / 5;
  overflow: hidden;
  background: #000;
  pointer-events: none;
  contain: layout paint style;
}

.spear-project-sidebar-video__media {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
  object-fit: contain;
  object-position: right center;
  background: #000;
  pointer-events: none;
  user-select: none;
}

/*
 * The source is a background-side layer. The fixed video is a sibling of the
 * native scroll area, while the existing black root remains its backing color.
 * Removing only the redundant opaque fills exposes the video without changing
 * the original black appearance outside its narrow right-hand footprint.
 */
.spear-project-detail.has-spear-project-sidebar-video .spear-project-detail__scroll {
  z-index: 1;
  background: linear-gradient(90deg, rgba(112, 165, 190, 0.025), transparent 18%);
}

.spear-project-detail.has-spear-project-sidebar-video .spear-project-detail__rail {
  background: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .spear-project-sidebar-video__media {
    visibility: visible;
  }
}