/* Intro del logo (home, systems, sound, fly). Restablece el intro "fuzzy" de la versión anterior (main.js · initFuzzyIntro).
   La clase intro-on la pone el script del <head> solo en la primera visita de cada página en la sesión. */
html.intro-on::after { content: ""; position: fixed; inset: 0; z-index: 1000; background: #0F0F0F; animation: almaIntroSafe .4s ease-out 5s forwards; }
@keyframes almaIntroSafe { to { opacity: 0; visibility: hidden; } }
.alma-intro { position: fixed; inset: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; background: #0F0F0F; transition: opacity .6s ease-out; }
.alma-intro.is-out { opacity: 0; pointer-events: none; }
.alma-intro canvas { display: block; max-width: 90%; max-height: 80%; }
@media (prefers-reduced-motion: reduce) {
  html.intro-on::after, .alma-intro { display: none; }
}