/* Anibros motion system — states only. All animation is driven by assets/js/anibros-motion.js */

/* while the intro plays the page must not scroll */
html.anibros-lock, html.anibros-lock body { overflow: hidden !important; }

/* the intro canvas is transparent where the portal has opened, so the live page shows through it */
/* 100% (not 100vh): on phones 100vh is taller than the visible screen, which stretched the logo */
#anibros-gl { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100000; pointer-events: none; display: block; }

/* the intro generates the logo itself, from nothing: until its first frame is ready the screen is simply the same dark (no static logo that would then vanish) */
html.anibros-intro .preloader { background-color: #050404 !important; }
html.anibros-intro .preloader .loading { opacity: 0 !important; }

/* hidden until the ring of light reaches them (the script reveals them; nothing here is permanent) */
html.anibros-intro .hero__area-3 .sec-sub-title,
html.anibros-intro .hero__area-3 .wrapper,
html.anibros-intro .hero__area-3 .hero3-img-ani,
html.anibros-intro .hero__area-3 .scroll-down,
html.anibros-intro .header__nav-2 li,
html.anibros-intro .header__nav-icon-3,
html.anibros-intro .header__logo-2 {
  opacity: 0;
  /* fail-safe: if the script never runs (blocked, error, old browser) everything shows after 9 s */
  animation: anibros-failsafe 0.01s 9s forwards;
}
@keyframes anibros-failsafe { to { opacity: 1; } }