@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/NotoSansTC-400.woff2?v=d1da6976)format("woff2")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/NotoSansTC-500.woff2?v=dbbd8e9e)format("woff2")}:root{--paper:#e6e5e0;--fg:#1d1d1b;--muted:#5f5e58;--line:#cfcdc5;--font-body:"Inter", "Noto Sans TC", -apple-system, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0)}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid currentColor;outline-offset:3px}img{max-width:100%}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 24px 0}.name{font-size:15px;font-weight:600;letter-spacing:.01em}.nav{display:flex;gap:32px;font-size:14px;font-weight:500}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:32px}.nav a:hover{opacity:.6}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}.mag{max-width:1360px;margin:0 auto;padding:96px 56px 180px}.flow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:100px;align-items:start}.ph{margin:0;min-width:0;grid-column:var(--c);margin-top:calc(var(--mt, 0px)*.75)}.ph img{display:block;width:100%;height:auto;background:#d9d7d0}.reveal.pending{opacity:0;transform:translateY(14px)}.reveal{transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion:reduce){.reveal,.reveal.pending{opacity:1;transform:none;transition:none}}@media (max-width:1100px){.mag{padding:56px 32px 140px}.flow{column-gap:20px;row-gap:72px}}@media (max-width:900px){.top{padding-inline:16px}.nav,.nav ul{gap:20px}.mag{padding:20px 16px 96px}.flow{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:8px;row-gap:8px}.ph{grid-column:var(--mc);margin-top:var(--mmt, 0px)}.ph.m-bleed{margin-left:-16px;margin-right:-16px}.ph.m-end{align-self:end}.ph.m-drop{margin-top:48px}}.site-footer{--ft-bg:#b3bec1;--ft-fg:#1f2e36;--ft-muted:#4b5b63;--ft-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;background:linear-gradient(180deg,var(--paper, #e6e5e0)0,color-mix(in srgb,var(--paper, #e6e5e0) 55%,var(--ft-bg)) 90px,var(--ft-bg) 260px,var(--ft-bg) 100%);background-color:var(--ft-bg);color:var(--ft-fg);font-family:"Inter","Noto Sans TC",-apple-system,"Helvetica Neue",Arial,sans-serif}.ft-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px 64px;padding:180px 56px 0}.ft-name{margin:0;font-size:clamp(40px,5.2vw,76px);font-weight:600;letter-spacing:-.035em;line-height:.95}.ft-name a:hover{opacity:.75}.ft-cols{display:grid;grid-template-columns:repeat(2,minmax(150px,auto));gap:32px 96px}.ft-col h3{margin:0 0 22px;font:400 11px/1 var(--ft-mono);letter-spacing:.2em;color:var(--ft-muted)}.ft-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.ft-col a{font-size:19px;letter-spacing:-.005em;display:inline-flex;align-items:center;gap:6px;transition:opacity .3s ease}.ft-col a:hover{opacity:.55}.ft-col a .ext{font-size:.8em;transform:translateY(-1px)}.ft-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:88px 56px 34px;font:400 11px/1.4 var(--ft-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ft-muted)}.ft-meta a:hover{color:var(--ft-fg)}.ft-meta .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:12px;vertical-align:1px}.ft-photo{margin:0;overflow:hidden;aspect-ratio:2576/825;max-width:100%;background:#6f8691}.ft-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:60%center}.ft-photo{position:relative}.ft-photo::before{content:"";position:absolute;inset:0 0 auto 0;height:38%;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--ft-bg) 0%,color-mix(in srgb,var(--ft-bg) 70%,transparent) 30%,color-mix(in srgb,var(--ft-bg) 25%,transparent) 70%,transparent 100%)}.site-footer{position:relative}.ft-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;background:0 0;padding:0 56px calc(24px + env(safe-area-inset-bottom,0));color:#a6c1cd;text-shadow:none}.ft-meta a:hover{color:#d6e4ea}.ft-photo{margin-top:88px}.site-footer a:focus-visible{outline:1px solid var(--ft-fg);outline-offset:4px}@media (max-width:1000px){.ft-top{grid-template-columns:1fr;padding-inline:32px}.ft-meta{padding-left:32px;padding-right:32px}}@media (max-width:760px){.ft-top{padding:120px 20px 0;gap:40px}.ft-cols{grid-template-columns:1fr 1fr;gap:28px 24px}.ft-col a{font-size:17px}.ft-meta{padding:0 20px calc(18px + env(safe-area-inset-bottom,0));flex-direction:column;align-items:flex-start;gap:6px}.ft-photo{margin-top:56px}.ft-photo{aspect-ratio:4/3}}.flow .ph img{cursor:zoom-in}.zv{position:fixed;inset:0;z-index:200;background:#161614;color:rgba(255,255,255,.88);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s;touch-action:none;user-select:none;-webkit-user-select:none}.zv.open{opacity:1;visibility:visible}.zv-stage{position:absolute;inset:64px 88px 72px;display:flex;align-items:center;justify-content:center}.zv-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:opacity .12s ease}.zv-img.fading{opacity:0}.zv button{appearance:none;border:0;background:0 0;color:inherit;font:inherit;cursor:pointer;padding:0}.zv-close{position:absolute;z-index:2;right:24px;top:calc(22px + env(safe-area-inset-top,0));display:flex;align-items:center;gap:10px;padding:6px 0!important;color:#fff!important;font-size:11px!important;font-weight:500!important;letter-spacing:.24em}.zv-close span{font-size:18px;font-weight:300;letter-spacing:0}.zv-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:64px;height:120px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .25s}.zv-nav:hover{opacity:1}.zv-nav svg{width:28px;height:28px}.zv-prev{left:12px}.zv-next{right:12px}.zv-bar{position:absolute;left:24px;bottom:calc(26px + env(safe-area-inset-bottom,0));font-size:11px;letter-spacing:.14em;font-variant-numeric:tabular-nums}.zv-bar .t{opacity:.5}.zv :focus-visible{outline:1px solid #fff;outline-offset:4px}body.zv-lock{overflow:hidden}@media (max-width:760px){.zv-stage{inset:60px 0 64px}.zv-nav{display:none}.zv-close{right:16px}.zv-bar{left:16px}}@media (prefers-reduced-motion:reduce){.zv,.zv-img{transition:none}}@media (max-width:760px){.site-footer{display:flex;flex-direction:column}.ft-top{order:0}.ft-meta{order:1;position:static;padding:48px 20px 0;color:var(--ft-muted)}.ft-meta a:hover{color:var(--ft-fg)}.ft-photo{order:2;margin-top:28px}}.top,.nav,.nav ul{align-items:baseline}@media (min-width:761px){.top .name{font-size:18px}.top .nav{font-size:16px}}.flow{row-gap:40px}.ph{margin-top:calc(var(--mt, 0px)*.3)}@media (max-width:1100px){.flow{row-gap:32px}}@media (max-width:900px){.flow{row-gap:8px}.ph{margin-top:calc(var(--mmt, 0px)*.5)}.ph.m-drop{margin-top:24px}}.reveal{transition:opacity .3s ease-out,transform .3s ease-out}.reveal.pending{transform:translateY(8px)}.flow{row-gap:0}.ph{margin-top:var(--mt, 0px)}@media (max-width:1100px){.flow{row-gap:0}.ph{margin-top:calc(var(--mt, 0px)*.7)}}@media (max-width:900px){.flow{row-gap:0}.ph,.ph.m-drop{margin-top:var(--mmt, 0px)}}img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (min-width:761px) and (max-width:900px){.top{padding-inline:24px}.nav,.nav ul{gap:32px}}.mag{max-width:1680px;padding-left:40px;padding-right:40px}.flow{column-gap:20px}@media (max-width:1100px){.mag{padding-left:24px;padding-right:24px}.flow{column-gap:16px}}@media (max-width:900px){.mag{padding-left:16px;padding-right:16px}.flow{column-gap:8px}}.flow>.ph{grid-row:var(--r, auto)}@media (max-width:900px){.flow>.ph{grid-row:var(--mr, auto)}}.flow>.ph:nth-child(1){--c:3 / span 4;--mt:0px;--mc:1 / span 3;--mmt:0px;--r:1;--mr:1}.flow>.ph:nth-child(2){--c:7 / span 4;--mt:41px;--mc:4 / span 3;--mmt:0px;--r:1;--mr:1}.flow>.ph:nth-child(3){--c:2 / span 4;--mt:70px;--mc:1 / span 3;--mmt:10px;--r:2;--mr:2}.flow>.ph:nth-child(4){--c:6 / span 5;--mt:34px;--mc:4 / span 3;--mmt:24px;--r:2;--mr:2}.flow>.ph:nth-child(5){--c:8 / span 5;--mt:69px;--mc:1 / span 3;--mmt:7px;--r:3;--mr:3}.flow>.ph:nth-child(6){--c:5 / span 3;--mt:45px;--mc:4 / span 3;--mmt:25px;--r:3;--mr:3}.flow>.ph:nth-child(7){--c:1 / span 4;--mt:29px;--mc:1 / span 3;--mmt:10px;--r:3;--mr:4}.flow>.ph:nth-child(8){--c:2 / span 5;--mt:59px;--mc:4 / span 3;--mmt:7px;--r:4;--mr:4}.flow>.ph:nth-child(9){--c:8 / span 4;--mt:68px;--mc:1 / span 3;--mmt:6px;--r:4;--mr:5}.flow>.ph:nth-child(10){--c:1 / span 5;--mt:74px;--mc:4 / span 3;--mmt:10px;--r:5;--mr:5}.flow>.ph:nth-child(11){--c:6 / span 4;--mt:70px;--mc:1 / span 3;--mmt:8px;--r:5;--mr:6}.flow>.ph:nth-child(12){--c:10 / span 3;--mt:62px;--mc:4 / span 3;--mmt:2px;--r:5;--mr:6}.flow>.ph:nth-child(13){--c:8 / span 5;--mt:164px;--mc:1 / span 6;--mmt:39px;--r:6;--mr:7}.flow>.ph:nth-child(14){--c:1 / span 4;--mt:130px;--mc:2 / span 4;--mmt:24px;--r:6;--mr:8}.flow>.ph:nth-child(15){--c:2 / span 5;--mt:227px;--mc:1 / span 6;--mmt:33px;--r:7;--mr:9}.flow>.ph:nth-child(16){--c:8 / span 5;--mt:206px;--mc:2 / span 5;--mmt:40px;--r:7;--mr:10}.flow>.ph:nth-child(17){--c:6 / span 6;--mt:112px;--mc:1 / span 6;--mmt:27px;--r:8;--mr:11}.flow>.ph:nth-child(18){--c:1 / span 5;--mt:146px;--mc:1 / span 6;--mmt:39px;--r:8;--mr:12}.flow>.ph:nth-child(19){--c:8 / span 5;--mt:176px;--mc:1 / span 5;--mmt:30px;--r:9;--mr:13}.flow>.ph:nth-child(20){--c:2 / span 6;--mt:222px;--mc:1 / span 6;--mmt:28px;--r:9;--mr:14}.flow>.ph:nth-child(21){--c:1 / span 5;--mt:239px;--mc:2 / span 4;--mmt:29px;--r:10;--mr:15}.flow>.ph:nth-child(22){--c:6 / span 7;--mt:215px;--mc:1 / span 6;--mmt:44px;--r:10;--mr:16}.flow>.ph:nth-child(23){--c:4 / span 6;--mt:170px;--mc:2 / span 5;--mmt:55px;--r:11;--mr:17}.flow>.ph:nth-child(24){--c:2 / span 10;--mt:264px;--mc:1 / span 6;--mmt:54px;--r:12;--mr:18}.flow>.ph:nth-child(25){--c:1 / span 6;--mt:293px;--mc:1 / span 6;--mmt:63px;--r:13;--mr:19}.flow>.ph:nth-child(26){--c:7 / span 5;--mt:164px;--mc:2 / span 4;--mmt:40px;--r:13;--mr:20}.flow>.ph:nth-child(27){--c:1 / span 6;--mt:292px;--mc:1 / span 6;--mmt:44px;--r:14;--mr:21}.flow>.ph:nth-child(28){--c:7 / span 6;--mt:315px;--mc:2 / span 5;--mmt:51px;--r:14;--mr:22}.flow>.ph:nth-child(29){--c:4 / span 6;--mt:149px;--mc:2 / span 4;--mmt:59px;--r:15;--mr:23}.flow>.ph:nth-child(30){--c:3 / span 8;--mt:314px;--mc:1 / span 6;--mmt:54px;--r:16;--mr:24}.ft-name{font-size:16px;font-weight:600;letter-spacing:.01em;line-height:1.2}.ft-col h3{font-size:16px;margin-bottom:14px}.ft-col a{font-size:16px}.ft-col ul{gap:8px}.ft-cols{gap:24px 72px}@media (max-width:760px){.ft-name,.ft-col h3,.ft-col a{font-size:14px}}.ft-cols{grid-template-columns:repeat(2,max-content);gap:24px 48px;justify-content:end}@media (max-width:1000px){.ft-cols{justify-content:start}}@media (max-width:760px){.ft-cols{grid-template-columns:repeat(2,max-content);gap:24px 40px}}