/* Retain the compositing layer while a revealed photo is visible; release it offscreen. */
@media(prefers-reduced-motion:no-preference){
 :root:not([data-motion=paused]) :is(img,.tme-atmosphere-photo)[data-photo-reveal-state=entering],
 :root:not([data-motion=paused]) :is(img,.tme-atmosphere-photo)[data-photo-reveal-state=visible]{will-change:opacity,translate}
}
/* Video is an inert background beneath the existing hero shade and copy. */
.tme-mobile-background-video{display:none;pointer-events:none!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
html body.complete-home [data-phone-video] .tme-hero-gif-stage{pointer-events:none}
html body.complete-home [data-phone-video] .tme-mobile-background-video{display:block;opacity:0;pointer-events:none!important}
html body.complete-home [data-phone-video][data-video-playing] .tme-mobile-background-video{opacity:1}
html body.complete-home [data-phone-video] .tme-hero-motion[data-animation-toggle]{display:none!important}
html body.complete-home [data-phone-video] .tme-mobile-background-video::-webkit-media-controls,
html body.complete-home [data-phone-video] .tme-mobile-background-video::-webkit-media-controls-enclosure,
html body.complete-home [data-phone-video] .tme-mobile-background-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
@media print{.tme-mobile-background-video{display:none!important}}
html body.complete-home [data-hero-gif]:not([data-phone-video]) .tme-mobile-background-video{display:none!important}
/* Keep the legacy GIF toggle hidden even while the phone controller downloads. */
@media (pointer:coarse) and (max-device-width:699px), (pointer:coarse) and (max-device-height:699px){
 html body.complete-home [data-hero-gif] .tme-hero-motion[data-animation-toggle]{display:none!important}
}