*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:#181818;font:16px/1.7 Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;background:#fff;position:sticky;top:0;z-index:10}.brand{font-size:22px;letter-spacing:.04em;font-weight:600}.brand span{margin-left:18px;font-size:15px;font-weight:400;letter-spacing:.12em}nav{display:flex;gap:32px;font-size:15px}nav a:hover{text-decoration:underline;text-underline-offset:7px}main{max-width:1600px;margin:auto;padding:0 5%}.intro{display:grid;grid-template-columns:.7fr 1fr;gap:6%;padding:72px 0 90px;align-items:center}.eyebrow{font-size:13px;letter-spacing:.12em;color:#666}h1{font:clamp(44px,6vw,88px)/1.1 Georgia,serif;font-weight:400;margin:40px 0}h1 span{display:block;font:32px/1.6 "Microsoft YaHei",sans-serif;margin-top:24px;letter-spacing:.2em}.intro-note{color:#666;font-size:15px}.opening{margin:0;max-width:600px;width:100%;justify-self:end}.image-button{display:block;border:0;background:transparent;padding:0;width:100%}.opening img{display:block;max-height:640px;width:100%;object-fit:contain}.opening figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:13px;color:#666}.section{padding:48px 0 90px;border-top:1px solid #bdbdbd}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}h2{font-weight:400;font-size:27px;margin:0}h2 span{font:20px Georgia,serif;margin-left:22px;color:#666}.section-number{font:16px Georgia,serif;color:#888}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 36px}.filters button{background:transparent;border:1px solid #ddd;padding:5px 18px;border-radius:0;font-size:14px}.filters button.active{background:#191919;border-color:#191919;color:white}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 35px}.work{margin:0}.work .image-button{height:360px;background:#f6f6f6;padding:22px}.work img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s}.work button:hover img{transform:scale(1.025)}.work figcaption{padding-top:17px}.work h3{margin:0 0 4px;font-size:17px;font-weight:400}.meta{color:#777;font-size:13px;margin:0}.events{max-width:1050px;margin-left:auto}.event{display:grid;grid-template-columns:80px 120px 1fr;gap:20px;border-top:1px solid #e5e5e5;padding:22px 0;font-size:16px}.event-category{color:#777;font-size:14px}.about-body{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;padding:15px 0 30px}.large{font:36px/1.5 Georgia,"Microsoft YaHei",serif;margin:0}.about-body p{margin-top:0;margin-bottom:24px}.about-body [lang=en]{font-family:Georgia,serif;color:#555;font-size:18px}.small{font-size:13px;color:#888}footer{margin:0 5%;padding:30px 0;border-top:1px solid #ddd;display:flex;justify-content:space-between;font-size:13px;color:#777}dialog{border:0;padding:60px 30px 30px;max-width:1100px;width:95vw;max-height:94vh;background:white}dialog::backdrop{background:rgba(0,0,0,.7)}.close{position:absolute;right:25px;top:15px;background:white;border:0;font-size:14px;padding:10px}.viewer-body{display:grid;grid-template-columns:1fr 240px;gap:30px;align-items:end}.viewer-body img{width:100%;max-height:74vh;object-fit:contain}.viewer-body h2{font-size:23px}#detail-meta{color:#777;font-size:15px;white-space:pre-line}button:focus-visible,a:focus-visible{outline:2px solid #217868;outline-offset:5px}@media(max-width:1000px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.work .image-button{height:330px}.intro{gap:4%}.opening figcaption{display:block}.opening figcaption span{display:block}}@media(max-width:640px){header{padding:20px 6%;display:block}.brand{font-size:19px}.brand span{font-size:14px;margin-left:10px}nav{gap:22px;margin-top:12px;font-size:14px}main{padding:0 6%}.intro{grid-template-columns:1fr;padding:30px 0 55px;gap:25px}h1{font-size:51px;margin:22px 0}h1 span{font-size:24px;margin-top:10px}.intro-note{margin-bottom:0}.opening img{max-height:480px}.opening{justify-self:center}.section{padding:32px 0 55px}h2{font-size:23px}h2 span{display:block;font-size:16px;margin:2px 0 0}.gallery{grid-template-columns:1fr;gap:34px}.work .image-button{height:430px;padding:16px}.event{grid-template-columns:50px 1fr;gap:7px 18px;padding:18px 0}.event-category{grid-column:2}.event-title{grid-column:2}.about-body{grid-template-columns:1fr;gap:24px}.large{font-size:30px}.viewer-body{grid-template-columns:1fr;gap:15px}.viewer-body img{max-height:58vh}footer{margin:0 6%;gap:20px}.filters{gap:7px}.filters button{padding:5px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work img{transition:none}}
/* Monochrome editorial cover and chronological archive */
body{background:#f7f7f7;color:#111}header{background:#f7f7f7;border-color:#c9c9c9}nav{gap:24px;font-size:14px}.intro{display:block;min-height:calc(100vh - 94px);padding:34px 0 44px}.cover-top{display:flex;justify-content:space-between;letter-spacing:.13em;font-size:12px;color:#666}.intro h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(70px,11vw,170px);font-weight:400;line-height:.88;letter-spacing:-.065em;margin:62px 0 58px}.intro h1>span{display:block}.intro h1>span+span{margin-top:14px}.intro h1 .chinese-name{display:inline-block;font:24px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:.2em;margin:0 0 0 45px;vertical-align:middle}.cover-bottom{display:grid;grid-template-columns:1fr 1.7fr;gap:7%;border-top:1px solid #bbb;padding-top:28px}.cover-label{font-size:12px;letter-spacing:.08em;color:#666}.cover-bio{max-width:700px}.cover-bio p{font-size:16px;line-height:1.9;margin:0 0 17px}.cover-bio [lang=en]{font-size:15px;color:#666;line-height:1.7}.cover-link{display:inline-block;font-size:14px;border-bottom:1px solid #777;margin-top:14px;padding-bottom:4px}.gallery{display:block}.year-section{margin-bottom:70px}.year-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #ccc;padding:15px 0;margin-bottom:30px}.year-heading h3{font:46px/1.2 Arial,sans-serif;letter-spacing:-.05em;font-weight:400;margin:0}.year-heading span{font-size:13px;color:#777}.year-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 35px}.work .image-button{background:#eee}.work h4{font-size:18px;font-weight:400;margin:0}.work-english{font-size:15px;color:#555;margin:2px 0 10px}.meta{font-size:14px;line-height:1.8}.filters button{border-color:#bbb}.section-number{color:#666}#detail-title-en{color:#555;margin:5px 0 20px;font-size:19px}.section{padding-bottom:45px}
@media(max-width:1000px){.year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro h1{font-size:12vw}.cover-bottom{grid-template-columns:.7fr 1.7fr}.intro h1 .chinese-name{font-size:22px;margin-left:25px}nav{gap:15px}}
@media(max-width:640px){header{padding:20px 6%}nav{gap:15px;flex-wrap:wrap;font-size:12px}.intro{padding:27px 0 35px;min-height:auto}.cover-top{font-size:12px;letter-spacing:.04em}.intro h1{font-size:23vw;line-height:.9;margin:50px 0 40px}.intro h1>span+span{margin-top:10px}.intro h1 .chinese-name{display:block;font-size:20px;letter-spacing:.2em;margin:23px 0 0}.cover-bottom{grid-template-columns:1fr;gap:18px;padding-top:22px}.cover-label{font-size:12px;line-height:1.7}.cover-bio p{font-size:16px}.cover-bio [lang=en]{font-size:14px}.cover-link{margin-top:7px}.year-grid{grid-template-columns:1fr;gap:35px}.year-heading h3{font-size:38px}.year-section{margin-bottom:45px}.work .image-button{height:420px}.meta{font-size:14px}}
.intro h1>span{font:inherit;letter-spacing:inherit;line-height:inherit}

.cover-main{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center;margin:48px 0}.cover-main h1{font-size:clamp(70px,7.2vw,115px);margin:0}.cover-main h1 .chinese-name{display:block;margin:26px 0 0;font-size:24px}.cover-portrait{margin:0}.cover-portrait img{display:block;width:100%;height:auto;filter:grayscale(100%)}.intro{min-height:auto}.cover-bottom{grid-template-columns:1fr 1.1fr;gap:6%}
@media(max-width:1000px){.cover-main{grid-template-columns:.8fr 1.2fr;gap:5%}.cover-main h1{font-size:8vw}.cover-main h1 .chinese-name{font-size:21px}.cover-bottom{grid-template-columns:.8fr 1.2fr;gap:5%}}
@media(max-width:640px){.cover-main{grid-template-columns:1fr;gap:30px;margin:36px 0 28px}.cover-main h1{font-size:23vw}.cover-main h1 .chinese-name{font-size:20px;margin-top:20px}.cover-portrait img{width:100%;height:auto}.cover-bottom{grid-template-columns:1fr;gap:18px}}