/* ================================
   SPLASH SCREEN OVERLAY
   ================================ */

#splash-overlay {
  position: fixed;
  inset: 0;
  background: black;        /* ensures full black at end */
  z-index: 999999;
  opacity: 1;
  animation: splashFadeIn 1s forwards;
  overflow: hidden;
}

/* ================================
   FULLSCREEN VIDEO
   ================================ */

#splash-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;               /* full brightness */
  transition: opacity 0.5s linear;   /* used when fading to black */
}

/* ================================
   FADE ANIMATIONS
   ================================ */

@keyframes splashFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes splashFadeOut {
  from { opacity: 1; }
  to   { opacity: 0; }
}