.title-video-wrap {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #0a0810;
  pointer-events: none;
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.title-video-wrap--hidden {
  opacity: 0;
  visibility: hidden;
}

.title-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: #0a0810;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.has-title-video .title-bg {
  display: none;
}

.has-title-video #screen-title .title-vignette {
  background:
    linear-gradient(90deg, rgba(8, 6, 16, 0.62) 0%, transparent 48%),
    linear-gradient(0deg, rgba(8, 6, 16, 0.45) 0%, transparent 32%);
}

.has-title-video #screen-title {
  background: transparent;
}