#splash{position:fixed;inset:0;z-index:100;background:#c69832;color:#fff6d9;overflow:hidden;opacity:1;transition:opacity .4s ease}
#splash.leaving{opacity:0;pointer-events:none}
#splashVideo{width:100%;height:100%;object-fit:cover;object-position:center 65%;display:block}
.splash-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#39220055,transparent 23%,transparent 90%,#39220015)}
.splash-logo{position:absolute;top:30px;left:32px;width:130px;height:auto}
.splash-location{position:absolute;top:40px;right:32px;font:9px 'Courier New',monospace;letter-spacing:1px}
.splash-side{position:absolute;right:24px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font:8px 'Courier New',monospace;letter-spacing:1.5px}
.splash-invite{position:absolute;bottom:35px;left:80px;right:80px;text-align:center}
.splash-invite h1{font:400 18px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:-.3px;margin:0 0 7px}
#splash button{background:none;border:0;color:inherit;font:10px 'Courier New',monospace;padding:14px;min-height:44px}
#splash #enterDesktop{padding:10px 20px;text-decoration:underline;text-underline-offset:4px;min-width:130px}
#splashSound{position:absolute;bottom:29px;left:18px}
#splashMotion{position:absolute;bottom:29px;right:18px}
@media(max-width:700px){
 #splashVideo{object-position:center}
 .splash-logo{top:max(24px,env(safe-area-inset-top));left:22px;width:110px}
 .splash-location{top:34px;right:22px;font-size:7px;letter-spacing:.5px}
 .splash-side{right:15px;font-size:7px}
 .splash-invite{bottom:65px;left:32px;right:32px}
 .splash-invite h1{font-size:17px}
 #splashSound,#splashMotion{bottom:max(15px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){#splash{transition:none}}