/* A short entrance on the real content. No overlay, canvas or loading state. */
.intro-scene { display: none; }

.hbs-hero-reveal .hero-logo {
  animation: hbs-hero-logo 480ms cubic-bezier(.2, .7, .2, 1) backwards;
  will-change: opacity, transform;
}

.hbs-hero-reveal .hero-bottom {
  animation: hbs-hero-copy 440ms cubic-bezier(.2, .7, .2, 1) 60ms backwards;
  will-change: opacity;
}

@keyframes hbs-hero-logo {
  from { opacity: .45; transform: translate3d(0, 10px, 0); }
  to { opacity: 1; transform: none; }
}

@keyframes hbs-hero-copy {
  from { opacity: .6; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .hbs-hero-reveal .hero-logo,
  .hbs-hero-reveal .hero-bottom {
    animation: none;
    opacity: 1;
    transform: none;
    will-change: auto;
  }
}