/* A continuous exhibition, with a distinct rhythm for each body of work. */
html{scroll-padding-top:120px}body{overflow-x:hidden}.work-flow{background:#10171f;padding:130px 4.5% 80px;overflow:clip}.flow-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:50px}.flow-heading h2{font-weight:400;font-size:30px;letter-spacing:.15em;margin:8px 0 0}.flow-heading>div:last-child{text-align:right}.flow-heading p{font-size:14px;color:var(--muted)}.lead-media{display:block;width:100%;padding:0;overflow:hidden}.lead-media>img{width:100%;height:auto;max-height:79vh;object-fit:cover;filter:none;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.lead-media:hover>img{transform:scale(1.025)}.lead-caption{display:flex;justify-content:space-between;align-items:end;margin-top:25px}.lead-caption h2{font-size:clamp(30px,4vw,68px);font-weight:400;letter-spacing:.12em;margin:14px 0}.lead-caption>span{display:flex;gap:18px;align-items:center;font-size:13px;color:var(--muted)}.lead-caption>span img{width:18px;filter:invert(1)}.project-scene{position:relative;padding:120px 0 70px;scroll-margin-top:110px;border-top:1px solid #efe7d51f;margin-top:85px}.story-heading{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end;margin:0 0 38px}.story-number{grid-column:1/-1;font:12px/1.7 var(--sans);color:var(--gold);letter-spacing:.12em}.story-heading h2{font-size:clamp(24px,3.2vw,48px);font-weight:400;margin:0;line-height:1.4}.story-open{font-size:13px}.story-board{width:100%;position:relative}.story-board>.work-layer{position:relative;inset:auto;display:block;overflow:visible;height:auto;padding:0;width:100%;background:transparent;will-change:auto}.story-board .pdf-board.is-sheet{position:relative;display:block;width:100%;height:auto;max-height:none;max-width:none;aspect-ratio:var(--board-ratio);margin:0}.story-board .pdf-sheet{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none}.story-board .pdf-tile{position:absolute;background:transparent!important;box-shadow:none;z-index:2}.story-board .pdf-tile span{font:12px var(--sans);background:#10171fc9;padding:10px;color:var(--ivory)}.mode-offset .story-board{width:83%;margin-left:auto}.mode-offset .story-heading{width:83%;margin-right:auto}.mode-overview .story-board{width:100%;margin:auto}.mode-overview .story-heading{margin-bottom:65px}.story-board .photo-board{width:100%;height:min(70vh,820px);max-width:none;max-height:none;gap:12px}.story-board .photo-board button img{width:100%;height:100%;object-fit:cover;filter:none}.mode-poster{padding:0;isolation:isolate}.mode-poster .story-heading{position:sticky;top:115px;background:#10171f;z-index:3;padding:20px 0;margin:0}.poster-viewport{position:sticky;top:250px;overflow:hidden;width:100%;height:calc(100vh - 290px)}.poster-track{display:flex;align-items:center;gap:28px;width:max-content;height:100%;will-change:transform}.poster-card{display:flex;flex-direction:column;height:100%;padding:0;flex:none;gap:12px;max-width:72vw}.poster-card>img{width:auto!important;height:calc(100% - 30px)!important;max-width:100%;object-fit:contain;filter:none!important}.poster-card>span{font:11px var(--sans);color:var(--muted)}.track-hint{position:sticky;top:calc(100vh - 30px);font:11px var(--sans);color:var(--muted);margin:0;pointer-events:none}.flow-directory{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;min-height:90vh;padding:100px 0;margin-top:80px}.directory-visual{position:relative;height:58vh;min-height:300px}.directory-visual>img{width:100%;height:100%;object-fit:contain;transition:opacity .3s}.directory-visual>span{display:block;margin-top:18px;font:10px var(--sans);letter-spacing:.2em;color:var(--muted)}.directory-links>.eyebrow{font-size:12px;letter-spacing:.12em;display:block;margin-bottom:25px}.directory-links>a{display:flex;align-items:center;gap:22px;border-bottom:1px solid #f5eee43a;padding:20px 0}.directory-links>a>span{color:var(--gold);font:11px var(--sans)}.directory-links>a>strong{font-weight:400;font-size:26px}.directory-links>a>img{margin-left:auto;filter:invert(1)}.directory-links>a:hover{color:var(--gold)}.reveal-scene{opacity:1}.reveal-scene.is-visible .story-heading{animation:scene-title .8s both}.flow-lead.is-visible .lead-media{animation:scene-mask 1.1s both}.mode-offset.is-visible .story-board{animation:scene-offset 1s both}.about{scroll-margin-top:0}.index-mode .archive{min-height:100vh}
@keyframes scene-title{from{transform:translateY(22px)}to{transform:none}}@keyframes scene-mask{from{clip-path:inset(12% 0 12% 0)}to{clip-path:inset(0)}}@keyframes scene-offset{from{opacity:.4;transform:translateX(30px)}to{opacity:1;transform:none}}
@media(max-width:800px){html{scroll-padding-top:90px}.work-flow{padding:110px 5% 45px}.flow-heading{padding-bottom:25px}.flow-heading h2{font-size:23px}.flow-heading p{display:none}.flow-heading .text-link{font-size:12px}.lead-caption{align-items:start}.lead-caption>span{font-size:10px;max-width:85px;line-height:1.6}.lead-caption h2{font-size:29px}.project-scene{padding:60px 0 25px;margin-top:45px}.story-heading{gap:14px;margin-bottom:28px}.story-heading h2{font-size:24px}.story-open{font-size:11px}.mode-offset .story-board,.mode-offset .story-heading{width:100%}.mode-overview .story-board{width:130%;max-width:none;transform:translateX(-11.5%)}.mode-overview{overflow:hidden}.story-board .photo-board{height:52vh;gap:6px}.mode-poster .story-heading{position:static;padding:0 0 25px}.poster-viewport{position:relative;top:auto;height:65vh;overflow-x:auto;scroll-snap-type:x mandatory}.poster-track{gap:16px;transform:none!important}.poster-card{scroll-snap-align:start;max-width:80vw}.track-hint{position:static;margin-top:18px}.flow-directory{grid-template-columns:1fr;gap:55px;padding:40px 0;min-height:0}.directory-visual{height:40vh}.directory-links>a{padding:16px 0}.directory-links>a>strong{font-size:22px}}
.overview-hint{font:11px/1.6 var(--sans);color:var(--muted);margin:-35px 0 30px}
/* The directory is the exhibition entrance, never an interruption inside a project. */
.work-flow>.flow-heading{padding-bottom:24px}.work-flow>.flow-directory{min-height:0;padding:12px 0 55px;margin:0 0 65px;gap:8%;border-bottom:1px solid #efe7d52a}.directory-preview{min-width:0}.directory-preview .directory-visual{display:block;height:clamp(270px,42vh,470px);min-height:0;cursor:pointer}.directory-visual>img{filter:none;width:100%;height:100%;object-fit:contain}.directory-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.directory-project-count{font:11px/1.5 var(--sans);color:var(--muted)}.directory-instruction{font:12px/1.5 var(--sans);color:var(--muted);margin:0 0 12px;letter-spacing:.08em}.directory-links>a{padding:13px 0;gap:18px;transition:color .2s}.directory-links>a>strong{font-size:clamp(21px,2vw,28px)}.directory-links>a>.directory-count{font:11px var(--sans);color:var(--muted);margin-left:auto}.directory-links>a>img{margin-left:0;width:17px;height:17px}.directory-links>a.is-previewed{color:var(--gold)}.return-directory{position:fixed;right:25px;bottom:25px;z-index:25;display:flex;align-items:center;gap:9px;border:1px solid #efe7d55c;border-radius:99px;background:#10171fed;backdrop-filter:blur(12px);padding:13px 19px;font:13px/1 var(--sans);box-shadow:0 4px 20px #0003}.return-directory>img{width:16px;height:16px;filter:invert(1)}.return-directory:hover{color:var(--gold);border-color:var(--gold)}
@media(max-width:800px){.work-flow>.flow-directory{gap:24px;padding:0 0 32px;margin-bottom:45px}.directory-preview{display:none}.directory-preview-meta{margin-top:12px}.directory-links>a{padding:13px 0}.directory-links>a>strong{font-size:22px}.directory-links>a>.directory-count{font-size:10px}.return-directory{right:16px;bottom:16px;font-size:12px;padding:12px 16px}}
/* Keep a poster chapter in one sticky wrapper, avoiding overlapping sticky children. */
.work-flow{scroll-margin-top:-120px}.project-scene{scroll-margin-top:0}.poster-pin{position:sticky;top:115px;display:flex;flex-direction:column;height:calc(100vh - 135px);gap:20px}.mode-poster .story-heading{position:static;flex:none;padding:0;margin:0;background:transparent}.poster-viewport{position:relative;top:auto;flex:1;min-height:0;height:auto}.poster-track{gap:28px}.poster-card{width:calc((100vh - 320px)*var(--poster-ratio));max-width:none}.poster-card>img{width:100%!important;object-fit:contain}.track-hint{position:static;flex:none;margin:0;font-size:11px}.mode-poster{padding:0}.mode-poster .story-heading h2{font-size:clamp(24px,2.8vw,44px)}
@media(max-width:800px){.work-flow{scroll-margin-top:-90px}.poster-pin{position:relative;top:auto;height:auto;gap:0}.poster-viewport{height:65vh;flex:none}.mode-poster .story-heading{padding-bottom:25px}.poster-card{width:calc((65vh - 30px)*var(--poster-ratio));max-width:85vw}.track-hint{margin-top:16px}.mode-overview .story-board{width:100%;transform:none}.story-heading{grid-template-columns:1fr}.story-heading .story-open{justify-self:start}.story-number{grid-column:auto}.mode-poster .story-heading{gap:10px}.about{scroll-margin-top:-90px}}
@media(max-width:800px){.mode-overview{overflow:visible}.mode-overview .story-board{overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#8d846e #10171f}.mode-overview .story-board>.work-layer{width:max(100%,700px)}.overview-hint::after{content:' / 左右滑动浏览'} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-scene *{animation:none!important}.poster-pin{position:relative;top:auto;height:auto}.poster-viewport{position:relative;top:auto;overflow-x:auto;height:65vh;flex:none}.mode-poster .story-heading{position:static}.track-hint{position:static}.mode-poster{height:auto!important}.poster-track{transform:none!important}}