@font-face{font-family:"Space Grotesk";src:url("/assets/space-grotesk-latin-400.65fd17fcbd2e.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
#gateway{background:#0c0e29;font-family:"Space Grotesk","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;--portal-standoff:48px}
#gateway .gateway-camera{animation:none;transform:none}
#gateway .gateway-poster,#gateway .gateway-film{object-fit:fill;object-position:center;max-width:none}
#gateway .gateway-shade{background:linear-gradient(0deg,rgba(6,11,29,.44),transparent 25%),linear-gradient(180deg,rgba(9,10,35,.3),rgba(9,10,35,.09) 33%,transparent 64%);animation:none}
#gateway .gateway-header{padding:26px 4vw}
#gateway .brand{color:#fff;font-size:16px;font-weight:400}
#gateway .brand small{font-family:"Space Grotesk",sans-serif;font-size:9px;font-weight:400;letter-spacing:2.7px;color:#ffffffc4}
#gateway .gateway-login{background:transparent;border:0;border-radius:0;min-height:44px;color:#ffffffe6;font-size:12px}
#gateway .gateway-stack{position:absolute;left:0;right:0;bottom:calc(100% - var(--portal-top,44.29vh) + var(--portal-standoff) + 63px);z-index:4;display:flex;flex-direction:column;align-items:center;padding:0 5vw;text-align:center}
#gateway .gateway-copy{position:static;margin:0;max-width:none;padding:0;transform:none;text-align:center;color:#fff;text-shadow:0 2px 25px #090a2330}
#gateway .gateway-kicker{margin:0 0 18px;display:block;font-size:10px;letter-spacing:2.4px;font-weight:400;color:#ffffffc4}
#gateway .gateway-copy h1{margin:0;font-size:clamp(32px,4.5vw,68px);line-height:1.2;font-weight:400;letter-spacing:-.035em;animation:portal-rise .95s cubic-bezier(.16,1,.3,1) .12s backwards}
#gateway .gateway-line{display:block}
#gateway .gateway-line-soft{color:#ffffffb5}
#gateway .gateway-copy>p:last-child{display:block;margin:16px 0 0;max-width:none;font-size:clamp(12px,1.1vw,15px);line-height:1.65;font-weight:400;letter-spacing:0;color:#ffffffe3;animation:portal-rise .7s cubic-bezier(.16,1,.3,1) .3s backwards}
#gateway .gateway-bottom{position:static;display:block;margin:0 0 17px;padding:0;transform:none;animation:portal-rise .65s cubic-bezier(.16,1,.3,1) .48s backwards}
#gateway .gateway-join{position:relative;display:inline-flex;align-items:center;justify-content:center;width:clamp(210px,16.5vw,250px);height:44px;min-height:44px;padding:0;gap:0;border:0;border-radius:0;background:#fff;color:#2b2430;outline:0;box-shadow:0 6px 24px #080b2324;transform:none;font-family:inherit;font-size:clamp(13px,1vw,16px);font-weight:400;letter-spacing:.02em;overflow:visible;--corner-gap:5px;--corner-length:15px;--corner-stroke:1.3px;transition:box-shadow .25s,background .25s,transform .25s}
#gateway .gateway-join>span{position:relative;z-index:1}
#gateway .gateway-join::after{content:"";position:absolute;left:0;right:0;top:50%;height:max(100%,44px);transform:translateY(-50%);background:transparent;pointer-events:auto}
#gateway .gateway-join>i{position:absolute;width:var(--corner-length);height:var(--corner-length);background:none;border:0;pointer-events:none}
#gateway .gateway-join>i::before,#gateway .gateway-join>i::after{content:"";position:absolute;background:#ffffffeb}
#gateway .gateway-join>i::before{width:100%;height:var(--corner-stroke)}
#gateway .gateway-join>i::after{height:100%;width:var(--corner-stroke)}
#gateway .gateway-join .tl,#gateway .gateway-join .tr{top:calc(-1 * (var(--corner-gap) + var(--corner-stroke)))}
#gateway .gateway-join .bl,#gateway .gateway-join .br{bottom:calc(-1 * (var(--corner-gap) + var(--corner-stroke)))}
#gateway .gateway-join .tl,#gateway .gateway-join .bl{left:calc(-1 * (var(--corner-gap) + var(--corner-stroke)))}
#gateway .gateway-join .tr,#gateway .gateway-join .br{right:calc(-1 * (var(--corner-gap) + var(--corner-stroke)))}
#gateway .gateway-join .tl::before,#gateway .gateway-join .tr::before{top:0}
#gateway .gateway-join .bl::before,#gateway .gateway-join .br::before{bottom:0}
#gateway .gateway-join .tl::after,#gateway .gateway-join .bl::after{left:0}
#gateway .gateway-join .tr::after,#gateway .gateway-join .br::after{right:0}
#gateway .gateway-join .polish-feedback,#gateway .gateway-join .polish-hover-light{display:none}
#gateway .gateway-join:focus-visible{outline:2px solid #fff;outline-offset:11px}
#gateway .gateway-explore{position:absolute;z-index:5;bottom:calc(env(safe-area-inset-bottom,0px) + max(27px,5.2%));left:20px;right:20px;display:flex;flex-direction:column;align-items:center;text-align:center}
#gateway .gateway-caption{margin:0 0 2px;color:#ffffffe0;font-size:10px;letter-spacing:.07em}
#gateway .gateway-browse{min-height:44px;padding:10px 8px;margin:0;font-family:inherit;color:#ffffffd9;font-size:11px}
#gateway .gateway-side-note{font-family:"Space Grotesk",sans-serif;font-size:8px;right:4vw;bottom:5.5%;letter-spacing:2px}
@media(hover:hover) and (pointer:fine){#gateway .gateway-join:hover{background:#fffdf7;box-shadow:0 0 28px #ffdfb06b;transform:translateY(-1px)}}
@keyframes portal-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1080px){#gateway .gateway-copy h1{font-size:clamp(30px,5.1vw,52px)}#gateway .gateway-stack{padding:0 7vw}}
@media(max-width:700px){
 #gateway{--portal-standoff:57px}
 #gateway .gateway-header{padding:18px 22px}
 #gateway .brand{font-size:14px}
 #gateway .brand-symbol{width:27px;height:27px}
 #gateway .brand small{font-size:7px}
 #gateway .gateway-stack{padding:0 22px;bottom:calc(100% - var(--portal-top,44.29vh) + var(--portal-standoff) + 57px)}
 #gateway .gateway-copy h1{font-size:clamp(26px,min(7.8vw,4.05dvh),42px);line-height:1.27}
 #gateway .gateway-kicker{font-size:8px;margin-bottom:17px}
 #gateway .gateway-copy>p:last-child{font-size:11px;margin-top:15px;line-height:1.7}
 #gateway .gateway-bottom{margin:0 0 15px}
 #gateway .gateway-join{width:min(230px,70vw);height:48px;min-height:48px;font-size:14px;--corner-gap:4px;--corner-length:12px;--corner-stroke:1px}
 #gateway .gateway-explore{bottom:calc(env(safe-area-inset-bottom,0px) + max(21px,4.5%))}
 #gateway .gateway-caption{display:block;font-size:9px}
 #gateway .gateway-browse{font-size:10px}
 #gateway .gateway-side-note{display:none}
}
@media(max-height:650px){
 #gateway{--portal-standoff:28px}
 #gateway .gateway-kicker{display:none}
 #gateway .gateway-copy h1{font-size:clamp(24px,5.8vw,37px)}
 #gateway .gateway-copy>p:last-child{font-size:10px;margin-top:10px}
 #gateway .gateway-bottom{margin:0 0 12px}
 #gateway .gateway-header{padding-top:13px}
 #gateway .gateway-explore{bottom:calc(env(safe-area-inset-bottom,0px) + 17px)}
 #gateway .gateway-caption{display:none}
}
@media(max-height:440px){
 #gateway .gateway-stack{bottom:calc(100% - var(--portal-top,44.29vh) + 79px)}
 #gateway .gateway-copy h1{font-size:22px;line-height:1.1}
 #gateway .gateway-line{display:inline}
 #gateway .gateway-copy>p:last-child{display:none}
 #gateway .gateway-bottom{margin:0 0 10px}
 #gateway .gateway-join{height:44px;min-height:44px;font-size:12px}
 #gateway .brand>span{display:none}
}
@media(prefers-reduced-motion:reduce){
 #gateway .gateway-film{display:none}
 #gateway .gateway-copy h1,#gateway .gateway-copy>p:last-child,#gateway .gateway-bottom{animation:none}
}
