/* Looping video background (black hole). Sits behind every page; the still frame (bg-poster.jpg)
   is the fallback when the video can't or shouldn't play (reduced motion, Data Saver, autoplay blocked). */
.site-bg-video{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#000;contain:strict}
.site-bg-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .9s ease}
.site-bg-video video.is-playing{opacity:1}
/* Same kind of dimming the old picture had, a little lighter because the video is already dark. */
.site-bg-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,11,.24) 0%,rgba(4,7,11,.38) 55%,rgba(4,7,11,.62) 100%)}
/* Once the video is actually playing, the page's own (static) background steps aside so it doesn't paint over it. */
html.has-bg-video,html.has-bg-video body,html.has-bg-video body.site-page,html.has-bg-video body.ambient-mode,html.studio-ambient-preload.has-bg-video body{background:transparent!important}
html.has-bg-video{background:#000!important}
/* Phones/tablets: skip the blur-behind-glass effect, it re-blurs every video frame and drains battery. */
@media(max-width:900px){html.has-bg-video *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}