:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--paper:#f7f8f5;--ink:#33463b;--muted:#657569;--accent:#788e7c;--line:#d9dfd6;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Arial,TURNS OUT Sans TC,TURNS OUT Team TC,Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html,body{overflow-x:clip}body,h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{background:var(--paper);z-index:90;padding:16px;position:fixed;top:-100px;left:20px}.skip:focus{top:16px}.caps{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;font:400 11px Arial,sans-serif}.ch{display:inline-block}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header{z-index:30;background:linear-gradient(var(--paper) 70%, #f7f8f500);justify-content:space-between;align-items:center;height:88px;padding:0 4.5%;display:flex;position:fixed;inset:0 0 auto}.brand{color:#111a21;letter-spacing:-1px;white-space:nowrap;align-items:center;min-height:44px;font:800 22px Arial,sans-serif;display:flex}.brand svg{width:28px;height:29px;margin-right:10px}.brand-dot{color:var(--accent)}.header nav{align-items:center;gap:30px;font-size:14px;display:flex}.header nav a{align-items:center;min-height:44px;display:flex;position:relative}.header nav a[aria-current]:after{content:"";background:var(--ink);height:1px;position:absolute;bottom:7px;left:0;right:0}.header .language-link{border-left:1px solid var(--line);justify-content:center;margin-left:4px;padding-left:22px;font-size:12px}.site-footer{border-top:1px solid var(--line);background:var(--paper);color:var(--muted);justify-content:space-between;align-items:center;gap:0 24px;padding:18px 4.5%;font-size:12px;display:flex;position:relative}.footer-links{align-items:center;gap:0 22px;display:flex}.footer-links a,.footer-links button{align-items:center;min-height:44px;font-size:12px;display:flex}.paper{height:600vh;position:relative}.stage{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;height:100svh;position:sticky;top:0;overflow:hidden}.label{z-index:5;letter-spacing:.08em;color:var(--accent);font-size:13px;font-weight:400;position:absolute;top:104px;left:4.5%}.label span{color:var(--muted);margin-right:14px}.layers{position:absolute;inset:0}.layer{position:absolute;top:0;left:0}.big{z-index:1;letter-spacing:.02em;white-space:nowrap;opacity:.001;font-weight:400;line-height:1;transition:opacity .3s}.big.on{opacity:1}.big.latin{letter-spacing:-.01em;text-transform:uppercase}.frame{z-index:2;perspective:1600px;opacity:.001}.frame.on{opacity:1}.frame .card{backface-visibility:hidden;background:#fcfdfb;border:1px solid #dde3db;border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 1px #fff,0 2px 6px #33463b0d,0 44px 70px -44px #33463b66}.frame .card:before{content:"";border:1px solid #e8ece6;border-radius:6px;position:absolute;inset:14px}.frame .fno,.frame .frole{position:absolute;top:26px}.frame .fno{color:var(--accent);left:28px}.frame .frole{text-align:right;max-width:calc(100% - 136px);line-height:1.5;right:28px}.frame .imprint{pointer-events:none;display:block;position:absolute}.marks{z-index:2;pointer-events:none}.marks i{border:0 solid #b9c3ba;width:12px;height:12px;position:absolute}.marks i:first-of-type{border-width:0 1px 1px 0;top:-20px;left:-20px}.marks i:nth-of-type(2){border-width:0 0 1px 1px;top:-20px;right:-20px}.marks i:nth-of-type(3){border-width:1px 1px 0 0;bottom:-20px;left:-20px}.marks i:nth-of-type(4){border-width:1px 0 0 1px;bottom:-20px;right:-20px}.fig{z-index:3;pointer-events:none;opacity:.001;will-change:transform;transition:opacity .3s}.fig.on{opacity:1}.fig .pop,.fig .pop>*{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.fig .pop{will-change:transform}.fig .shadow{opacity:.22}.fig .smile{opacity:.001}.fig.happy .smile{opacity:1}.stage.over{z-index:35}.ripple{pointer-events:none;z-index:2;width:0;height:0;animation:ripple 1.5s cubic-bezier(.15, .6, .3, 1) var(--delay,0s) both;border:2px solid #0000;border-radius:50%;position:absolute;top:0;left:0;box-shadow:-2px -2px 3px #fff,3px 3px 6px #33463b33,inset 3px 3px 6px #33463b29,inset -2px -2px 3px #fff}@keyframes ripple{0%{opacity:1;width:0;height:0;margin:0}to{width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);opacity:0}}.info{z-index:5;transition:opacity .35s;position:absolute}.info .n{color:var(--accent)}.info .role{margin-top:12px;font-size:22px}.info .en{margin-top:12px}.info .bio{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.8}.fade{opacity:0!important}.index{z-index:6;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:30px;left:4.5%}.mini{flex-direction:column;align-items:center;gap:7px;display:flex;position:relative}.mini .mf{background:#fcfdfb;border:1px solid #e0e5de;border-radius:8px;width:52px;height:62px;position:relative;box-shadow:0 8px 14px -12px #33463b66}.mini img{pointer-events:none;transform-origin:50% 100%;transition:opacity .4s,transform .6s cubic-bezier(.3,1.5,.5,1);display:block;position:absolute}.mini .mc{opacity:0}.mini.seen .mc{opacity:1}.mini.on .mc{opacity:1;transform:translateY(-4px)scale(1.34)}.mini small{letter-spacing:.12em;color:var(--muted);font-size:10px}.mini.on small{color:var(--ink)}.mini:focus-visible{outline:none}.mini:focus-visible .mf{outline:1.5px solid var(--accent);outline-offset:3px}.scroll{z-index:5;position:absolute;bottom:36px;right:4.5%}.fx{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx>*{will-change:transform, opacity;position:absolute;top:0;left:0}.fx .cf{background:url(/people/confetti.webp) 0 0/800% 200% no-repeat;width:96px;height:96px;margin:-48px 0 0 -48px}.fx .flash{background:radial-gradient(closest-side,#fffffff5,#ffffffb3 36%,#fff0);border-radius:50%}.fx .gring{outline-offset:-4.5px;border:1.5px solid #fffe;border-radius:50%;outline:3px solid #ffffff40;box-shadow:0 0 0 1px #33463b1f,inset 0 0 0 1px #33463b0f}.fx .glint{background:linear-gradient(105deg,#fff0 20%,#ffffff8c 42%,#fff3 50%,#fff0 56% 64%,#ffffff40 70%,#fff0 76%);width:60vw;height:100%}@media (width<=700px){.header{height:76px;padding:0 6%}.brand{letter-spacing:-.9px;font-size:18px}.brand svg{width:24px;height:25px;margin-right:8px}.header nav{gap:16px;font-size:12px}.header .language-link{margin-left:0;padding-left:13px}.site-footer{padding:14px 6%}.label{font-size:12px;top:88px;left:6%}.frame .card{border-radius:12px}.frame .card:before{inset:10px}.frame .fno,.frame .frole{top:18px}.frame .fno{left:20px}.frame .frole{max-width:calc(100% - 112px);right:20px}.marks{display:none}.info .role{margin-top:6px;font-size:17px}.info .en{margin-top:8px}.info .bio{margin-top:6px;font-size:13px;line-height:1.7}.index{justify-content:space-between;gap:0;bottom:18px;left:5%;right:5%}.mini .mf{width:44px;height:52px}.mini small,.scroll{display:none}}@media (height<=560px){.info .bio,.index,.scroll{display:none}}@media (prefers-reduced-motion:reduce){.big,.fig,.mini img{transition:none}}[data-motion-fallback] .paper{height:auto}[data-motion-fallback] .stage{height:180px}[data-motion-fallback] .team{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0 4.5% 64px;font-size:16px;line-height:2;position:static;overflow:visible}
