/* Editorial exhibition — shared by product, identity and portrait essays. */
.work-dialog{background:#111210;scrollbar-color:#535b47 #111210}
.exhibition-essay{--essay-line:#d9e0c91c;--essay-muted:#929b85;--essay-text:#bec6ae;color:var(--essay-text)}
.exhibition-essay .work-opening,.exhibition-essay .work-opening.dark-opening{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.65fr);align-items:center;gap:5vw;min-height:calc(100svh - 65px);padding:55px 6vw 55px;background:radial-gradient(ellipse at 76% 43%,#31362945,transparent 65%);max-width:1700px;margin:auto}
.exhibition-essay .opening-heading{padding:0;min-width:0}
.exhibition-essay .opening-heading .eyebrow{font-size:9px;letter-spacing:.15em;line-height:1.8;color:#8d997d;margin:0 0 27px}
.exhibition-essay .opening-heading h1{font-family:'Helvetica Neue','PingFang SC',sans-serif;font-weight:400;font-size:clamp(36px,4.4vw,74px);line-height:1.08;letter-spacing:-.045em;color:#eef0e5;max-width:none;margin:0 0 25px;overflow-wrap:anywhere;text-wrap:balance}
.exhibition-essay .opening-name{font-family:'Songti SC',serif;font-size:clamp(19px,2vw,27px);line-height:1.65;color:#cbd4b9;margin:0 0 18px;letter-spacing:.015em;text-wrap:balance}
.exhibition-essay .opening-summary{font-size:12px;line-height:2;color:#919c81;max-width:34em;margin:0}
.exhibition-essay .scroll-caption{display:block;margin:35px 0 0;font-size:8px;color:#6c795c;letter-spacing:.16em}
.exhibition-essay .work-opening>figure{min-height:0;max-width:none;width:100%;padding:0;background:none;margin:0}
.exhibition-essay .work-opening>figure>img{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain;padding:0;border-radius:20px;filter:none;transform:none}
.exhibition-essay .work-opening figcaption{position:static;font-size:9px;line-height:1.8;color:#77836a;padding:14px 4px 0;margin:0;overflow-wrap:anywhere}
.exhibition-essay figcaption a{color:#a3b18c;text-decoration:none}
.exhibition-essay .symbol-opening>figure>img{max-width:100%;height:auto;max-height:55svh;min-height:220px;background:#e9eae3;padding:8%;border-radius:20px}
.exhibition-essay[data-kind=person] .work-opening>figure>img{max-height:73svh;width:auto;max-width:100%;margin:auto}
.exhibition-essay .essay-wrap{max-width:1320px;padding:0 7vw;margin:auto}
.reading-route{border-block:1px solid var(--essay-line);margin:0 0 70px;padding:0}
.reading-route>summary,.sources-drawer>summary,.chapter-depth>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:11px;line-height:1.8;color:#96a584;padding:18px 0;outline-offset:5px}
.reading-route>summary::-webkit-details-marker,.sources-drawer>summary::-webkit-details-marker,.chapter-depth>summary::-webkit-details-marker{display:none}
.reading-route>summary span,.sources-drawer>summary span{font:9px monospace;color:#738362}
.exhibition-essay .chapter-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;margin:0;padding:0 0 15px;gap:0 30px}
.exhibition-essay .chapter-nav button{border:0;border-top:1px solid var(--essay-line);padding:14px 0;font-size:11px;line-height:1.8;text-align:left;display:flex;gap:10px}
.exhibition-essay .chapter-nav b{margin-left:auto}
.exhibition-essay .story-background{max-width:740px;padding:0 0 80px;margin:0 auto;border:0}
.exhibition-essay .story-background .eyebrow{font-size:9px;margin-bottom:25px;color:#71835d}
.exhibition-essay .story-background>p:not(.eyebrow){font-size:14px;line-height:2.2;margin:0 0 18px;color:#b5bfa5}
.exhibition-essay .visual-chapter{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr);gap:24px 7%;padding:80px 0;border:0;border-top:1px solid var(--essay-line);align-items:start}
.exhibition-essay .chapter-title{grid-column:1/-1;grid-row:auto;margin:0 0 12px;max-width:820px}
.exhibition-essay .chapter-title .eyebrow{font-size:8px;letter-spacing:.15em;color:#71835d;margin:0 0 18px}
.exhibition-essay .chapter-title h2{font-family:'Songti SC',serif;font-weight:400;font-size:clamp(28px,3.1vw,45px);line-height:1.5;letter-spacing:0;color:#d9e1cb;margin:0;text-wrap:balance}
.exhibition-essay .chapter-image{grid-column:1;grid-row:auto;margin:0;position:relative;overflow:visible;background:none}
.exhibition-essay .chapter-image a{display:block;overflow:hidden;border-radius:18px;background:#ffffff03}
.exhibition-essay .chapter-image img{width:100%;height:auto;max-height:74svh;object-fit:contain;border-radius:18px;padding:0;display:block;background:transparent}
.exhibition-essay .chapter-image img[src$='.svg']{background:#e6e8df;padding:9%;height:auto;min-height:220px}
.exhibition-essay .chapter-image figcaption{font-size:9px;line-height:1.9;color:#77856a;margin:14px 0 0;padding:0;overflow-wrap:anywhere}
.exhibition-essay .chapter-text{grid-column:2;grid-row:auto;padding:0;max-width:none}
.exhibition-essay .article-extract{padding:0;border:0;background:none;margin:0 0 28px}
.exhibition-essay .article-extract>span{font-size:8px;color:#758765;line-height:1.8}
.exhibition-essay .article-extract>p{font-size:clamp(14px,1.25vw,17px);line-height:2.05;color:#c2cdb2;margin:13px 0 15px}
.exhibition-essay .article-extract>a,.exhibition-essay .detail-source{font-size:10px;color:#7e936a;line-height:1.8}
.exhibition-essay .aesthetic-note{border:0;border-left:1px solid #9aaf773d;padding:0 0 0 19px;margin-top:28px;background:none}
.exhibition-essay .aesthetic-note>span{font-size:8px;color:#81976b}
.exhibition-essay .aesthetic-note>p{font-size:13px;line-height:2.1;color:#a3b28e;margin:10px 0 0}
.chapter-depth{border-block:1px solid var(--essay-line);margin:25px 0}
.chapter-depth>summary{padding:13px 0;font-size:10px}
.chapter-depth .chapter-detail p{font-size:13px;line-height:2.1;color:#aab89a;margin:0 0 18px}
.exhibition-essay .design-episode{background:none;border:0;padding:24px 0 0;margin:0 0 25px}
.exhibition-essay .design-episode h3{font-weight:400;font-size:17px;line-height:1.7;color:#bccba6}
.exhibition-essay .design-episode p{font-size:13px;line-height:2;color:#a3b28f}
.exhibition-essay .visual-chapter.chapter-wide{grid-template-columns:1fr}
.exhibition-essay .chapter-wide .chapter-image{grid-column:1/-1}
.exhibition-essay .chapter-wide .chapter-image img{max-height:79svh}
.exhibition-essay .chapter-wide .chapter-text{grid-column:1;max-width:760px;margin:25px auto 0;width:100%}
.exhibition-essay .chapter-inset{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr)}
.exhibition-essay .chapter-inset .chapter-image{grid-column:2;grid-row:2}
.exhibition-essay .chapter-inset .chapter-text{grid-column:1;grid-row:2}
.exhibition-essay .design-study{padding:70px 0;border-top:1px solid var(--essay-line)}
.exhibition-essay .design-study header h2{font:400 clamp(26px,3vw,40px)/1.6 'Songti SC',serif;color:#d2dfbf;letter-spacing:0}
.exhibition-essay .design-study header>p:last-child{font-size:12px;line-height:1.9;color:#7f926c}
.exhibition-essay .design-lessons{gap:15px 45px}
.exhibition-essay .design-lessons article{background:none;padding:22px 0;border-color:var(--essay-line)}
.exhibition-essay .design-lessons h3{font-size:17px;font-weight:400;line-height:1.7;color:#c2d1ad}
.exhibition-essay .design-lessons p,.exhibition-essay .design-tradeoff>p:last-child{font-size:13px;line-height:2;color:#9caf87}
.exhibition-essay .design-practice{padding:28px 0;background:none;border:0;border-block:1px solid var(--essay-line);border-radius:0}
.exhibition-essay .design-practice p{font-family:'Songti SC',serif;font-size:20px;line-height:1.9;color:#c1d0aa}
.sources-drawer{border-block:1px solid var(--essay-line);margin:0 0 70px}
.exhibition-essay .reading-list{padding:20px 0 30px}
.exhibition-essay .reading-list>h2{font-size:25px;font-weight:400}
.exhibition-essay .reading-list>a{border-color:var(--essay-line);padding:17px 0}
.exhibition-essay .reading-list h3{font-size:12px;line-height:1.8;font-weight:400}
.exhibition-essay .reading-list p{font-size:11px;line-height:1.9}
.exhibition-essay .work-conversation{background:#d1dfba03;border-block:1px solid var(--essay-line);padding:65px 7vw}
.exhibition-essay .conversation-inner{max-width:850px}
.exhibition-essay .work-conversation h2{font:400 clamp(28px,3vw,40px)/1.6 'Songti SC',serif;margin:18px 0 22px}
.exhibition-essay .comment-input-row input,.exhibition-essay .comment-label textarea{background:#ffffff03;border:1px solid #aaba872a;border-radius:12px}
.exhibition-essay .next-work{max-width:1160px;padding:65px 7vw 80px}
.exhibition-essay .next-work>h2{font:400 clamp(24px,2.7vw,35px)/1.6 'Songti SC',serif;letter-spacing:0}
.exhibition-essay .next-work>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.exhibition-essay .next-work img{height:240px;object-fit:contain;border-radius:16px;background:#ffffff04}
.exhibition-essay .next-work img[src*='logos']{background:#e5e7de;padding:10%}
.exhibition-essay .next-work strong{font-weight:400;font-size:15px;line-height:1.8;color:#bbcba4}
.exhibition-essay .reveal:not(.revealed){opacity:.35;transform:translateY(16px)}
.exhibition-essay .chapter-image.motion-ready img{transform:scale(calc(1 + var(--view-progress,0)*.018));transition:transform .25s linear}
.exhibition-essay .chapter-image.motion-ready:hover img{transform:scale(1.018)}
@media(min-width:1500px){.exhibition-essay .essay-wrap{padding-inline:60px}}
@media(max-width:800px){.exhibition-essay .work-opening,.exhibition-essay .work-opening.dark-opening{grid-template-columns:1fr;gap:30px;padding:38px 7vw 45px;min-height:0}.exhibition-essay .opening-heading h1{font-size:clamp(34px,8vw,55px);margin-bottom:18px}.exhibition-essay .opening-heading .eyebrow{margin-bottom:20px}.exhibition-essay .opening-name{font-size:22px}.exhibition-essay .opening-summary{font-size:12px;max-width:45em}.exhibition-essay .scroll-caption{margin-top:20px}.exhibition-essay .work-opening>figure>img{max-height:56svh;border-radius:16px}.exhibition-essay[data-kind=person] .work-opening>figure>img{max-height:62svh}.exhibition-essay .symbol-opening>figure>img{min-height:170px;max-height:40svh}.exhibition-essay .essay-wrap{padding-inline:7vw}.reading-route{margin-bottom:40px}.exhibition-essay .chapter-nav{grid-template-columns:1fr}.exhibition-essay .story-background{padding-bottom:40px}.exhibition-essay .story-background>p:not(.eyebrow){font-size:13px;line-height:2.1}.exhibition-essay .visual-chapter,.exhibition-essay .visual-chapter.chapter-inset,.exhibition-essay .visual-chapter.chapter-wide{display:flex;flex-direction:column;gap:22px;padding:45px 0}.exhibition-essay .chapter-title{order:0;margin:0}.exhibition-essay .chapter-title h2{font-size:29px;line-height:1.5}.exhibition-essay .chapter-image{order:1;width:100%}.exhibition-essay .chapter-text{order:2;width:100%;margin:0}.exhibition-essay .chapter-wide .chapter-text{margin:0}.exhibition-essay .chapter-image img{max-height:62svh}.exhibition-essay .article-extract>p{font-size:14px;line-height:2}.exhibition-essay .aesthetic-note{margin-top:23px}.exhibition-essay .design-study{padding:40px 0}.exhibition-essay .design-practice p{font-size:18px}.sources-drawer{margin-bottom:40px}.exhibition-essay .work-conversation{padding:45px 7vw}.exhibition-essay .next-work{padding:45px 7vw}.exhibition-essay .next-work>div{gap:18px}.exhibition-essay .next-work img{height:160px}.exhibition-essay .next-work strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.exhibition-essay .reveal:not(.revealed){opacity:1;transform:none}.exhibition-essay .chapter-image.motion-ready img,.exhibition-essay .chapter-image.motion-ready:hover img{transform:none;transition:none}}
.exhibition-essay[data-kind=identity] .chapter-image img{background:#e6e8df;padding:7%}
.exhibition-essay[data-kind=identity] .chapter-wide .chapter-image img{max-height:62svh}
.exhibition-essay[data-kind=person] .chapter-title h2{font-size:clamp(28px,2.5vw,38px)}
.exhibition-essay .opening-maker{font-size:10px;letter-spacing:.06em;color:#8da076;margin:0 0 15px;line-height:1.8}
/* Reset offsets inherited from the former sticky-image layout. */
.exhibition-essay .chapter-image{position:relative;inset:auto;align-self:start;min-width:0}
.exhibition-essay .chapter-image figcaption{position:static;inset:auto;clear:both}
.exhibition-essay .chapter-image figcaption a{display:inline;width:auto;max-width:none;background:none;border-radius:0;overflow:visible;clip-path:none;isolation:auto;border-bottom:1px solid #8fa47748;white-space:normal}
.exhibition-essay .chapter-wide .chapter-image>a{margin-inline:auto}
.exhibition-essay .chapter-wide .chapter-image figcaption{text-align:center}
/* Size the image element to the real photograph, so contain letterboxing cannot hide its rounded corners. */
.exhibition-essay .work-opening>figure>img{width:auto;height:auto;max-width:100%;margin-inline:auto}
.exhibition-essay .symbol-opening>figure>img{width:100%}
/* A fixed recommendation slot with an intrinsically sized, rounded image inside. */
.exhibition-essay .next-work button>.next-image{height:240px;width:100%;display:flex;align-items:center;justify-content:center;margin:0;background:none;border-radius:16px;min-width:0}
.exhibition-essay .next-work .next-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:16px;object-fit:contain;margin:0;background:transparent}
.exhibition-essay .next-work .next-image img[src*='logos']{background:#e5e7de;padding:22px}
@media(max-width:800px){.exhibition-essay .next-work button>.next-image{height:160px}.exhibition-essay .next-work .next-image img[src*='logos']{padding:12px}}
.exhibition-essay .chapter-image img{width:auto;height:auto;max-width:100%;margin-inline:auto}
/* A small Cover Flow gallery closes each exhibition. */
.exhibition-essay .next-work{max-width:1400px;overflow:hidden;padding-inline:0}
.exhibition-essay .next-work>.eyebrow,.exhibition-essay .next-work>h2{margin-inline:7vw}
.exhibition-essay .next-work>.related-flow{--related-width:min(42vw,400px);position:relative;display:flex;gap:0;width:100%;height:370px;margin:30px 0 0;padding:12px calc((100% - var(--related-width))/2) 24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:none;overscroll-behavior-x:contain;perspective:1100px;perspective-origin:50% 42%;isolation:isolate;overflow-anchor:none;align-items:center}
.related-flow::-webkit-scrollbar{display:none}
.related-card{position:relative;flex:0 0 var(--related-width);width:var(--related-width);margin:0 calc(var(--related-width) * -.52) 0 0;min-width:0;transform-origin:50% 42%;backface-visibility:hidden;will-change:transform}
.related-card:last-child{margin-right:0}
.exhibition-essay .next-work .related-card button{width:100%;display:block}
.exhibition-essay .next-work .related-card .next-image{height:240px;position:relative;isolation:isolate;overflow:hidden}
.related-card .next-image:after{content:"";position:absolute;inset:0;background:#111210;opacity:var(--related-dim,0);pointer-events:none;border-radius:16px}
.exhibition-essay .next-work .related-card .related-label{font-size:9px;margin:16px 0 7px;text-align:center;color:#809270}
.exhibition-essay .next-work .related-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:44px;text-align:center;line-height:1.7;font-size:14px;padding-inline:8px}
.related-card:not(.is-selected) .related-label,.related-card:not(.is-selected) strong{visibility:hidden}
.exhibition-essay .next-work>.related-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin:10px 0 0}
.related-controls button{border:0;background:none;border-radius:20px;color:#a6b792;font-size:17px;width:36px;height:36px;text-align:center;padding:0}
.related-controls button:disabled{opacity:.2;cursor:default}
.related-controls .related-position{font:9px monospace;letter-spacing:.12em;color:#7d8c6d}
@media(max-width:800px){.exhibition-essay .next-work>.related-flow{--related-width:66vw;height:320px;perspective:750px;margin-top:25px}.exhibition-essay .next-work .related-card .next-image{height:210px}.exhibition-essay .next-work .related-card strong{font-size:12px;min-height:41px}.exhibition-essay .next-work>.related-controls{gap:18px}}
.related-card{will-change:auto}
/* Related covers use the same visible-artwork hit areas as the home gallery. */
.related-flow .related-card,.related-flow .related-card>button{pointer-events:none}
.related-flow .related-card img,.related-flow .related-card .related-label,.related-flow .related-card strong{pointer-events:auto}