:root{--bg:#F2F2F2;--bg-2:#E9E9E9;--black:#0D0D0D;--black-2:#141414;--ink:#111111;--white:#FFFFFF;--ivory:#F2F2F2;--grey:#E2E2E2;--mute:#6E6E6E;--mute-w:rgba(255,255,255,.62);--line-dark:rgba(255,255,255,.14);--line-light:rgba(17,17,17,.14);--accent:#111111;--gold:#111111;--gold-2:#5A5A5A;--t-micro:.22s;--t-cursor:.3s;--t-img:.6s;--t-reveal:.8s;--t-imgtrans:.9s;--t-page:1s;--ease-out:cubic-bezier(.215,.61,.355,1);--ease-inout:cubic-bezier(.77,0,.175,1);--gutter:28px;--nav-h:66px;--font-display:"Archivo","Helvetica Neue",Arial,"Noto Sans TC",sans-serif;--font-label:"Archivo","Helvetica Neue",Arial,"Noto Sans TC",sans-serif;--font-body:"Archivo","Helvetica Neue",Arial,"Noto Sans TC",sans-serif;--font-serif:"Archivo","Helvetica Neue",Arial,"Noto Sans TC",sans-serif;--font-tc:"Noto Sans TC","Archivo",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-synthesis-weight:none}:lang(zh-Hant){font-family:var(--font-tc)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--ink);color:var(--bg)}.disp{font-family:var(--font-display);font-weight:600;letter-spacing:-.022em;text-transform:uppercase}.disp em{font-style:normal;font-weight:600;color:var(--mute)}.h-hero{font-size:clamp(34px,4.4vw,68px);line-height:1.02}.h-sec{font-size:clamp(26px,3.1vw,46px);line-height:1.06;letter-spacing:-.02em}.giant{font-family:var(--font-display);font-weight:600;font-size:clamp(44px,8.4vw,132px);line-height:.92;text-transform:uppercase;letter-spacing:-.03em}.label{font-family:var(--font-label);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}.label.sm{font-size:10px;letter-spacing:.09em}.label.mute{color:var(--mute)}.serif-q{font-family:var(--font-display);font-weight:400;font-style:normal;letter-spacing:-.01em}.rule{display:inline-block;width:30px;height:1px;background:currentColor;vertical-align:middle;margin-left:12px;opacity:.5}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding:11px 20px;border:1px solid var(--line-light);border-radius:999px;background:transparent;font-family:var(--font-label);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1;transition:background var(--t-cursor) var(--ease-out),color var(--t-cursor) var(--ease-out),border-color var(--t-cursor)}.btn .ar{display:inline-block;transition:transform var(--t-cursor) var(--ease-out)}.btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn:hover .ar{transform:translate(5px)}.btn.dark,.btn.solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.dark:hover,.btn.solid:hover{background:transparent;color:var(--ink)}.btn.ghost-w{color:var(--white);border-color:var(--line-dark)}.btn.ghost-w:hover{background:var(--white);color:var(--ink);border-color:var(--white)}.btn:focus-visible{outline:1px solid var(--ink);outline-offset:3px}#nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 var(--gutter);padding-top:env(safe-area-inset-top,0px);color:var(--white);background:transparent;transition:background .5s var(--ease-out),color .5s var(--ease-out)}body.is-light #nav,body.light #nav,#nav.solid{color:var(--ink);background:#f2f2f2eb;backdrop-filter:blur(12px)}#nav .logo{grid-column:2;justify-self:center;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.1em;text-transform:uppercase;color:inherit}#nav .l-links,#nav .r-links{display:flex;align-items:center;gap:clamp(18px,2.6vw,52px)}#nav .r-links{justify-self:end}#nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:clamp(18px,2.6vw,52px)}#nav li{font-family:var(--font-label);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase}#nav li a{position:relative;padding-block:4px}#nav li a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:right var(--t-cursor) var(--ease-out)}#nav li a:hover:after,#nav li a:focus-visible:after,#nav li a.on:after{right:0}#nav li.lang{opacity:.72}#nav .cta{display:inline-flex;align-items:center;gap:14px;padding:9px 16px;border-radius:999px;background:#ffffff29;backdrop-filter:blur(6px);font-family:var(--font-label);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1;transition:background var(--t-cursor) var(--ease-out),color var(--t-cursor)}#nav .cta .pl{display:inline-block;font-size:14px;line-height:0;transition:transform var(--t-cursor) var(--ease-out)}#nav .cta:hover{background:var(--white);color:var(--ink)}#nav .cta:hover .pl{transform:rotate(90deg)}body.is-light #nav .cta,body.light #nav .cta,#nav.solid .cta{background:#11111114;backdrop-filter:none}body.is-light #nav .cta:hover,body.light #nav .cta:hover,#nav.solid .cta:hover{background:var(--ink);color:var(--bg)}@media(max-width:900px){#nav{grid-template-columns:1fr auto 1fr}#nav .l-links,#nav .r-links ul{display:none}}.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--ink);color:#fff;padding:10px 14px;font-family:var(--font-label);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.skip:focus{left:var(--gutter)}a:focus-visible,button:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.page{padding-top:calc(env(safe-area-inset-top,0px) + var(--nav-h))}#site-foot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:30px var(--gutter) calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-light);color:var(--mute);font-family:var(--font-label);font-weight:500;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}#site-foot .brand{display:flex;align-items:center;gap:20px}#site-foot .logo{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.1em;color:var(--ink)}#site-foot nav{display:flex;gap:20px;flex-wrap:wrap}#site-foot a:hover{color:var(--ink)}
