/* CSS crítico de la intro. Se enlaza en <head> y bloquea el primer pintado, así que llega antes
   que styles.css (en desarrollo, Vite lo inyecta por JS más tarde). Sin él se ve un instante
   la página sin estilo: el anillo a tamaño completo. Archivo aparte, no <style>: la CSP solo
   permite estilos de 'self'. */
#intro {
  position: fixed;
  inset: 0;
  z-index: 50;
  background: #fff;
}
/* Nada de la intro (anillo, lema) se ve hasta que intro.ts pone .ready:
   la revelación del logo es lo primero. */
#intro:not(.ready) > * {
  visibility: hidden;
}
/* Mismo valor inicial que en styles.css: si llega más tarde, su transición no anima el lema de 1 a 0 a la vista. */
.intro-2 {
  opacity: 0;
}