:root{--paper:#f1f0eb;--ink:#20221e;--soft:#686b60;--line:#cecec4;--red:#8b392d;--serif:Georgia,"Times New Roman","Songti SC","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}img{display:block;width:100%;height:auto}figure,p{margin:0}h1,h2,h3{margin:0;font-weight:400}::selection{background:#d6c1b4}.skip-link{position:fixed;top:-100px;left:24px;background:var(--ink);color:white;padding:16px;z-index:20}.skip-link:focus{top:12px}.masthead{margin:0 4.6vw;padding:27px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.identity{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600;letter-spacing:.13em}.seal{display:grid;place-items:center;width:34px;height:36px;background:var(--red);color:var(--paper);font:26px var(--serif);letter-spacing:0}.identity-cn{display:block;font-size:10px;letter-spacing:.24em;font-weight:400;margin-top:5px}nav{display:flex;gap:34px}nav a{font-size:11px;min-height:44px;display:flex;align-items:center;gap:7px}nav a span{font-size:10px;color:var(--soft)}nav a:hover{color:var(--red)}.opening{padding:40px 4.6vw 0}.micro{font-size:10px;letter-spacing:.15em;line-height:1.7;color:var(--soft)}.opening-top{display:flex;justify-content:space-between;gap:20px}.title-row{padding:48px 0 40px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}h1{font-family:var(--serif);font-size:clamp(56px,6.2vw,96px);letter-spacing:.07em;line-height:1.15}h1 span{display:block;font:clamp(12px,1.1vw,16px) Arial,sans-serif;letter-spacing:.17em;margin-top:18px}.hero-line{font:clamp(44px,5.7vw,85px)/.93 var(--serif);letter-spacing:-.045em;padding-right:4vw}.hero-line em{font-weight:400}.image-link{display:block;position:relative;overflow:hidden;background:#dfded6}.hero-art img{width:100%;height:auto}.image-hint{position:absolute;right:16px;bottom:16px;background:#f1f0ebeb;font-size:10px;padding:11px 14px;letter-spacing:.05em;opacity:0;transition:opacity .2s}.image-link:hover .image-hint,.image-link:focus-visible .image-hint{opacity:1}figcaption{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.08em;color:var(--soft);line-height:1.8;padding-top:13px}.opening-note{display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:start;padding:35px 0 0;gap:25px}.opening-note p{font:20px/1.8 var(--serif);letter-spacing:.05em}.opening-note p span{font:12px/1.9 Arial,sans-serif;letter-spacing:0;color:var(--soft)}.text-link{font-size:11px;line-height:2;min-height:44px;display:block}.text-link span{display:block;color:var(--soft);font-size:10px}.opening-note .text-link{justify-self:end}.section{margin:115px 4.6vw 0}.section-heading{border-top:1px solid var(--line);padding-top:22px;display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:start;gap:25px;margin-bottom:46px}.section-heading h2{font:32px/1.4 var(--serif);letter-spacing:.07em}.section-heading h2 span{display:block;font:italic 23px var(--serif);letter-spacing:-.02em;margin-top:7px}.section-note{font-size:11px;line-height:1.9;justify-self:end;color:var(--soft)}.section-note span{font-size:10px}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 6vw;align-items:start}.work{min-width:0}.work:nth-child(1){grid-column:1/-1;margin:0 8vw}.work:nth-child(2){grid-column:1/-1;margin:10px 0 0}.work:nth-child(3){margin-left:5vw}.work:nth-child(4){margin-top:75px;margin-right:5vw;max-width:500px}.work figcaption{border-bottom:1px solid var(--line);padding-bottom:14px}.work-label{font-size:11px;color:var(--ink);letter-spacing:.03em}.work-label span{display:block;font-size:10px;color:var(--soft);margin-top:3px}.image-number{font:12px var(--serif)}.scale-panel{margin-top:120px;background:#252722;color:var(--paper);padding:65px 4.6vw;display:grid;grid-template-columns:1fr 1.8fr;gap:8vw;align-items:center}.scale-panel .micro{color:#b1b2a7}.scale-copy h2{font:clamp(36px,4vw,60px)/1.5 var(--serif);letter-spacing:.07em;margin:32px 0 26px}.scale-copy>p:not(.micro){font:18px/1.5 var(--serif);color:#c9cbc0}.scale-copy .text-link{margin-top:35px}.scale-copy .text-link span,.scale-panel figcaption{color:#aaada2}.scale-panel figure{min-width:0}.archive-toolbar{border-block:1px solid var(--line);padding:7px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.filters{display:flex;flex-wrap:wrap;gap:24px}.filter{font-size:11px;min-height:44px;padding:8px 0;position:relative}.filter span{font-size:10px;color:var(--soft);margin-left:5px}.filter.active:after{content:"";position:absolute;height:2px;background:var(--red);bottom:-8px;left:0;right:0}.filter.active{color:var(--red)}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px;align-items:start}.archive-item{min-width:0}.archive-item .image-link{background:#e5e4dd;aspect-ratio:4/3}.archive-item img{width:100%;height:100%;object-fit:cover;object-position:center}.archive-item figcaption{font-size:10px;letter-spacing:0;min-height:49px;align-items:flex-start}.archive-item figcaption>span:first-child{flex:1;min-width:0}.archive-item figcaption span:last-child{color:var(--soft);font-family:var(--serif)}[hidden]{display:none!important}.archive-bottom{margin-top:32px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:24px;align-items:start}.archive-bottom p{font-size:10px;color:var(--soft);line-height:1.8}.archive-bottom p span{display:block;font-size:9px}.load-more{border-bottom:1px solid var(--ink);padding:0 0 12px;font-size:11px;min-height:44px;text-align:right}.load-more span{display:block;font-size:10px;color:var(--soft);margin-top:4px}.about{border-top:1px solid var(--line);padding-top:22px}.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;margin-top:40px;align-items:center}.about-layout figure{margin-left:5vw}.about-copy h2{font:44px/1.3 var(--serif);letter-spacing:.09em}.about-copy h2 span{font:italic 30px/1.4 var(--serif);display:block;letter-spacing:-.02em;margin-top:8px}.about-rule{width:40px;height:2px;background:var(--red);margin:30px 0}.about-copy p{font-size:11px;line-height:2}.about-copy .statement{font:17px/2 var(--serif);letter-spacing:.03em;margin:18px 0}.about-copy .english{font-size:11px;color:var(--soft);line-height:1.9;max-width:400px}footer{margin:110px 4.6vw 0;border-top:1px solid var(--line);padding:28px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:24px}footer p{font-size:9px;color:var(--soft)}.footer-name{font-size:12px;letter-spacing:.12em}.footer-name span{font:12px var(--serif);letter-spacing:.2em;margin-left:12px}.back-top{font-size:10px;min-height:44px;display:flex;align-items:center;gap:8px}.back-top span{color:var(--soft);font-size:9px}dialog{border:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#151713;color:var(--paper);inset:0;margin:0}dialog::backdrop{background:#151713}dialog[open]{display:flex;flex-direction:column}.viewer-header{padding:16px 25px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:20px}.viewer-brand{font-size:10px;letter-spacing:.15em;color:#abaea2}#viewer-close{min-width:70px;min-height:44px;color:var(--paper);font-size:11px}#viewer-close span{font-size:26px;vertical-align:middle;margin-left:10px}.viewer-stage{display:grid;grid-template-columns:60px minmax(0,1fr) 60px;flex:1;min-height:0;gap:12px;padding:0 12px}.viewer-stage button{color:var(--paper);font-size:26px;min-width:44px;min-height:44px;align-self:center;padding:15px 0}#viewer-image{height:100%;width:100%;object-fit:contain;min-height:0}.viewer-footer{padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;line-height:1.8;color:#bfc2b6;flex-shrink:0}#viewer-caption{flex:1}#viewer-counter{font:14px var(--serif)}#viewer-original{font-size:10px;min-height:44px;display:flex;align-items:center}
@media(max-width:850px){nav{gap:20px}.opening-note,.section-heading{grid-template-columns:1fr 1.5fr}.opening-note>.micro{display:none}.section-heading .section-note{grid-column:2;justify-self:start}.section-heading{row-gap:15px}.works-grid{gap:45px 30px}.work:nth-child(1){margin:0}.work:nth-child(3),.work:nth-child(4){margin-left:0;margin-right:0}.scale-panel{gap:5vw;padding-block:45px}.scale-copy h2{font-size:37px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{gap:18px}.about-layout{gap:5vw}.about-layout figure{margin:0}.about-copy .statement{font-size:15px}.about-copy h2{font-size:35px}}
@media(max-width:560px){.masthead{margin:0 6vw;padding:20px 0;gap:15px}.identity{font-size:10px;gap:9px;letter-spacing:.1em}.seal{width:28px;height:31px;font-size:22px}.identity-cn{font-size:8px;letter-spacing:.15em}nav{gap:15px}nav a{font-size:10px;display:block;padding-top:6px;line-height:1.6}nav a span{display:block;font-size:8px}.opening{padding:25px 6vw 0}.opening-top .micro:last-child{display:none}.micro{font-size:8px}.title-row{padding:32px 0 30px;gap:20px}h1{font-size:46px;letter-spacing:.03em}h1 span{font-size:10px;margin-top:12px;letter-spacing:.1em}.hero-line{font-size:40px;padding:0;line-height:1}.hero-art figcaption{font-size:7px;padding-top:10px;letter-spacing:.02em}.opening-note{padding-top:24px;gap:15px;grid-template-columns:1.8fr 1fr}.opening-note p{font-size:16px;letter-spacing:0}.opening-note p span{font-size:9px}.text-link{font-size:10px}.text-link span{font-size:8px}.section{margin:65px 6vw 0}.section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:30px;padding-top:18px}.section-heading h2{font-size:28px}.section-heading h2 span{font-size:22px}.section-heading .section-note{grid-column:1;font-size:10px}.section-note span{font-size:9px}.works-grid{gap:36px 0;grid-template-columns:1fr}.work:nth-child(n){grid-column:1;margin:0}.work:nth-child(4){max-width:90%;justify-self:center;width:100%}.work figcaption{padding-top:10px;padding-bottom:12px}.work-label{font-size:10px}.work-label span{font-size:9px}.scale-panel{margin-top:65px;padding:34px 6vw;grid-template-columns:1fr;gap:30px}.scale-copy h2{font-size:36px;line-height:1.35;margin:20px 0}.scale-copy>p:not(.micro){font-size:17px}.scale-copy .text-link{margin-top:20px}.archive-toolbar{gap:10px;align-items:start;padding:7px 0}.filters{gap:14px}.filter{font-size:10px;line-height:1.4}.filter span{display:block;font-size:8px;margin:4px 0 0}.archive-toolbar>.micro{padding-top:14px;font-size:7px;white-space:nowrap}.archive-grid{gap:24px 14px}.archive-item figcaption{font-size:8px;gap:8px;line-height:1.6;min-height:44px}.archive-item .image-link{aspect-ratio:1}.archive-bottom{flex-direction:column;gap:15px}.load-more{text-align:left}.about-layout{grid-template-columns:1fr;gap:32px;margin-top:25px}.about-copy h2{font-size:38px}.about-copy h2 span{font-size:29px}.about-rule{margin:23px 0}.about-copy .statement{font-size:16px}.about-copy .english{font-size:11px}footer{margin:65px 6vw 0;padding:24px 0;gap:16px;flex-wrap:wrap}.footer-name{font-size:10px}.footer-name span{font-size:10px;margin-left:7px}footer p{font-size:8px}.back-top{width:100%;font-size:9px;min-height:35px}.image-hint{opacity:1;right:8px;bottom:8px;font-size:8px;padding:7px 9px}.viewer-header{padding:10px 15px}.viewer-brand{font-size:8px;letter-spacing:.08em}.viewer-stage{grid-template-columns:35px minmax(0,1fr) 35px;gap:3px;padding:0}.viewer-stage button{min-width:35px;font-size:22px}.viewer-footer{padding:12px 15px;gap:10px;flex-wrap:wrap;font-size:9px}#viewer-caption{flex:0 0 calc(100% - 70px)}#viewer-original{font-size:9px;min-height:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:560px){h1{white-space:nowrap;font-size:clamp(34px,10vw,46px)}.hero-line{font-size:clamp(29px,8.2vw,40px);white-space:nowrap}.title-row{gap:14px}.viewer-stage{grid-template-columns:44px minmax(0,1fr) 44px}.viewer-stage button{min-width:44px}}
