/* Intro R05: compact original lettering; HOLA / SOMOS; 4.224s. */
#intro.blitek-intro {
  position: fixed;
  inset: 0;
  height: 100dvh;
  z-index: 100;
  overflow: hidden;
  isolation: isolate;
  background: #55583D;
  color: #FFFFFF;
  font-family: Interface, Arial, sans-serif;
  font-weight: 400;
}
#intro .bi-greeting, #intro .bi-decoding { position: absolute; inset: 0; }
#intro .bi-icon-slot { position: absolute; overflow: hidden; }
#intro .bi-icon-slot img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;
}
#intro .bi-greeting-message { position: absolute; overflow: hidden; }
#intro .bi-greeting-art {
  position: absolute; display: block; left: 0; max-width: none; will-change: transform;
}
#intro .bi-decode-block {
  position: absolute; overflow: hidden; letter-spacing: -.015em; font-weight: 400;
}
#intro .bi-upper { text-align: left; }
#intro .bi-lower { text-align: right; }
#intro .bi-decode-row {
  display: block; position: absolute; left: 0; right: 0; top: 0;
  white-space: pre; line-height: 1.23; min-height: 1.23em; will-change: transform;
}
#intro .bi-center-lockup { position: absolute; }
#intro .bi-center-isotype, #intro .bi-center-brand {
  position: absolute; display: block; max-width: none;
}
#intro .bi-center-isotype { object-fit: contain; }
#intro .bi-center-brand svg { display: block; width: 100%; height: 100%; overflow: visible; }
#intro .bi-center-brand g { transform-box: view-box; }
#intro .bi-skip {
  position: absolute; z-index: 2;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  padding: 10px 0; font-size: 11px; font-weight: 400;
  color: #FFFFFF; opacity: .75;
}
#intro .bi-skip:hover, #intro .bi-skip:focus-visible { opacity: 1; }