#logo-video{object-fit:cover;object-position:center}.panel{overflow:hidden;width:50%;z-index:1}.panel canvas{position:absolute;top:0;height:100%;width:200%;max-width:none}.panel-left canvas{left:0}.panel-right canvas{right:0}.intro.is-cut #logo-video{opacity:0;transition:none}.intro .beam{z-index:3}#sound{position:absolute;z-index:4;left:clamp(24px,4vw,64px);bottom:32px;color:#c9d1d6;background:#000b;border:1px solid #43494c;border-radius:4px;padding:10px 18px}#sound:hover{border-color:var(--cyan);color:white}.intro.is-cut #sound{opacity:0;pointer-events:none}.intro.is-cut #skip{opacity:0}.intro.is-open .panel-left{transform:translateX(-100%)}.intro.is-open .panel-right{transform:translateX(100%)}@media(max-width:650px){#sound{bottom:24px}#logo-video{object-fit:contain;background:#000}}

#sound{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%;color:#fff}
#sound:hover{background:#ffffff14}#sound:focus:not(:focus-visible){outline:none}
#sound[aria-pressed="false"] .sound-on,#sound[aria-pressed="true"] .sound-off{display:none}