.site-loader {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 18px;
  background: radial-gradient(ellipse at center, #102b45 0%, #071522 65%);
  color: #becbd8;
  font: 11px/1.6 system-ui, sans-serif;
  letter-spacing: .24em;
  text-transform: uppercase;
  transition: opacity .2s ease-out;
}
.site-loader[hidden] { display: none; }
.site-loader img { width: 120px; height: 120px; }
.site-loader--leaving { opacity: 0; pointer-events: none; }
body:has(.site-loader:not([hidden]):not(.site-loader--leaving)) { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .site-loader { transition: none; }
}