:root{--paper:#fafaf8;--ink:#242421;--muted:#74746e;--line:#ddddd6;--accent:#b54230}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.site-header{display:flex;align-items:center;justify-content:space-between;padding:32px 4% 26px}.identity{display:flex;align-items:baseline;gap:20px}.name{font-family:'Songti SC','SimSun',serif;font-size:40px;letter-spacing:.12em;display:flex;align-items:center;gap:12px}.red-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.roman{font-size:12px;letter-spacing:.16em}.archive-link{font-size:13px;padding:10px 0 10px 12px}.archive-link>span{margin-left:12px}.archive-link:hover{color:var(--accent)}main{margin:0 4%}.collection-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0 22px;gap:20px}.collection-bar nav{display:flex;gap:27px}.filter{padding:5px 0;font-size:14px;color:var(--muted);position:relative}.filter span{font-size:12px;margin-left:5px}.filter.active{color:var(--ink)}.filter.active::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--ink)}.collection-mark{font-size:11px;letter-spacing:.12em;color:var(--muted)}.art-wall{columns:3;column-gap:24px}.art-tile{break-inside:avoid;display:block;margin:0 0 27px}.tile-open{display:block;padding:0;width:100%;text-align:left}.image-wrap{position:relative;display:block;overflow:hidden;background:#eeeee9}.image-wrap>img{display:block;width:100%;height:auto;transition:transform .55s}.tile-open:hover img{transform:scale(1.018)}.tile-counter{position:absolute;bottom:12px;right:12px;background:#fafaf8ec;padding:7px 9px;font-size:12px;font-variant-numeric:tabular-nums;display:flex;gap:12px;align-items:center}.tile-counter>span{font-size:16px}.tile-caption{display:block;padding:12px 0 0}.english-title{display:block;font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.14;font-weight:400}.chinese-title{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:5px}footer{margin:10px 4% 0;padding:23px 0 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer>span{font-size:12px;letter-spacing:.15em;color:var(--muted)}footer a{font-size:23px;padding:4px 10px}.scroll-locked{overflow:hidden}.art-dialog{position:fixed;inset:0;width:calc(100vw - 32px);max-width:1600px;height:calc(100dvh - 32px);max-height:none;margin:auto;border:0;padding:24px;background:var(--paper);color:var(--ink);overflow:hidden;display:none}.art-dialog[open]{display:flex;flex-direction:column}.art-dialog::backdrop{background:#24242180;backdrop-filter:blur(8px)}.viewer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-shrink:0;padding-bottom:18px;border-bottom:1px solid var(--line)}.viewer-top h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2vw,28px);font-weight:400;line-height:1.2;margin:0}.viewer-top p{font-size:13px;color:var(--muted);margin:7px 0 0}.close-art{font-size:14px;white-space:nowrap;padding:5px 0 8px 14px}.viewer-content{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:26px;flex:1;min-height:0;padding-top:20px}.media-stage{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0}.media-stage img,.media-stage video{display:block;width:100%;height:100%;object-fit:contain;min-height:0}.media-stage video{background:#191919}.viewer-index{overflow:auto;border-left:1px solid var(--line);padding-left:20px}.index-label{font-size:11px;color:var(--muted);letter-spacing:.12em;margin:2px 0 20px}.viewer-strip{display:flex;flex-direction:column;gap:4px}.series-item{display:grid;grid-template-columns:22px 1fr;text-align:left;gap:8px;padding:10px 7px 10px 0;border-bottom:1px solid var(--line);opacity:.6}.series-item[aria-current=true],.series-item:hover{opacity:1}.series-item[aria-current=true]{color:var(--accent)}.series-number{font-size:11px;padding-top:2px}.series-title{font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.35}.series-kind{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.1em;margin-top:5px}.viewer-bottom{display:flex;align-items:center;gap:16px;flex-shrink:0;padding-top:14px;min-height:48px;font-size:12px}.viewer-bottom a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.image-pager{margin-left:auto;display:flex;align-items:center;gap:23px}.image-pager button{font-size:24px;padding:3px 13px}.single-item .viewer-content{grid-template-columns:1fr}.single-item .viewer-index{display:none}@media(min-width:1700px){.art-wall{columns:4}}@media(max-width:900px){.art-wall{columns:2;column-gap:18px}.collection-mark{display:none}.viewer-content{grid-template-columns:minmax(0,1fr) 185px;gap:16px}.viewer-index{padding-left:14px}}@media(max-width:600px){.site-header{padding:22px 5%}.identity{display:block}.name{font-size:33px;gap:8px}.roman{display:block;font-size:10px;margin-top:6px;letter-spacing:.12em}.archive-link{font-size:12px}main{margin:0 5%}.collection-bar{padding:15px 0 22px}.collection-bar nav{gap:19px}.filter{font-size:13px}.filter span{font-size:11px;margin-left:3px}.art-wall{column-gap:14px}.art-tile{margin-bottom:22px}.english-title{font-size:18px}.chinese-title{font-size:12px}.tile-counter{bottom:7px;right:7px;padding:4px 6px;gap:8px;font-size:10px}.tile-caption{padding-top:9px}.art-dialog{padding:14px;width:100vw;height:100dvh}.viewer-top{gap:10px;padding-bottom:12px}.viewer-top h2{font-size:19px}.viewer-top p{font-size:12px}.viewer-content{display:flex;flex-direction:column;gap:12px;padding-top:12px}.media-stage{flex:1}.viewer-index{border-left:0;border-top:1px solid var(--line);padding:8px 0 0;max-height:112px;flex-shrink:0}.index-label{display:none}.viewer-strip{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.series-item{padding:7px 0;grid-template-columns:16px 1fr;gap:4px}.series-title{font-size:12px}.viewer-bottom{padding-top:8px}.single-item .viewer-index{display:none}footer{margin:0 5%}.image-pager{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Space and Live have full-width exhibitions, not a single filtered cover. */
.category-exhibition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 22px;grid-auto-rows:clamp(240px,23vw,390px);margin-bottom:32px}.exhibit-cell{display:flex;flex-direction:column;min-width:0;min-height:0}.exhibit-lead{grid-column:span 2;grid-row:span 2}.exhibit-media{position:relative;display:block;width:100%;flex:1;min-height:0;padding:0;overflow:hidden;background:#e8e8e1}.exhibit-media img{display:block;width:100%;height:100%;object-fit:cover}.exhibit-media video{display:block;width:100%;height:100%;object-fit:contain;background:#171917}.exhibit-expand{position:absolute;right:12px;bottom:12px;background:#fafaf8e6;padding:5px 10px;font-size:20px}.exhibit-caption{padding-top:11px;flex-shrink:0}.exhibit-caption .english-title{font-size:20px;line-height:1.15}.exhibit-caption .chinese-title{margin-top:4px}.exhibit-lead .english-title{font-size:28px}.category-exhibition[data-exhibition=live] .exhibit-lead{grid-row:span 1}.category-exhibition[data-exhibition=live]{grid-auto-rows:clamp(250px,25vw,410px)}
@media(max-width:900px){.category-exhibition{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(230px,36vw,350px);gap:22px 18px}.exhibit-lead{grid-column:span 2;grid-row:span 1}.category-exhibition .exhibit-lead{min-height:0}.category-exhibition[data-exhibition=live]{grid-auto-rows:clamp(240px,38vw,360px)}.exhibit-lead .english-title{font-size:23px}}
@media(max-width:600px){.category-exhibition,.category-exhibition[data-exhibition=live]{grid-template-columns:1fr;grid-auto-rows:auto;gap:25px}.exhibit-lead{grid-column:auto;grid-row:auto}.exhibit-media{flex:none;aspect-ratio:4/3}.exhibit-media video{aspect-ratio:16/9}.category-exhibition[data-exhibition=live] .exhibit-media{aspect-ratio:16/9}.exhibit-caption .english-title{font-size:20px}.exhibit-lead .english-title{font-size:23px}}
.awards-exhibition{grid-auto-rows:auto;align-items:start}.awards-exhibition .exhibit-media{flex:none;aspect-ratio:4/5;background:#efefe9;padding:16px}.awards-exhibition .exhibit-media img{object-fit:contain}.awards-exhibition .english-title{font-size:20px}.collection-bar nav{flex-wrap:wrap;row-gap:14px}@media(max-width:600px){.collection-bar nav{gap:14px}.filter span{display:none}.awards-exhibition{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.awards-exhibition .exhibit-media{padding:7px}.awards-exhibition .english-title{font-size:17px}}
/* Two editorial treatments: an installation spread and a screening room. */
.story-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.story-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.5vw,54px);font-weight:400;line-height:1.05;margin:0;letter-spacing:-.025em}.story-heading h1>span{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:13px;letter-spacing:.08em;color:var(--muted);margin-left:20px;vertical-align:middle}.story-meta{font-size:11px;letter-spacing:.13em;color:var(--muted)}.space-story,.live-story{margin-bottom:32px}.space-spread{display:grid;grid-template-columns:1.65fr 1fr;grid-template-rows:auto auto;gap:15px}.editorial-photo{position:relative;display:block;padding:0;overflow:hidden;background:#e8e8e2;text-align:left;min-width:0;min-height:0}.editorial-photo>img{display:block;width:100%;height:100%;object-fit:cover}.space-establishing{grid-row:span 2}.space-establishing>img{position:absolute;inset:0}.space-film{min-width:0;background:#22231f;color:#fff}.space-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#171916}.film-caption{padding:10px 13px;display:flex;align-items:center;justify-content:space-between;font-family:Georgia,'Times New Roman',serif;font-size:16px;gap:12px}.film-caption>span>span{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:11px;margin-left:10px;color:#c7c7bd}.film-caption>span:last-child{font-family:Arial,sans-serif;font-size:11px;color:#c7c7bd}.space-detail{aspect-ratio:2.25}.photo-label{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 13px;display:flex;justify-content:space-between;align-items:end;gap:15px;color:#fff;background:linear-gradient(transparent,#0009);font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.15}.photo-label>span:last-child{font-family:Arial,sans-serif;font-size:20px}.space-contact{display:grid;grid-template-columns:1.25fr .85fr .85fr 1.05fr;gap:15px;margin-top:15px}.space-contact .editorial-photo{aspect-ratio:1.12}.screening-room{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(270px,1fr);background:#20231f;color:#f8f8ef}.screening-main{min-width:0;background:#141612;display:flex;flex-direction:column}.screening-main>video{display:block;width:100%;aspect-ratio:16/9;background:#10120f;object-fit:contain;flex:1;min-height:0}.now-playing{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-top:1px solid #ffffff1a;font-size:13px;color:#d0d1c6}.now-playing>span:first-child{font-family:Georgia,'Times New Roman',serif;font-size:17px}.setlist{padding:24px 22px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #ffffff1a}.setlist-heading{font-size:11px;letter-spacing:.12em;color:#b7bbae;margin:0 0 15px}.setlist-heading>span{letter-spacing:0;margin-left:10px}.session-choice{display:grid;grid-template-columns:25px 1fr auto;gap:9px;align-items:center;width:100%;padding:20px 0;text-align:left;border-top:1px solid #ffffff26;color:#aeb3a5}.session-choice[aria-pressed=true]{color:#fff}.session-choice[aria-pressed=true] .session-number{color:#d7e38c}.session-number{font-size:11px;font-variant-numeric:tabular-nums}.session-name{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.12}.session-name>span{display:block;font-family:Arial,'Microsoft YaHei',sans-serif;font-size:11px;margin-top:8px;color:#aeb3a5}.session-time{font-size:11px;text-align:right}.session-time>span{display:block;font-size:19px;margin-top:7px}.session-choice:hover{color:#fff}.stage-contact{display:grid;grid-template-columns:1.15fr .85fr 1.15fr;gap:15px;margin-top:15px}.stage-contact .editorial-photo{aspect-ratio:1.85}.live-story .story-heading{margin-bottom:20px}
@media(min-width:1700px){.space-spread{grid-template-columns:1.8fr 1fr}.space-contact .editorial-photo{aspect-ratio:1.4}}
@media(max-width:1000px){.screening-room{grid-template-columns:1fr}.setlist{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:18px 20px}.setlist-heading{grid-column:1/-1}.session-choice{padding:14px 0}.space-contact{grid-template-columns:repeat(4,1fr)}.space-contact .editorial-photo{aspect-ratio:.9}.photo-label{font-size:14px;padding:25px 10px 10px}.film-caption>span>span{display:none}}
@media(max-width:600px){.story-heading{margin-bottom:15px}.story-heading h1{font-size:31px}.story-heading h1>span{display:block;font-size:12px;margin:9px 0 0}.story-meta{display:none}.space-spread{grid-template-columns:1fr;gap:12px}.space-establishing{grid-row:auto;aspect-ratio:4/3}.space-establishing>img{position:static}.space-detail{aspect-ratio:2}.space-contact{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.space-contact .editorial-photo{aspect-ratio:1}.setlist{padding:15px;gap:0 18px}.session-name{font-size:16px}.session-choice{grid-template-columns:18px 1fr;gap:5px}.session-time{grid-column:2;text-align:left;margin-top:4px}.session-time>span{display:inline;font-size:13px;margin-left:8px}.now-playing{padding:12px}.now-playing>span:first-child{font-size:15px}.stage-contact{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.stage-contact .editorial-photo:first-child{grid-column:1/-1;aspect-ratio:2}.stage-contact .editorial-photo{aspect-ratio:1.2}.film-caption>span>span{display:inline}}
/* Shared photo/video rooms; every item is selected from the dark directory. */
.media-story{margin-bottom:32px}.media-room{height:clamp(500px,46vw,760px);grid-template-columns:minmax(0,2.35fr) minmax(285px,1fr)}.media-room .screening-main{min-height:0;overflow:hidden}.room-stage{position:relative;flex:1;min-height:0;background:#141612}.room-stage>img,.room-stage>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.media-room .now-playing{flex-shrink:0;min-height:56px}.media-room .setlist{display:block;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#686e60 #20231f;padding:23px 22px}.media-room .session-choice{padding:16px 0}.media-room .setlist-heading{margin-bottom:18px}.media-room .session-name{font-size:18px}.media-room .session-name>span{font-size:12px}.media-room .session-choice:focus-visible{outline-color:#d7e38c;outline-offset:-2px}.media-room .session-choice[aria-pressed=true] .session-time{color:#d7e38c}
@media(max-width:1000px){.media-room{height:570px;grid-template-columns:minmax(0,1.8fr) minmax(255px,1fr)}.media-room .setlist{padding:18px}.media-room .session-name{font-size:16px}}
@media(max-width:700px){.media-room{display:flex;flex-direction:column;height:auto}.room-stage{flex:none;aspect-ratio:16/11}.media-room .setlist{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;max-height:315px;padding:16px;overflow-y:auto;border-left:0;border-top:1px solid #ffffff26}.media-room .setlist-heading{grid-column:1/-1;margin-bottom:12px}.media-room .session-choice{padding:13px 0;grid-template-columns:20px 1fr}.media-room .session-time{grid-column:2;text-align:left;margin-top:5px}.media-room .session-time>span{display:inline;margin-left:7px;font-size:13px}.media-room .session-name{font-size:16px}.media-room .now-playing{min-height:48px}}