/* ARRAY.GO — pantalla de carga: el isotipo real (aro + símbolo, mismos
   píxeles que el favicon, sin redibujar su forma) revelándose de forma
   radial desde el centro. El fondo usa el mismo negro que el interior del
   propio isotipo para que no se note la unión. */
.intro-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1F1D1A;
  opacity: 1;
  transition: opacity .5s cubic-bezier(.22, 1, .36, 1);
}
.intro-loader.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.intro-mark {
  width: min(28vw, 32vh, 200px);
  height: auto;
  clip-path: circle(0% at 50% 50%);
  animation: introMarkReveal .8s cubic-bezier(.22, 1, .36, 1) .1s forwards;
}

@keyframes introMarkReveal { to { clip-path: circle(58% at 50% 50%); } }

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