/* Motion is progressive enhancement. Resting layout, lettering and photos are
   owned by the existing page styles; this file changes no dimensions. */
html.smf-motion-boot main,
html.smf-motion-playing main{overflow-x:clip}
@media (prefers-reduced-motion:no-preference){
 html.smf-motion-boot :is(.hero-eyebrow,#hero-heading,.hero-subline,.hero-description,.hero-actions,.yoshi-stage,.training-hero-art,.contact-hero-art,.yoshi-portrait-wrap,.media-hero-moment,.mission-strip){opacity:0}
 .menu-panel[open]{animation:smf-menu-enter 180ms ease-out both}
}
@keyframes smf-menu-enter{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
/* Never depend on motion to reveal content or to expose a working control. */
@media (prefers-reduced-motion:reduce){
 html.smf-motion-boot :is(.hero-eyebrow,#hero-heading,.hero-subline,.hero-description,.hero-actions,.yoshi-stage,.training-hero-art,.contact-hero-art,.yoshi-portrait-wrap,.media-hero-moment,.mission-strip){opacity:1}
}