/* Webgold — Mux background video layer (js/wg-mux-bg.js). Any container with .wg-mux + data-mux-id, plus the homepage hero. */
.wg-has-video{isolation:isolate}
.wg-has-video>.wg-mux-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#191919}
.wg-mux-bg__poster,.wg-mux-bg__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wg-mux-bg__video{opacity:0;transition:opacity .4s ease}
.wg-mux-bg.is-playing .wg-mux-bg__video{opacity:1}
.wg-mux-bg::after{content:"";position:absolute;inset:0;background:rgba(25,25,25,var(--wg-mux-overlay,.45))}
/* the stored Elementor/pe-core background is hidden once the layer exists */
.wg-has-video>.container--bg{display:none}
@media (max-width:767px),(prefers-reduced-motion:reduce){.wg-mux-bg__video{display:none}}
/* inside a widget's own image (cards): over the image, under the widget's text; the widget clips the corners */
.wg-mux-bg.wg-mux-bg--inner{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:none}
/* the poster fills the layer like the video: Elementor's .elementor img{height:auto} (0,1,1) outranked height:100% above */
.wg-mux-bg>img.wg-mux-bg__poster{height:100%;max-width:none}
