*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:#363636;background:#f5f5f5;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #b7b7b7;background:transparent;border-radius:3px;padding:9px 16px}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #888888;outline-offset:5px}[hidden]{display:none!important}header{height:88px;padding:20px max(24px,calc((100vw - 1400px)/2));display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e7e7e7}header img{display:block;width:155px;height:auto;max-height:48px;object-fit:contain}header>a:last-child{font-size:13px;text-decoration:none}.intro{max-width:1400px;margin:0 auto;padding:48px 24px 28px}.eyebrow{font-size:11px;letter-spacing:.19em;color:#848484}h1{font-size:28px;letter-spacing:.08em;font-weight:400;margin:12px 0}.intro p{margin:9px 0}.note,#progress{font-size:13px;color:#797979}nav{position:sticky;top:0;z-index:2;display:flex;gap:28px;padding:16px max(24px,calc((100vw - 1352px)/2));background:#f5f5f5f5;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}nav a{text-decoration:none;font-size:14px}nav span{font-size:11px;margin-left:6px;font-variant-numeric:tabular-nums;opacity:.6}.collection{padding:36px max(24px,calc((100vw - 1352px)/2)) 60px;scroll-margin-top:0}.dark{background:#262626;color:#e7e7e7}.light{background:#f2f2f2}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h2{font-weight:400;font-size:20px;margin:0}h2 small{font-size:10px;letter-spacing:.2em;opacity:.5;margin-left:10px}.section-title>span,.empty{font-size:12px;opacity:.6}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 20px}.work{min-width:0;margin:0}.work button{display:block;width:100%;padding:0;border:0;background:transparent}.work img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#ffffff06}.work figcaption{font-size:11px;opacity:.65;line-height:1.6;padding-top:9px;overflow-wrap:anywhere}.work figcaption span{margin-right:7px;font-variant-numeric:tabular-nums;opacity:.65}.failed{min-height:180px;display:grid;place-items:center;font-size:12px}footer{display:flex;justify-content:space-between;padding:30px 24px;font-size:11px;color:#868686}dialog{border:0;padding:16px 22px;background:#f4f4f4;width:min(850px,96vw);max-height:96dvh;color:#424242}dialog::backdrop{background:#161616dd}.viewer-top,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px}.viewer-top p{font-size:12px;opacity:.65;margin:0}.viewer-top button{border:0;font-size:13px}.viewer-image{height:calc(90dvh - 145px);min-height:130px;display:flex;justify-content:center;margin:10px 0}.viewer-image img{display:block;width:100%;height:100%;object-fit:contain}.viewer-bottom{text-align:center}.viewer-bottom p{font-size:13px;margin:0 0 4px}.viewer-bottom a{font-size:11px}.viewer-bottom button{border:0;font-size:24px}body:has(dialog[open]){overflow:hidden}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){header{height:72px;padding:16px 20px}header img{width:130px}.intro{padding:30px 20px 24px}h1{font-size:24px}.collection{padding:28px 16px 38px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}nav{padding:14px 20px}.work figcaption{font-size:10px}footer{gap:20px;padding:24px 16px}dialog{padding:12px;max-height:98dvh}.viewer-image{height:calc(90dvh - 130px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}