.bitard-project-hero--video{
  background-image:none!important;
}

.bitard-project-hero--video .bitard-project-hero__image{
  position:relative;
  z-index:0;
}

.bitard-project-hero__video{
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
  background:var(--paper);
}

.bitard-project-hero--video.is-video-ready .bitard-project-hero__video{
  opacity:1;
}

@media (max-width:620px){
  /* Phone CASE heroes should preserve the entire authored film frame instead of
     cropping landscape video at the left/right edges to fill the hero box. */
  .bitard-project-hero__video{
    object-fit:contain;
  }
}

@media (prefers-reduced-motion:reduce){
  .bitard-project-hero__video{display:none}
}