body.intro-active{overflow:hidden!important}#intro[hidden]{display:none!important}#intro{position:fixed;inset:0;z-index:2147480000;overflow:hidden;display:grid;place-items:center;background:transparent;color:#fff}#intro .panel{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;background:#000;z-index:1;will-change:transform;transition:transform 950ms cubic-bezier(.76,0,.24,1)}#intro .panel-left{left:0}#intro .panel-right{right:0}#intro .panel canvas{position:absolute;top:0;height:100%;width:200%;max-width:none}#intro .panel-left canvas{left:0}#intro .panel-right canvas{right:0}#intro #logo-video{position:absolute;inset:0;z-index:2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;background:#000}#intro.is-cut #logo-video{opacity:0}#intro .beam{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:2px;background:#71edff;transform:scaleY(0);transition:transform 250ms ease,opacity 500ms ease;pointer-events:none}#intro.is-cut .beam{transform:scaleY(1)}#intro.is-open .beam{opacity:0}#intro.is-open .panel-left{transform:translateX(-100%)}#intro.is-open .panel-right{transform:translateX(100%)}#intro #sound{position:absolute;z-index:4;left:auto;right:clamp(24px,4vw,64px);bottom:24px;display:grid;place-items:center;width:48px;height:48px;padding:0;background:transparent;border:0;border-radius:50%;box-shadow:none;color:#fff;cursor:pointer;line-height:1}#intro #sound:before,#intro #sound:after{display:none}#intro #sound:hover{background:#ffffff14}#intro #sound:focus-visible{outline:2px solid #71edff;outline-offset:4px}#intro #sound svg{width:24px;height:24px;display:block}#intro #sound[aria-pressed="false"] .sound-on,#intro #sound[aria-pressed="true"] .sound-off{display:none}#intro.is-cut #sound{opacity:0;pointer-events:none}@media(max-width:650px){#intro #logo-video{object-fit:contain}}@media(prefers-reduced-motion:reduce){#intro *{transition:none!important}}
