/* Full-viewport splash video, including mobile browser dynamic viewport changes. */
html:has(body.splash-page){width:100%;height:100%;overflow:hidden;background:#171717}
body.splash-page{position:fixed;inset:0;width:100%;min-width:0;height:100vh;height:100svh;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;background:#171717}
.splash-page .splash-video{position:absolute;z-index:0;inset:0;display:block;width:100vw;height:100vh;height:100svh;height:100dvh;min-width:100vw;min-height:100vh;min-height:100svh;min-height:100dvh;object-fit:cover;object-position:center center;background:#171717;transform:translateZ(0)}
.splash-page .splash-overlay{position:absolute;z-index:2;inset:0;width:100%;height:100%;background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:768px){
  html:has(body.splash-page),body.splash-page{width:100vw!important;max-width:100vw!important;min-width:0!important}
  .splash-page .splash-video,.splash-page .splash-overlay{width:100vw!important;height:100dvh!important;min-width:0!important;max-width:100vw!important}
  .splash-page .splash-video{object-position:50% 50%}
}