@font-face{font-family:WKTC;src:url(/fine-arts/assets/fonts/wenkai-tc-subset.woff2) format("woff2");font-weight:400;font-display:swap}
body{font-family:Jost,WKTC,system-ui,sans-serif}
h1,h2,h3,blockquote,.mark,.mail,.big-mark,.lede{font-family:Corm,WKTC,Georgia,serif}
[lang^=zh],.zh,.work [lang]{font-family:WKTC,serif;font-weight:400}
.label em{font-family:Corm,WKTC,serif}
[lang^=zh],.zh{line-height:1.9;letter-spacing:.08em}
/* slow museum entrance */
@media (prefers-reduced-motion:no-preference){main{animation:pgin 1.6s cubic-bezier(.2,.7,.1,1) both}@keyframes pgin{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}}
.top nav a[aria-current]{color:var(--fg);border-bottom:1px solid var(--acc)}
.pg-head{padding:22vh 6vw 8vh;max-width:1100px}
.pg-head h1{font-size:clamp(56px,9vw,148px);line-height:.95;margin:0}
.pg-head .zh{font-size:clamp(20px,2.2vw,30px);letter-spacing:.3em;color:var(--acc);margin:24px 0 32px}
.pg-head .narrow{color:var(--mut);max-width:520px}
.pg>section:not(.hero):first-child{padding-top:18vh}
.rooms-idx{padding:12vh 6vw 16vh;max-width:1100px;margin:0 auto}
.idx{display:grid;grid-template-columns:64px 1fr 40px;align-items:baseline;padding:22px 0;border-top:1px solid var(--line);transition:padding .8s cubic-bezier(.2,.7,.1,1),color .8s}
.idx:last-child{border-bottom:1px solid var(--line)}
.idx .n{font:400 11px Jost;letter-spacing:.24em;color:var(--acc-t)}
.idx .t{font:300 clamp(28px,4vw,52px)/1.1 Corm,serif}
.idx .ar{color:var(--acc);text-align:right;transition:transform .8s}
.idx:hover{padding-left:16px}.idx:hover .ar{transform:translateX(8px)}
.pn{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:0 6vw}
.pn a{padding:48px 0;font:300 clamp(24px,3vw,40px) Corm,serif}
.pn a+a{text-align:right;border-left:1px solid var(--line)}
.pn span{display:block;font:400 11px Jost;letter-spacing:.24em;text-transform:uppercase;color:var(--acc-t);margin-bottom:10px}
@media(max-width:700px){.top nav{display:none}.pg-head{padding:18vh 24px 6vh}.pn{margin:0 24px}.pn a{padding:32px 0;font-size:22px}.pn a+a{padding-left:12px}}
@media(max-width:820px){.top{flex-wrap:wrap}.top nav{display:flex!important;order:3;width:100%;overflow-x:auto;gap:22px;white-space:nowrap;padding-top:8px;scrollbar-width:none}.top nav::-webkit-scrollbar{display:none}}
.hero-label em{font-family:Corm,WKTC,serif;font-weight:300;font-size:17px}
body{font-synthesis:none}/* CJK has no italic: never slant Chinese */