.hero-photo--video {
  inset: -40px 3% 0 46%;
  mask-image: none;
  pointer-events: none;
}
.hero-photo--video .hero-video,
.hero-photo--video .hero-video-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 122%;
  object-fit: contain;
  object-position: center bottom;
  filter: none;
  mix-blend-mode: normal;
  transform-origin: center bottom;
  transform: translateY(calc(-18.0328% * var(--hero-lift, 0))) scale(.9);
}
.hero-photo--video .hero-video-poster { --hero-lift: 1; }
.hero-video { opacity: 0; }
.hero-photo--video.is-ready .hero-video { opacity: 1; }
.hero-photo--video.is-ready .hero-video-poster { visibility: hidden; }
@media (max-width: 640px) {
  .hero-photo--video { inset: 53% 0 0; width: 100%; height: auto; margin: 0; }
  .hero-photo--video .hero-video,
  .hero-photo--video .hero-video-poster { height: 100%; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-photo--video .hero-video { display: none; }
  .hero-photo--video.is-ready .hero-video-poster { visibility: visible; }
}