@font-face{font-family:Montserrat;src:url(https://pubres-sh1-k.cdn.sirin.net.cn/omx/montserrat.0f7b311b2f32.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{color:#fff;background:#060708;margin:0;font:14px Montserrat,PingFang SC,Microsoft YaHei,sans-serif}button{color:inherit;font:inherit;cursor:pointer}#scene{isolation:isolate;height:100svh;min-height:320px;position:relative;overflow:hidden}#panels{position:absolute;inset:0}.panel{--slant:min(5vw, 9vh);--ls:var(--slant);--rs:var(--slant);height:100%;top:0;left:calc(var(--start) - var(--ls));width:calc(var(--span) + var(--ls) + var(--rs) + .4px);clip-path:polygon(calc(2 * var(--ls)) 0, 100% 0, calc(100% - 2 * var(--rs)) 100%, 0 100%);background:#050606;border:0;padding:0;transition:left .8s,width .8s;position:absolute;overflow:hidden}.panel:first-child{--ls:0px}.panel:last-child{--rs:0px}.art{object-fit:cover;object-position:var(--crop);pointer-events:none;filter:grayscale()brightness(.58);width:100%;height:100%;transition:filter .75s;position:absolute;inset:0}.selected .art{filter:grayscale(0)brightness(.98)}.panel:last-child .art{filter:grayscale()brightness(.62)}.panel:last-child.playing .art{filter:grayscale(0)brightness(.98)}.panel-video{opacity:0;transition:opacity .68s,filter .68s}.playing .panel-video{opacity:1}.panel:after{content:"";pointer-events:none;background:linear-gradient(#0304079c,#03040730 22%,#0000 47%,#04050773 73%,#040507f2);position:absolute;inset:0}.label{z-index:1;bottom:16%;left:calc(var(--ls) * .4 + 1.25vw);text-align:left;white-space:nowrap;pointer-events:none;text-shadow:0 2px 16px #0009;position:absolute}.label small{text-transform:uppercase;letter-spacing:.14em;margin-bottom:.6em;font-size:clamp(10px,.8vw,14px);font-weight:550;display:block}.label strong{letter-spacing:-.04em;font-size:clamp(17px,1.7vw,34px);font-weight:630;display:block}.panel:nth-child(3) .label strong{transition:font-size .8s}.panel:nth-child(3).selected .label strong{font-size:clamp(24px,3.2vw,68px)}.panel:nth-child(3):not(.selected) .label strong{font-size:clamp(13px,1.35vw,26px)}.cover{z-index:2;transform-origin:top;background:#060708;transition:transform 1.4s;position:absolute;inset:-1px}.panel:nth-child(2) .cover,.panel:nth-child(3) .cover,.panel:nth-child(5) .cover{transform-origin:bottom}.open .cover{transform:scaleY(0)}.line{z-index:3;pointer-events:none;clip-path:polygon(calc(2 * var(--ls)) 0, calc(2 * var(--ls) + 1px) 0, 1px 100%, 0 100%);background:#929597;transition:mask-size .75s,opacity .4s;position:absolute;inset:0;mask-image:linear-gradient(#fff,#fff);mask-position:top;mask-size:100% 0%;mask-repeat:no-repeat}.line.right{clip-path:polygon(calc(100% - 1px) 0,100% 0,calc(100% - 2 * var(--rs)) 100%,calc(100% - 2 * var(--rs) - 1px) 100%);mask-position:bottom}.outlined .line{mask-size:100% 100%}.settled .line{opacity:0}.brand{pointer-events:none;opacity:0;align-items:center;gap:clamp(10px,1vw,18px);transition:transform .7s,opacity .7s;display:flex;position:absolute;top:50%;left:4vw;transform:translateY(35px)}.brand-symbol{filter:brightness(0)invert();width:clamp(47px,5vw,88px);display:block}.brand-wordmark{width:clamp(205px,20vw,350px);display:block}.brand-in .brand{opacity:1;transform:translateY(-50%)}.docked .brand{transition:top 1s cubic-bezier(.45,0,.2,1),transform 1s cubic-bezier(.45,0,.2,1);top:6vh;transform:translateY(0)}.site-nav{visibility:hidden;opacity:0;align-items:center;gap:clamp(12px,1.8vw,32px);transition:opacity .55s ease-out,transform .55s ease-out;display:flex;position:absolute;top:calc(6vh + clamp(11px,1.15vw,20px));right:4vw;transform:translateY(calc(-50% - 12px))}.intro-complete .site-nav{visibility:visible;opacity:1;transform:translateY(-50%)}.site-nav a{color:#fff;white-space:nowrap;text-shadow:0 1px 5px #000;align-items:center;min-height:40px;font-size:clamp(12px,1vw,16px);font-weight:600;text-decoration:none;display:inline-flex}.site-nav a:hover{text-underline-offset:4px;text-decoration:underline}.site-nav .join-link{color:#101113;text-shadow:none;background:#fff;border-radius:4px;padding:0 1.1em}.site-nav a:focus-visible{outline-offset:3px;outline:2px solid #fff}#replay{color:#dedee0;visibility:hidden;background:0 0;border:0;padding:8px 0 8px 10px;font-size:12px;position:absolute;bottom:3vh;right:3vw}#replay span{margin-right:.3em}.settled #replay{visibility:visible}.panel:focus-visible .label,#replay:focus-visible{text-underline-offset:5px;text-decoration:underline}.reset *,.reset .panel{transition:none!important}@media (width<=760px){#panels{flex-direction:column;display:flex;top:120px;bottom:9%}.panel{clip-path:none;border-bottom:1px solid #ffffff18;flex:1;width:100%;height:auto;min-height:0;transition:flex .65s;position:relative;left:auto}.panel.selected{flex:2}.panel .label{bottom:18%;left:6vw}.panel .label small{margin-bottom:2px;font-size:9px}.panel .label strong,.panel:nth-child(3):not(.selected) .label strong{font-size:19px}.art{object-position:center 50%}.panel:nth-child(3) .label strong{transition-duration:.65s}.brand{left:6vw}.brand-wordmark{width:min(210px,58vw)}.docked .brand{top:22px}.site-nav{justify-content:space-between;gap:4px;top:86px;left:6vw;right:6vw}.site-nav a{font-size:clamp(10px,3.2vw,14px)}#replay{bottom:2%;right:6vw}}@media (prefers-reduced-motion:reduce){#scene *{transition:none}}