/* Reset default margins and padding */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Loader overlay that covers entire viewport */
.loader-overlay {
  position: fixed;
  inset: 0;                /* shorthand for top:0; right:0; bottom:0; left:0; */
  background: #000;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Video styling for full-screen coverage */
#loader-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;            /* span full viewport width */
  height: 100vh;           /* span full viewport height */
  object-fit: cover;       /* scale & crop to fill */
  transform: translate(-50%, -50%);
  z-index: -1;
}

/* Hide main content initially */
.main-content {
  display: none;
}

/* When loader is done, show content and hide loader */
body.loaded .loader-overlay {
  display: none;
}

body.loaded .main-content {
  display: block;
}

/* Disable scrolling while loader is active */
body {
  overflow: auto;
}

body.loaded {
  overflow: auto;          /* re-enable scroll when loaded */
}