.project-demo-video {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--project-demo-background, #101010);
}

.project-demo-video__media {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: inherit;
  object-fit: var(--project-demo-fit, cover);
  transform: translateZ(0);
}

.project-demo-video--embedded {
  position: absolute;
  z-index: 2;
}

.kapi-project-overview-media .project-demo-video {
  --project-demo-fit: cover;
  top: 22.85%;
  left: 22.55%;
  width: 54.9%;
  height: 54.9%;
  border-radius: 5.5% / 10%;
}

.robot-project-overview {
  position: relative;
  overflow: hidden;
}

.robot-project-overview > img {
  position: relative;
  z-index: 1;
}

.robot-project-overview .project-demo-video {
  --project-demo-fit: cover;
  top: 22.85%;
  left: 22.55%;
  width: 54.9%;
  height: 54.9%;
  border-radius: 5.5% / 10%;
}

@media (prefers-reduced-motion: reduce) {
  .project-demo-video__media[autoplay] {
    animation: none;
  }
}