:root{font-family:'Microsoft JhengHei','PingFang TC',sans-serif;color:#252d33;background:#f6eedb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #df5c44;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5vw;border-bottom:1px solid #b8a88c;gap:20px}.wordmark{font-size:21px;font-weight:900;text-decoration:none;letter-spacing:3px}header>span{font:10px monospace;letter-spacing:1px;color:#8b795f}header>p{font-size:10px}main{max-width:1440px;margin:auto;padding:45px 5vw 30px}.gallery-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:37px}.overline{font-size:11px;letter-spacing:3px;color:#8c795e}h1{font-family:'SimSun','Songti TC',serif;font-size:clamp(40px,5vw,70px);letter-spacing:-1px;margin:15px 0 20px;line-height:1.2}h1 em{font-style:normal;color:#d25d43}.gallery-intro p:last-child{font-size:11px;line-height:1.9;color:#88775d}.edition{display:flex;gap:15px;align-items:center}.edition b{font:72px Georgia,serif;color:#c7984f}.edition span{font:9px/2 monospace;letter-spacing:1px;color:#927a57}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px;padding:17px 0;border-top:1px dashed #ac9878;border-bottom:1px dashed #ac9878}nav button{border:1px solid #a89170;border-radius:20px;padding:7px 17px;background:transparent;font-size:11px}nav button[aria-pressed=true]{background:#252d33;color:#fff8e7;border-color:#252d33}#gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}article{position:relative;min-width:0;background:#fff9e9;border:1px solid #c4b28f;padding:15px 15px 19px;box-shadow:4px 5px 0 #252d3310;overflow:hidden}.tile-top{display:flex;justify-content:space-between;align-items:center;gap:4px;border-bottom:1px solid #d6c7aa;padding-bottom:9px;font:8px monospace;letter-spacing:.6px;color:#988061}.tile-top small{font-size:9px;color:var(--look)}article>button{width:100%;padding:0;background:radial-gradient(ellipse,color-mix(in srgb,var(--look) 12%,transparent),transparent 70%);border:0;display:block}article img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;transition:transform .25s;filter:drop-shadow(3px 4px 0 #252d3315)}article>button:hover img{transform:translateY(-4px) rotate(-2deg)}article h2{font-size:20px;letter-spacing:4px;margin:9px 0 5px}article p{font-size:9px;color:#9a8567;line-height:1.7;min-height:30px;margin:0}article blockquote{font-family:'SimSun',serif;font-size:12px;font-weight:700;border-left:2px solid var(--look);padding-left:9px;margin:13px 0;line-height:1.5}article>a{font-size:8px;color:#576e8f}footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #b9a381;padding-top:20px;margin-top:40px;font-size:9px;color:#8c7758;line-height:1.9}footer>span{white-space:nowrap;font:8px monospace;letter-spacing:2px}dialog{background:#f7eed9;border:1px solid #252d33;max-width:min(480px,90vw);max-height:90dvh;padding:20px;text-align:center;overflow:auto}dialog::backdrop{background:#252d33b0;backdrop-filter:blur(5px)}dialog>img{display:block;height:min(65dvh,620px);width:100%;object-fit:contain}dialog>button{position:absolute;top:8px;right:12px;background:none;border:0;font-size:26px}dialog h2{font-size:24px;letter-spacing:5px;margin:5px 0 12px}dialog>a{font-size:11px;color:#4165b3}
@media(max-width:1000px){#gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}header>span{display:none}.edition{display:none}}
@media(max-width:600px){header{padding:20px 5vw}.wordmark{font-size:17px;letter-spacing:1px}header>p{font-size:8px}main{padding-top:25px}.gallery-intro{margin-bottom:20px}h1{font-size:43px}.gallery-intro p:last-child{font-size:9px}#gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}article{padding:10px 10px 14px}.tile-top{font-size:6px;letter-spacing:0}.tile-top small{font-size:7px}article h2{font-size:17px;letter-spacing:2px}article p{font-size:8px;min-height:28px}article blockquote{font-size:10px;margin:10px 0}article>a{font-size:7px}nav{gap:5px}nav button{font-size:9px;padding:6px 10px}footer{display:block;font-size:8px}footer>span{display:block;margin-top:12px}}