/* Brand introduction. The page remains readable without JavaScript. */
html.intro-active { overflow: hidden; }
.intro-active .brand-signature { visibility: hidden; }
.intro-active .content { opacity: 0; }
.intro-active .message { animation: none; }
.intro-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  pointer-events: none;
  overflow: hidden;
}
.intro-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(ellipse at 35% 36%, #315a7540, transparent 65%), #022c51;
}
.intro-signature {
  position: absolute;
  margin: 0;
  padding: 0;
  max-width: none;
  color: white;
  transform-origin: top left;
  opacity: 0;
}

.intro-complete .message { animation: none; }
.intro-active .intro-signature { visibility: visible; }
html { scrollbar-gutter: stable; }