/* Homepage integration: the loader as a one-time overlay above an existing page.
   Classes on <html> are set by the inline boot script in the page's <head>. */

/* While the intro plays. The scrollbar is deliberately kept (only darkened) so the page width never changes
   and nothing jumps when the overlay leaves; overlay.js blocks the scroll input instead. */
html.xl-lock {
  background: #000;
  scrollbar-color: #1A1A17 #000;
}

/* Repeat visit in this session, or the boot watchdog gave up: never show the overlay. */
html.xl-skip .xl--overlay { display: none; }

.xl--overlay {
  transition: opacity 0.7s ease, visibility 0s linear 0.7s;
}
.xl--overlay.is-leaving {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.xl--overlay .xl-btn { position: absolute; }

@media (prefers-reduced-motion: reduce) {
  .xl--overlay { transition-duration: 0.4s, 0s; transition-delay: 0s, 0.4s; }
}