/* Keep the original paper artwork visible beneath the entrance. */
.home-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.home-hero .top_hero_logo {z-index: 1;}
.home-hero__photo {height: auto;transform-origin: center center;}
.home-hero .top_hero_logo img {height: auto;}

/* Without JavaScript, or with reduced motion, the finished hero stays visible. */
@media (prefers-reduced-motion: no-preference) {
  .hero-intro-enabled .home-hero__photo,
  .hero-intro-enabled .home-hero .top_hero_logo {opacity: 0;}

  .hero-intro-enabled .home-hero.is-hero-entering .home-hero__photo {
    animation: home-hero-photo-in 1.1s cubic-bezier(0.22, 0.61, 0.36, 1) both;
  }
  .hero-intro-enabled .home-hero.is-hero-entering .top_hero_logo {
    animation: home-hero-logo-in 0.5s ease-out 0.6s both;
  }
}
@keyframes home-hero-photo-in {
  from {opacity: 0;transform: scale(1.05);}
  to {opacity: 1;transform: scale(1);}
}
@keyframes home-hero-logo-in {
  from {opacity: 0;}
  to {opacity: 1;}
}