/* Intro: la pantalla que se ve mientras carga.
   Parte de styles/ — se cargan en orden desde index.html. */

.intro {
  position: fixed; inset: 0; z-index: 90;
  display: grid; place-content: center; justify-items: center; gap: 1.5rem;
  background: var(--noche);
}
.intro__mark { width: min(230px, 62vw); height: auto; }
.intro__word {
  margin: 0; font-family: var(--mono); font-size: .78rem;
  letter-spacing: .26em; text-transform: uppercase; color: var(--hueso-45);
}
.intro.is-done { display: none; }

@media (prefers-reduced-motion: reduce) {
  .intro { display: none; }
}