:root{--bg:#1a1a1a;--fg:#f4f4f4;--mute:#8c8c8c;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=light]{--bg:#fff;--fg:#111;--mute:#6b6b6b;color-scheme:light}html{scroll-padding-top:env(safe-area-inset-top,0px);scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}#sb{right:6px;top:calc(env(safe-area-inset-top,0px) + 72px);z-index:60;pointer-events:none;opacity:0;mix-blend-mode:difference;background:#ffffff2e;width:2px;transition:opacity .35s;position:fixed;bottom:24px}#sb.on{opacity:1}#sb i{background:#fff;position:absolute;top:0;left:0;right:0}*,:before,:after{box-sizing:inherit}body{background:var(--bg);color:var(--fg);text-transform:uppercase;letter-spacing:.02em;margin:0;font:400 13px/1.5 Space Mono,Noto Sans TC,ui-monospace,monospace}body:before{content:"";height:env(safe-area-inset-top,0px);background:var(--bg);z-index:49;position:fixed;inset:0 0 auto}#hb{height:calc(env(safe-area-inset-top,0px) + 52px);background:var(--bg);box-shadow:0 1px 0 color-mix(in srgb,var(--fg) 12%,transparent);z-index:48;transition:transform .5s cubic-bezier(.34,1.4,.5,1);position:fixed;top:0;left:0;right:0;transform:translateY(-101%)}#hb.on{transform:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;text-transform:inherit;background:0 0;border:0;padding:0}:focus-visible{outline-offset:3px;outline:2px solid}.fine,.fine a,.fine button{cursor:none}#cu{mix-blend-mode:difference;pointer-events:none;z-index:120;background:#fff;width:12px;height:12px;display:none;position:fixed;top:-6px;left:-6px;transform:translate(-50px,-50px)}.fine #cu{display:block}header{z-index:50;padding:calc(env(safe-area-inset-top,0px) + 14px) 20px 14px;color:#fff;mix-blend-mode:difference;justify-content:space-between;align-items:center;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0}header a.on{text-underline-offset:5px;text-decoration:underline}.right{align-items:center;gap:10px;display:flex}.tg i{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:1.5px solid;width:30px;height:14px;display:block}main{padding:92px 20px 56px}footer{padding:0 20px 28px;font-weight:700}h1,h2{margin:0;font-family:Space Grotesk,Noto Sans TC,sans-serif;font-weight:700}.pt{text-align:center;letter-spacing:-.02em;margin:6px 0 44px;font-size:clamp(28px,1.6vw + 20px,58px);line-height:1}.ph{background:linear-gradient(165deg,hsl(var(--h) 42% 34%),hsl(calc(var(--h) + 45) 38% 11%));align-items:flex-end;width:100%;padding:12px;display:flex;overflow:hidden}.ph span{color:#ffffff30;word-break:break-all;font:700 clamp(22px,3.4vw,46px)/1 Space Grotesk,sans-serif}img{object-fit:cover;width:100%;height:auto;display:block}.cap{margin-top:10px}.cap b{display:block}.cap span{color:var(--mute)}.hero{height:34vh;min-height:120px}.mq{margin:-16px -20px;padding:16px 0;overflow:hidden}.track{align-items:flex-start;width:max-content;animation:80s linear infinite mq;display:flex}.mq:hover .track{animation-play-state:paused}.card{flex:none;width:clamp(120px,min(18vw,24vh),260px);margin-right:14px;display:block}.card .ph,.card img{transition:transform .7s cubic-bezier(.34,1.7,.5,1)}@media (hover:hover){.card:hover .ph,.card:hover img{transition:transform .35s cubic-bezier(.22,.8,.24,1);transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.card .ph,.card img{transition:none!important;transform:none!important}}.ph,img,.avp,.box,.lb .st>*{border-radius:10px}@keyframes mq{to{transform:translate(-50%)}}@keyframes pout{to{opacity:0;transform:translateY(-32px)}}@keyframes pin{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}#app{animation:.65s cubic-bezier(.22,.8,.24,1) both pin}#app.out{pointer-events:none;animation:.38s cubic-bezier(.4,0,.8,.4) forwards pout}#app.in{animation:.65s cubic-bezier(.22,.8,.24,1) both pin}@media (prefers-reduced-motion:reduce){.track{animation:none}.mq{overflow-x:auto}}.big,.pt{font-family:Archivo Black,Space Grotesk,Noto Sans TC,sans-serif;font-weight:400}.big{text-align:center;white-space:nowrap;margin:56px -8px 28px;font-size:7.8vw;line-height:1}.ab h2.pt{margin:6px 0 44px;font-size:clamp(28px,1.6vw + 20px,58px);line-height:1.1}.tag{text-align:center;max-width:560px;color:var(--mute);margin:0 auto}.stage{perspective:1800px;perspective-origin:50% 30%;touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;min-height:0;margin:0 -20px;position:relative;overflow:hidden}.ring{width:0;transform-style:preserve-3d;--w:clamp(110px,min(17vw,24vh),260px);position:absolute;top:0;bottom:0;left:50%}@supports (container-type:size){.stage{container-type:size}.ring{--w:clamp(110px,min(21cqw,48cqh),320px)}}.face{margin-left:calc(var(--w)/-2);width:var(--w);display:block;position:absolute;bottom:34%;left:0}.pp{transform-origin:50% 100%;transition:transform .7s cubic-bezier(.34,1.7,.5,1);position:relative}.rf{opacity:.55;pointer-events:none;height:55%;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.rf>*{width:100%;position:absolute;bottom:0;left:0}.stage img{-webkit-user-drag:none;user-drag:none}.stage.dg .pp{transform:none!important}.ring,.face{will-change:transform}.face.bk .fm{transform:scaleX(-1)}.face.bk .rf{transform:scaleY(-1)scaleX(-1)}@media (hover:hover){.face:hover .pp{transition:transform .35s cubic-bezier(.22,.8,.24,1);transform:scale(1.06)}}.fc{text-align:center;flex:none;min-height:46px}.fc a{animation:.45s both fcin;display:block}.fc .cap{margin-top:0}@keyframes fcin{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.pp,.fc a{transition:none!important;animation:none!important;transform:none!important}}.is-home,.is-home body{height:100%;overflow:hidden}.is-home body{flex-direction:column;display:flex}.is-home main{flex-direction:column;flex:1;min-height:0;padding:64px 20px 0;display:flex}.is-home footer{flex:none;padding-top:10px;padding-bottom:16px}.is-home .hero{flex:1;height:auto;min-height:0}.is-home .mq{flex:none}.is-home .big{flex:none;margin:3vh -8px 2vh}.is-home .tag{flex:none}.fg{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.fg{grid-template-columns:repeat(2,1fr)}}.fi{text-align:left;width:100%;display:block}.box{aspect-ratio:1;position:relative;overflow:hidden}.box .ph,.box img{width:100%;height:100%;position:absolute;inset:0}.tx{background:var(--bg);opacity:0;align-items:center;padding:14px;font-weight:700;transition:opacity .25s;display:flex;position:absolute;inset:0}.tx small{color:var(--mute);font-weight:400;display:block}@media (hover:hover){.fi:hover .tx{opacity:1}}.no{text-align:center;margin-top:8px;font-weight:700}.js .mas{position:relative}.mas a{margin-bottom:28px;display:block}.js .mas a{will-change:transform;margin:0;position:absolute;top:0;left:0}.mas.go a{transition:transform .65s cubic-bezier(.22,.8,.24,1)}@media (prefers-reduced-motion:reduce){.mas.go a{transition:none}}.mas a .ph,.mas a img,.mas a .cap{transition:transform .7s cubic-bezier(.34,1.7,.5,1)}.mas .cap{position:relative}.mas .cap:before{content:"";opacity:0;border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;transition:opacity .3s;position:absolute;top:5px;left:-18px}@media (hover:hover){.mas a:hover .ph,.mas a:hover img{transition:transform .35s cubic-bezier(.22,.8,.24,1);transform:scale(.92)}.mas a:hover .cap{transition:transform .35s cubic-bezier(.22,.8,.24,1);transform:translate(18px)}.mas a:hover .cap:before{opacity:1}}@media (prefers-reduced-motion:reduce){.mas a .ph,.mas a img,.mas a .cap{transition:none!important;transform:none!important}}.dt{max-width:min(880px,100%);margin:0 auto}.dt>.ph,.dt>img{margin-bottom:12px}.dm{text-align:center;margin:36px 0 0}.dm p{color:var(--mute);margin:14px 0 0}.pn{justify-content:space-between;align-items:baseline;margin-top:64px;display:flex}.pn a:not(:nth-child(2)){font:700 clamp(18px,2.6vw,30px) Space Grotesk,sans-serif}.ab{text-align:center;max-width:min(1500px,100%);margin:0 auto}.ab .bio{text-transform:none;margin:0 0 56px;font:700 clamp(17px,1.9vw,36px)/1.7 Noto Sans TC,sans-serif}.ab h2{font-size:clamp(20px,3vw,34px);line-height:1.35}.ab .lb2{color:var(--mute);margin:48px 0 14px}[hidden]{display:none!important}.ab h2 a{text-underline-offset:6px;text-transform:none;width:max-content;margin:0 auto;text-decoration:underline;display:block}.av{width:clamp(180px,26vw,380px);margin-top:72px}.avp{aspect-ratio:5/4;border:1px dashed var(--mute);text-align:center;color:var(--mute);place-items:center;display:grid}.lb{z-index:80;color:#fff;backdrop-filter:blur(8px);padding:calc(env(safe-area-inset-top,0px) + 56px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);background:#000000e0;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:fixed;inset:0}.lb.on{display:flex}.lb .st>*{object-fit:contain;width:auto;max-width:92vw;height:70vh}.lc{align-items:center;gap:24px;font-weight:700;display:flex}.lb .st iframe,.lb .st .avp{width:min(92vw,124vh);height:auto}.pl{background:#0009;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:12px;right:12px}.pl:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #fff;margin-left:3px}#lx{top:calc(env(safe-area-inset-top,0px) + 14px);font-weight:700;position:absolute;right:20px}.mb{display:none}.mm{z-index:90;background:var(--bg);color:var(--fg);padding:calc(env(safe-area-inset-top,0px) + 14px) 20px calc(env(safe-area-inset-bottom,0px) + 22px);flex-direction:column;font-weight:700;display:none;position:fixed;inset:0}.mm.on{display:flex}.mh{justify-content:space-between;align-items:center;display:flex}.ml{flex-direction:column;gap:20px;margin-top:20vh;display:flex}.ml a{text-underline-offset:5px;width:max-content;font:400 clamp(24px,7.4vw,36px)/1.1 Archivo Black,Space Grotesk,sans-serif;text-decoration:underline 2px}.mf{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:auto;display:flex}.ms{flex-direction:column;gap:12px;display:flex}.ms a{text-underline-offset:4px;width:max-content;text-decoration:underline}.mav{width:clamp(150px,44vw,260px)}@media (width<=810px){header>a[data-r],.right>a{display:none}.mb{font-weight:700;display:block}}@media (width>=811px){.mm{display:none!important}}@media (width<=640px){header{padding-left:14px;padding-right:14px;font-size:11px}.tg i{width:22px}}.bio{white-space:pre-line}.js .ring,.js .mas{visibility:hidden}@media (prefers-reduced-motion:reduce){#app{animation:none}}