*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%;background:var(--color-global-bg);color:var(--color-global-text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.portal{position:relative;display:block;height:100vh;min-height:100dvh;isolation:isolate;overflow:hidden;background:var(--color-global-bg)}canvas#bg{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.grain{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:overlay;opacity:.12;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.portal-viewport{position:relative;z-index:2;height:100vh;min-height:100dvh;overflow:hidden}.portal-track{height:200vh;transform:translateZ(0);transition:transform .76s var(--ease-elv);will-change:transform}.portal[data-active="1"] .portal-track{transform:translate3d(0,-100vh,0)}@supports (height: 100dvh){.portal-track{height:200dvh}.portal[data-active="1"] .portal-track{transform:translate3d(0,-100dvh,0)}}.portal-panel{--portal-frame-color: var(--color-accent);position:relative;display:grid;height:100vh;min-height:100dvh;padding:max(26px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));place-items:start start;opacity:.18;filter:blur(8px);transform:translate3d(-6vw,4vh,0) scale(.985);transition:opacity .56s var(--ease-elv),filter .76s var(--ease-elv),transform .76s var(--ease-elv)}.portal-panel--quant{--portal-frame-color: var(--color-quant-frame)}.portal-panel--technology{place-items:end end;text-align:right;transform:translate3d(6vw,-4vh,0) scale(.985)}.portal-panel.is-active{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}.portal-link{position:relative;display:grid;width:min(76vw,920px);min-width:0;min-height:44px;margin-top:clamp(42px,8vh,116px);padding:clamp(10px,1.8vw,22px);place-items:start start;color:var(--color-global-text);text-align:left;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent}.portal-panel--technology .portal-link{margin-top:0;margin-bottom:clamp(42px,8vh,116px);place-items:end end;text-align:right}.portal-brand{display:flex;justify-content:flex-start;gap:clamp(7px,.8vw,14px);margin-bottom:clamp(26px,3.4vw,54px);color:var(--color-muted);font-size:clamp(.66rem,1.1vw,.92rem);font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase}.portal-brand span{display:inline-block;animation:brand-cycle 2.2s steps(1,end) infinite;animation-delay:calc(var(--i, 0) * 85ms)}.portal-brand span:nth-child(1){--i: 0}.portal-brand span:nth-child(2){--i: 1}.portal-brand span:nth-child(3){--i: 2}.portal-brand span:nth-child(4){--i: 3}.portal-brand span:nth-child(5){--i: 4}.portal-brand span:nth-child(6){--i: 5}.portal-brand span:nth-child(7){--i: 6}.portal-title{position:relative;display:inline-block;max-width:100%;font-family:var(--font-mono);font-size:clamp(4.6rem,11vw,12.5rem);font-weight:800;line-height:.82;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.portal-title__main,.portal-title__ghost,.portal-title__scan,.portal-title__slice{display:block;overflow-wrap:anywhere}.portal-title__main{position:relative;z-index:2;color:var(--color-global-text);display:flex;gap:.012em;opacity:.16;text-shadow:0 2px 24px rgb(0 0 0 / .55),0 0 48px color-mix(in srgb,var(--color-accent) 20%,transparent);animation:title-mask .96s var(--ease-elv) both,title-pulse 4.2s var(--ease-elv) infinite}.portal-letter{position:relative;display:inline-block;overflow:hidden;min-width:.54em;padding-block:.03em .08em;line-height:.82;vertical-align:top}.portal-letter:before{position:absolute;inset:0;content:attr(data-roll);color:color-mix(in srgb,var(--color-accent) 82%,var(--color-global-text));opacity:0;text-shadow:0 0 18px color-mix(in srgb,var(--color-accent) 42%,transparent),0 0 34px color-mix(in srgb,var(--color-accent) 18%,transparent);transform:translate3d(0,-118%,0)}.portal-letter__glyph{display:block}.portal-letter.is-rolling .portal-letter__glyph{animation:letter-roll .76s var(--ease-elv) both}.portal-letter.is-rolling:before{animation:letter-roll-proxy .76s var(--ease-elv) both}.portal-title__ghost,.portal-title__scan,.portal-title__slice,.portal-title__border{position:absolute;pointer-events:none}.portal-title__ghost{inset:0;z-index:1;color:color-mix(in srgb,var(--color-accent) 72%,transparent);opacity:.22;transform:translate3d(-.045em,.04em,0);clip-path:polygon(0 0,100% 0,100% 42%,0 56%);animation:title-shift 2.6s steps(2,end) infinite}.portal-title__slice{top:0;bottom:0;z-index:4;overflow:hidden;color:var(--color-global-text);text-shadow:0 2px 24px rgb(0 0 0 / .55),0 0 48px color-mix(in srgb,var(--color-accent) 24%,transparent)}.portal-title__slice--left{left:0;width:51%}.portal-title__slice--right{right:0;width:50%}.portal-title__slice-inner{display:block;width:max-content;animation-duration:5.2s;animation-iteration-count:infinite;animation-timing-function:var(--ease-elv);will-change:transform}.portal-title__slice--left .portal-title__slice-inner{animation-name:portal-slice-left}.portal-title__slice--right .portal-title__slice-inner{transform:translate(-50%);animation-name:portal-slice-right}.portal-title__border{inset:-.12em -.16em -.08em;z-index:6;overflow:hidden}.portal-title__border span{position:absolute;background:color-mix(in srgb,var(--portal-frame-color) 88%,var(--color-global-text));box-shadow:0 0 18px color-mix(in srgb,var(--portal-frame-color) 28%,transparent);will-change:transform}.portal-title__border span:nth-child(1){top:0;left:0;width:100%;height:max(1px,.014em);transform:translate(-101%);animation:portal-border-top 5.2s ease infinite}.portal-title__border span:nth-child(2){top:0;right:0;width:max(1px,.014em);height:100%;transform:translateY(-101%);animation:portal-border-right 5.2s ease infinite}.portal-title__border span:nth-child(3){right:0;bottom:0;width:100%;height:max(1px,.014em);transform:translate(101%);animation:portal-border-bottom 5.2s ease infinite}.portal-title__border span:nth-child(4){top:0;left:0;width:max(1px,.014em);height:100%;transform:translateY(101%);animation:portal-border-left 5.2s ease infinite}.portal-panel:not(.is-active) .portal-title__slice-inner,.portal-panel:not(.is-active) .portal-title__border span,.portal-panel:not(.is-active) .portal-brand span{animation-play-state:paused}.portal-title__scan{inset:0;z-index:3;color:transparent;background:linear-gradient(180deg,transparent 0,transparent 42%,color-mix(in srgb,var(--color-accent) 72%,transparent) 46%,transparent 52%,transparent 100%),repeating-linear-gradient(180deg,color-mix(in srgb,var(--color-global-text) 28%,transparent) 0 1px,transparent 1px 9px);background-clip:text;-webkit-background-clip:text;opacity:.56;animation:title-scan 2.2s linear infinite}.portal-link:focus-visible .portal-title__main{color:var(--color-accent);text-shadow:0 0 18px color-mix(in srgb,var(--color-accent) 44%,transparent),0 0 46px color-mix(in srgb,var(--color-accent) 22%,transparent)}.portal-hint{position:absolute;top:50%;right:max(18px,env(safe-area-inset-right));display:grid;grid-auto-flow:column;gap:clamp(10px,1.8vw,18px);color:var(--color-muted);font-size:clamp(.68rem,.95vw,.82rem);font-weight:700;letter-spacing:.12em;line-height:1.25;opacity:.46;text-align:center;text-transform:uppercase;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:upright}.portal-hint__zh,.portal-hint__en{display:block}.portal-hint__en{font-size:.72em;letter-spacing:.16em}.portal.is-leaving .portal-panel:not(.is-active){opacity:0}.portal.is-leaving .portal-panel.is-active .portal-title{transform:scale(1.025);transition:transform .26s var(--ease-elv)}@media(max-width:760px){.portal-panel{padding:max(22px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));place-items:start start}.portal-panel--technology{place-items:end end}.portal-link{width:min(84vw,520px);margin-top:clamp(34px,8vh,82px)}.portal-panel--technology .portal-link{margin-top:0;margin-bottom:clamp(34px,8vh,82px)}.portal-title{font-size:clamp(4rem,18vw,7rem)}.portal-brand{font-size:.68rem}.portal-hint{right:max(12px,env(safe-area-inset-right));gap:8px;font-size:.62rem;opacity:.42}}@media(max-width:360px){.portal-title{font-size:clamp(3.25rem,17vw,5.4rem)}.portal-hint{font-size:.66rem;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.portal-track,.portal-panel,.portal-title__main,.portal-title__ghost,.portal-title__scan,.portal-title__slice-inner,.portal-title__border span,.portal-brand span,.portal-letter,.portal-letter:before,.portal-letter__glyph{animation:none;transition:none}.portal-title__ghost,.portal-title__scan,.portal-title__border{display:none}}@keyframes title-mask{0%{clip-path:inset(0 100% 0 0);opacity:0;transform:translate3d(.08em,0,0)}to{clip-path:inset(0 0 0 0);opacity:1;transform:translateZ(0)}}@keyframes title-pulse{0%,to{filter:brightness(1)}48%{filter:brightness(1.18)}52%{filter:brightness(.92)}}@keyframes title-shift{0%,86%,to{transform:translate3d(-.045em,.04em,0)}88%{transform:translate3d(.055em,-.025em,0)}90%{transform:translate3d(-.025em,.015em,0)}}@keyframes title-scan{0%{background-position:0 -120%,0 0}to{background-position:0 160%,0 18px}}@keyframes portal-slice-left{0%{opacity:0;transform:translate(100%)}12%,58%{opacity:1;transform:translate(0)}72%,to{opacity:0;transform:translate(-200%)}}@keyframes portal-slice-right{0%{opacity:0;transform:translate(-150%)}12%,58%{opacity:1;transform:translate(-50%)}72%,to{opacity:0;transform:translate(-250%)}}@keyframes portal-border-top{0%,16%{transform:translate(-101%)}26%,56%{transform:translate(0)}68%,to{transform:translate(101%)}}@keyframes portal-border-right{0%,22%{transform:translateY(-101%)}32%,62%{transform:translateY(0)}74%,to{transform:translateY(101%)}}@keyframes portal-border-bottom{0%,28%{transform:translate(101%)}40%,68%{transform:translate(0)}80%,to{transform:translate(-101%)}}@keyframes portal-border-left{0%,34%{transform:translateY(101%)}46%,76%{transform:translateY(0)}88%,to{transform:translateY(-101%)}}@keyframes brand-cycle{0%,72%,to{color:var(--color-muted);opacity:.62;transform:translateY(0)}74%,78%{color:var(--color-accent);opacity:1;transform:translateY(-.2em)}}@keyframes letter-roll{0%,18%{opacity:1;filter:blur(0);transform:translateZ(0)}42%{opacity:.18;filter:blur(2px);transform:translate3d(0,108%,0)}43%{opacity:.18;filter:blur(2px);transform:translate3d(0,-112%,0)}72%{opacity:.88;filter:blur(.5px);transform:translate3d(0,-.08em,0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}@keyframes letter-roll-proxy{0%,20%{opacity:0;transform:translate3d(0,-118%,0)}44%,56%{opacity:.86;transform:translateZ(0)}82%,to{opacity:0;transform:translate3d(0,118%,0)}}
