/* Float the seat, leaving the title's transform timeline and button press independent. */
@keyframes hero-button-float{0%,100%{top:0}50%{top:-3px}}
.hero-game[data-title-phase="complete"] .hero-cta-stage{animation:hero-button-float 4.8s ease-in-out infinite}
@media(hover:hover){
 .hero-cta-stage:has(.hero-foundation-link:hover){animation-play-state:paused!important}
 .hero-game .hero-foundation-link:hover{transform:translateY(-1px)!important;filter:brightness(1.04)}
}
.hero-cta-stage:has(.hero-foundation-link:focus-visible){animation-play-state:paused!important}
.hero-game .hero-foundation-link:focus-visible{transform:translateY(-1px)!important}
.hero-game .hero-foundation-link:active{transform:translateY(2px)!important}
@media(prefers-reduced-motion:reduce){.hero-game .hero-cta-stage{animation:none!important}.hero-game .hero-foundation-link:hover,.hero-game .hero-foundation-link:focus-visible{transform:none!important}}
.motion-off .hero-game .hero-cta-stage{animation:none!important}
.motion-off .hero-game .hero-foundation-link:hover,.motion-off .hero-game .hero-foundation-link:focus-visible{transform:none!important}