@keyframes muteWiggle{0%{border-color:#fff6;transform:rotate(0)}15%{border-color:#fff;transform:rotate(-12deg)}35%{border-color:#fff;transform:rotate(10deg)}55%{border-color:#ffffffe6;transform:rotate(-8deg)}70%{border-color:#ffffffb3;transform:rotate(6deg)}85%{border-color:#ffffff80;transform:rotate(-3deg)}to{border-color:#fff6;transform:rotate(0)}}@keyframes videoLandingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes enterBtnReveal{0%{opacity:0;transform:translate(-50%)scale(.88)}to{opacity:1;transform:translate(-50%)scale(1)}}.video-landing{z-index:1000;opacity:1;will-change:opacity;background:#000;justify-content:center;align-items:center;transition:opacity 1.2s ease-in-out;display:flex;position:fixed;inset:0}.video-landing.is-modal{animation:1.2s ease-in-out videoLandingFadeIn}.video-landing.is-modal .enter-face-btn{bottom:90px}.video-landing.fading{opacity:0;pointer-events:none}.video-landing .landing-video{object-fit:contain;width:100%;height:100%}.video-landing .unmute-btn{color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff6;padding:8px 12px;font-size:1.2rem;transition:border-color 1.3s;animation:2.6s 1.3s muteWiggle;position:absolute;top:20px;right:20px}.video-landing .unmute-btn:hover{border-color:#fff}.video-landing .unmute-btn:focus{outline:none}.video-landing .enter-face-btn{color:#fffc;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:4px;padding:10px 28px;font-size:.85rem;transition:color .3s,border-color .3s,transform .3s,background .3s;animation:.8s 1.5s backwards enterBtnReveal;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.video-landing .enter-face-btn:hover{color:#fff;background:#00000080;border-color:#fff;transform:translate(-50%)scale(1.08)}.video-landing .enter-face-btn:focus{outline:none}
