/* A visible native video can show WebKit's playback/unavailable overlay.
   Mobile paints only decoded pixels; a real photograph covers every load state. */
#hero-mobile-canvas{display:none;pointer-events:none}
#hero-video::-webkit-media-controls,
#hero-video::-webkit-media-controls-enclosure,
#hero-video::-webkit-media-controls-panel,
#hero-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
@media(max-width:760px){
 #journey #hero-video{position:absolute;width:1px;height:1px;inset:0 auto auto 0;opacity:0!important;pointer-events:none;overflow:hidden;clip-path:inset(100%)}
 #journey #hero-mobile-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
 #journey #hero-poster{opacity:1}
 #journey.canvas-ready #hero-mobile-canvas{opacity:1}
 #journey.canvas-ready #hero-poster{opacity:0}
 .reduced-motion #journey #hero-mobile-canvas{display:none}
 .reduced-motion #journey #hero-poster{opacity:1}
}