:root{color-scheme:dark;--bg:#171917;--text:#efeee8;--muted:#a7aaa2;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.7 'DM Sans','Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,p{margin:0}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:2px solid #cddbb2;outline-offset:6px}.skip{position:fixed;top:-80px;background:var(--bg);padding:15px;z-index:10}.skip:focus{top:0}.archive-nav,main,.archive-footer{width:min(1360px,90%);margin:auto}.archive-nav{height:110px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.archive-nav>a:last-child{font-size:12px;color:var(--muted)}.archive-nav span{margin-left:20px}.archive-intro{padding:76px 0 58px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--muted)}.intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:16px}.intro-row h1{font-size:clamp(64px,8vw,112px);font-weight:400;letter-spacing:-.065em;line-height:1.05}.intro-row h1 span{font-size:clamp(18px,2vw,26px);letter-spacing:.1em;display:inline-block;margin-left:26px;vertical-align:middle}.intro-row>p{color:var(--muted);line-height:2;font-size:13px;padding-bottom:8px}.collection-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px 0 32px;border-top:1px solid var(--line)}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{border-radius:100px;padding:12px 23px;background:transparent;border:1px solid var(--line);transition:border-color .2s}.filters button span{margin-left:10px;font-size:11px;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:#20221e}.filters button[aria-pressed=true] span{color:#575c52}.filters button:hover{border-color:#c2cabb}.collection-bar>p{font-size:11px;white-space:nowrap;color:var(--muted);letter-spacing:.1em}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 30px;min-height:380px}.project-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#2e332b;border-radius:5px}.project-image img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:transform .6s}.project-card a:hover img{transform:scale(1.025)}.media-type{position:absolute;left:18px;top:18px;font-size:10px;letter-spacing:.08em;background:#171917bf;border:1px solid #ffffff40;padding:7px 13px;border-radius:40px;backdrop-filter:blur(8px)}.enter{position:absolute;right:18px;bottom:18px;border-radius:50%;background:#f5f3ea;color:#20221e;width:42px;height:42px;display:grid;place-items:center;font-size:24px}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:23px;gap:15px}.project-meta h2{font-size:23px;font-weight:400;line-height:1.5;margin-top:8px}.project-meta h2 span{display:block;font-size:12px;color:var(--muted);margin-top:5px;letter-spacing:.03em}.project-number{font-size:12px;color:var(--muted);align-self:flex-start}.project-note{color:var(--muted);font-size:11px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.empty-state{min-height:380px;border-top:1px solid var(--line);padding:75px 0}.empty-state h2{font-size:28px;font-weight:400;margin:18px 0 12px}.empty-state p{color:var(--muted)}.empty-state button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 0;margin-top:25px}.archive-grid:empty{display:none}.archive-footer{margin-top:100px;padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;letter-spacing:.1em}.noscript-note{margin-top:20px;color:var(--muted)}@media(min-width:1600px){.archive-grid{gap:40px}}@media(max-width:700px){.archive-nav{height:85px}.archive-nav img{width:125px}.archive-nav>a:last-child{font-size:10px}.archive-nav span{margin-left:8px}.archive-intro{padding:48px 0 38px}.intro-row{display:block}.intro-row>p{margin-top:23px;font-size:12px}.intro-row h1 span{margin-left:18px}.collection-bar{align-items:flex-start;padding:22px 0 26px;flex-direction:column;gap:18px}.filters{gap:8px;width:100%}.filters button{padding:10px 14px;flex:1;white-space:nowrap;font-size:12px}.filters button span{font-size:9px;margin-left:5px}.archive-grid{grid-template-columns:1fr;min-height:0;gap:40px}.project-meta h2{font-size:21px}.project-meta{margin-top:20px}.media-type{top:12px;left:12px}.enter{right:12px;bottom:12px;width:35px;height:35px}.archive-footer{margin-top:70px}.empty-state{min-height:300px;padding:40px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}