.photo-open video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background: #171a17;
  transition: transform .45s, filter .2s;
}
.photo-open:hover video { transform: scale(1.045); }
.lightbox > video {
  width: min(1100px, calc(100vw - 180px));
  max-width: calc(100vw - 180px);
  max-height: calc(100dvh - 215px);
  display: block;
  flex: 0 1 auto;
  align-self: center;
  margin-inline: auto;
  box-shadow: 0 20px 80px #0008;
}
.lightbox > .lightbox-caption {
  align-self: center;
  width: min(1100px, calc(100vw - 180px));
}
@media (max-width: 600px) {
  .lightbox > video { width: 100%; max-width: 100%; max-height: calc(100dvh - 250px); }
}