body, html {
  margin: 0;
  padding: 0;
  height: auto; /* ← allow page to grow */
  overflow: auto; /* ← allow scrolling */
}

#splash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #a7a7a7;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.5s ease-out;
  overflow: hidden;
  will-change: opacity;
}
#splash.hidden {
  opacity: 0;
  pointer-events: none;
}
#splash video {
  width: 60vw;
  height: auto;
  max-width: 500px; 
  object-fit: contain;
}