/* Motion is decoration; products settle within .7s and remain clickable throughout. */
.hero-depth{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.landing .key-art{animation:none;translate:0 0!important}
#start.hero-play>svg{animation:invitation-glow 5.5s ease-in-out infinite;animation-play-state:paused}
.life-active #start.hero-play>svg{animation-play-state:running}
@keyframes invitation-glow{0%,68%,100%{filter:drop-shadow(0 0 5px #a5eeed66)}80%{filter:drop-shadow(0 0 13px #c8fff2bb)}}

#stage.cinema.collecting:not(.departing) #products .projection-card{animation:none!important;opacity:1;filter:none}
#stage.cinema.collecting:not(.departing) #products .product-picture{
 animation:imperial-materialize .54s calc(var(--i)*75ms) cubic-bezier(.18,.75,.2,1) both!important;
 transform-origin:center;clip-path:none;
}
#stage.cinema.collecting:not(.departing) #products .product-info{animation:none!important;opacity:1;filter:none;transform:none}
#stage #products .merch-aura,#stage #products .merch-ring,#stage #products .merch-contact{animation:none!important}
#stage #products .product-picture:after{display:none!important}
@keyframes imperial-materialize{
 0%{opacity:0;translate:0 13px;scale:.98;filter:blur(3px) brightness(1.45) drop-shadow(0 0 20px #b7fff899)}
 40%{opacity:.75;filter:blur(.6px) brightness(1.13) drop-shadow(0 0 15px #b7fff866)}
 100%{opacity:1;translate:0 0;scale:1;filter:drop-shadow(0 10px 22px #0009) drop-shadow(0 0 19px #92d8e721)}
}
.reduce-motion #start.hero-play>svg,.reduce-motion #stage.cinema.collecting:not(.departing) #products .product-picture{animation:none!important;opacity:1;translate:none;scale:none}
@media(prefers-reduced-motion:reduce){#start.hero-play>svg,#stage.cinema.collecting:not(.departing) #products .product-picture{animation:none!important;opacity:1;translate:none;scale:none}}