/* Capa de la animación de inicio. Solo existe mientras JS la crea; se elimina del DOM al terminar. */
#intro { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; overflow: hidden; }
.intro__bg { position: absolute; inset: 0; background: var(--ink); }
.intro__line {
  position: relative; display: flex; margin-right: -0.2em;
  font-family: var(--font-title); font-weight: 600; line-height: 1; letter-spacing: 0.2em;
  color: var(--paper); white-space: nowrap;
}
.intro__line > span { position: relative; display: inline-block; opacity: 0; }
.intro__cursor { position: absolute; top: 6%; bottom: 6%; right: -0.1em; width: 0.05em; min-width: 1.5px; background: var(--brass-on-dark); opacity: 0; }
.intro__emblem { position: absolute; left: 0; top: 0; width: 0; height: 0; will-change: transform; }
.intro__emblem svg { position: absolute; max-width: none; overflow: visible; opacity: 0; }
.intro-on .brand-mark { opacity: 0; }
@media (prefers-reduced-motion: reduce) { #intro { display: none; } .intro-on .brand-mark { opacity: 1; } }