/* ------------------------------------------------------------------
   Start-up loader: a white sheet with a progress line across the top,
   held until the hero video has loaded. Added by three tags in
   index.html - remove them and the export is untouched.
   ------------------------------------------------------------------ */

#site_loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: #fff;
  opacity: 1;
  transition: opacity .45s cubic-bezier(.778, .2, .374, 1.007);
}

#site_loader.is-done {
  opacity: 0;
  pointer-events: none;
}

#site_loader_bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #0d0b0b;
  transition: width .3s cubic-bezier(.778, .2, .374, 1.007);
}

/* The count sits in the middle of the sheet; the line runs across the top. */
#site_loader_pct {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #0c0b0b;
  font-family: Geist, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -.35px;
  line-height: 120%;
}