.shell {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
}

.poster {
  object-fit: cover;
  transform: scale(1.08);
  filter: saturate(1.02) contrast(1.08) brightness(0.76);
}

.posterClear {
  transform: none;
  filter: none;
}

.video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  filter: saturate(1.06) contrast(1.05) brightness(0.74);
  transition: opacity 600ms ease;
}

.videoReady {
  opacity: 0.78;
}

.videoClear {
  filter: none;
}

.videoClear.videoReady {
  opacity: 1;
}

.overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 22% 24%, rgba(200, 106, 35, 0.28), transparent 22%),
    radial-gradient(circle at 80% 20%, rgba(146, 42, 29, 0.26), transparent 24%),
    linear-gradient(135deg, rgba(15, 7, 4, 0.74), rgba(15, 7, 4, 0.3) 48%, rgba(15, 7, 4, 0.82));
}

.overlayClear {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .poster {
    transform: none;
  }

  .video {
    display: none;
  }
}