@font-face{font-family:EarthSerif;src:url('assets/fonts/exhibition-serif-sc.ttf') format('truetype');font-weight:400;font-display:swap}
.edition-bar{align-items:flex-start;top:27px}
.edition-bar .exhibition-wordmark{display:flex;flex-direction:column;gap:7px;text-decoration:none;border:0}
.wordmark-cn{font-family:EarthSerif,'Songti SC',serif;font-size:24px;font-weight:400;letter-spacing:2px;line-height:1.35}
.wordmark-en{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:12px;font-weight:400;letter-spacing:.3px}
.edition-actions{padding-top:5px;gap:30px}
.exhibition-dialog{width:100%;height:100dvh;max-width:none;max-height:100dvh;margin:0;padding:32px max(6vw,30px) 32px;border:0;background:#f9f9f5;color:#22241f;box-shadow:none}
.exhibition-dialog::backdrop{background:rgb(255 255 255 / 88%);backdrop-filter:blur(8px);animation:veil-in 480ms ease both}
.exhibition-dialog.is-closing::backdrop{animation:veil-out 310ms ease both}
@keyframes veil-in{from{opacity:0}to{opacity:1}}@keyframes veil-out{from{opacity:1}to{opacity:0}}
.dialog-top{border:0;padding-bottom:0;letter-spacing:1px;color:#74766d;font-size:10px}
.dialog-top .text-button{color:#252820;letter-spacing:0;font-size:11px}
.about-layout{max-width:1200px;margin:0 auto;grid-template-columns:1.1fr 1fr;gap:9vw;padding:clamp(55px,9vh,110px) 0 48px}
.eyebrow{font-size:9px;letter-spacing:1.7px;color:#74766d;margin-bottom:30px}
.about-heading h1{font-family:EarthSerif,'Songti SC',serif;font-weight:400;font-size:clamp(36px,4vw,58px);line-height:1.5;letter-spacing:-1px}
.english-title{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(25px,2.7vw,39px);letter-spacing:-1px;line-height:1.2;margin-top:24px}
.note-title{margin-top:48px;font-size:11px;line-height:2}
.note-title span{font-family:Georgia,serif;font-style:italic;font-size:12px}
.about-copy{padding-top:44px;font-size:13px;line-height:2.1}
.english-copy{font-family:Georgia,serif;font-size:13px;line-height:1.7;margin-top:24px;color:#7a7c73}
.exhibition-details,.credits-line{max-width:1200px;margin-left:auto;margin-right:auto;border-color:#e0e2d9}
.exhibition-details{padding-top:20px}.credits-line{padding-top:18px}
.poster-dialog{background:#f5f5f1;padding:30px 40px 24px}
.poster-viewer{padding:30px 0;min-height:0}
.poster-viewer .poster{box-shadow:0 8px 26px rgb(18 23 16 / 7%)}
.viewer-controls{border:0;width:min(580px,100%);margin:0 auto;font-size:10px;padding:0;color:#63665d}
.viewer-controls button{font-family:Georgia,serif;font-weight:400;font-size:26px;padding:8px 16px}
@media(max-width:650px){.edition-bar{top:20px}.wordmark-cn{font-size:19px;letter-spacing:1px}.wordmark-en{font-size:10px}.edition-actions{gap:14px;padding-top:2px}.exhibition-dialog{width:100%;height:100dvh;max-height:100dvh;padding:23px 24px 28px}.about-layout{grid-template-columns:1fr;gap:30px;padding:50px 0 35px}.about-heading h1{font-size:38px}.english-title{font-size:28px}.note-title{margin-top:28px}.about-copy{padding:0;font-size:13px}.poster-dialog{padding:22px 20px}.poster-viewer{padding:24px 0}.dialog-top{font-size:8px}.dialog-top .text-button{font-size:10px}.credits-line{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.exhibition-dialog::backdrop,.exhibition-dialog.is-closing::backdrop{animation:none}}

/* Quiet typographic study: basic letterforms with restrained optical adjustments. */
.edition-bar .exhibition-wordmark{display:block}
.wordmark-en{font-family:Arial,Helvetica,sans-serif;font-size:26px;font-style:normal;font-weight:400;line-height:1.15;letter-spacing:-1.1px;display:block;white-space:nowrap}
.wordmark-en>span{display:inline-block;transform-origin:50% 65%}
.wordmark-en>span:nth-child(1){transform:rotate(-5deg) scaleX(.92)}
.wordmark-en>span:nth-child(3){transform:scaleX(.88)}
.wordmark-en>span:nth-child(4){transform:rotate(5deg) scaleY(1.05)}
.wordmark-en>span:nth-child(6){transform:rotate(-5deg)}
.wordmark-en>span:nth-child(9){transform:scaleX(.9)}
.wordmark-en>span:nth-child(13){transform:rotate(-7deg)}
.word-space{width:9px}
.about-heading h1{font-family:Arial,Helvetica,sans-serif;font-size:48px;line-height:1.05;letter-spacing:-2px;font-weight:400}
.english-title{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.45;letter-spacing:-.4px;font-style:normal;margin-top:28px}
.about-copy{font-size:15px;line-height:1.9;max-width:480px;padding-top:40px}
.about-layout{padding-top:clamp(70px,13vh,130px);padding-bottom:80px}
.note-title{font-size:11px;line-height:1.8;color:#77786f}
@media(max-width:650px){.wordmark-en{font-size:23px;letter-spacing:-1px}.edition-actions{padding-top:0;gap:16px}.about-heading h1{font-size:42px}.english-title{font-size:19px}.about-layout{padding:55px 0 40px;gap:35px}.about-copy{padding-top:0;font-size:14px}}
