/* Responsive hero video; the original image remains the loading/error fallback. */
.dropfade-hero video.hero-mobile-video{display:none}
@media(max-width:767px){
 .dropfade-hero.hero-video-playing img.hero-mascot{visibility:hidden}
 .dropfade-hero.hero-video-playing video.hero-mobile-video{display:block;object-fit:fill}
}

/* Desktop removes only the decorative image and monogram in the hero. */
@media(min-width:1024px) and (hover:hover) and (pointer:fine){
 .dropfade-hero .hero-background,.dropfade-hero .hero-atmosphere{display:none}
 .dropfade-hero.hero-video-playing img.hero-mascot{visibility:hidden}
 .dropfade-hero.hero-video-playing video.hero-mobile-video{display:block;object-fit:fill}
}