/* YI-151: exhibition surfaces around the original artwork. */
:root { --editorial-sans:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif; --editorial-serif:"Iowan Old Style","Baskerville",Georgia,"Songti SC",serif;  --portfolio-ground:#f4f6f6; --portfolio-ink:#182225; --portfolio-muted:#4c595e; --portfolio-rule:#d4dcdc; --portfolio-space:clamp(24px,5vw,80px); }
body, body:not(.page-index) { --paper:#f4f6f6; --ink:#182225; --body-ink:#4c595e; --muted:#4c595e; --line:#d4dcdc; --editorial-pad:var(--portfolio-space); background:var(--paper); color:var(--ink); font-family:var(--editorial-sans); }
body main, body:not(.page-index) main { background:var(--paper); }
body h1,body h2,body h3,body:not(.page-index) h1,body:not(.page-index) h2,body:not(.page-index) h3 {font-family:var(--editorial-sans);font-weight:400;letter-spacing:-.025em;line-height:1.12;text-wrap:balance;}
body[data-lang="zh"] h1,body[data-lang="zh"] h2,body[data-lang="zh"] h3 {line-height:1.3;letter-spacing:0;}
body .text-link {font-size:14px;font-weight:500;text-transform:none;letter-spacing:0;min-height:44px;}
body[class] .site-header {position:sticky;top:0;z-index:50;mix-blend-mode:normal;background:var(--paper);color:var(--ink);height:80px;padding:0 var(--portfolio-space);display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px;}
body[class] .site-header .wordmark,body[class] .site-header #site-nav,body[class] .site-header .header-actions {padding:0;}
body[class] .site-header .wordmark {flex:none;}
body[class] .site-header .header-note {display:none;}
body[class] .site-header #site-nav {margin-left:auto;display:flex;align-items:center;gap:32px;}
body[class] .site-header #site-nav a,body[class] .site-header .language {display:inline-flex;align-items:center;min-height:44px;}
body[class] .site-header .header-actions {margin-left:32px;gap:24px;}
body[class] .site-header .brand-lockup {filter:none;}
body[class] .site-header .mobile-contact {display:none;}
body[class] .site-header .menu-toggle {display:none;}
.portfolio-hero {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:center;gap:clamp(30px,5vw,80px);padding:clamp(48px,7vw,104px) var(--portfolio-space);min-height:min(720px,calc(100svh - 80px));}
.portfolio-identity {font-size:15px;margin-bottom:22px;color:var(--muted);}
body .portfolio-hero h1 {font-size:clamp(42px,5.6vw,80px);letter-spacing:-.035em;line-height:1.12;}
.portfolio-intro {font-size:clamp(18px,1.5vw,22px);line-height:1.65;max-width:30ch;margin-top:28px;}
.portfolio-hero .text-link {margin-top:28px;}
.portfolio-hero-art img {width:100%;height:auto;object-fit:contain;}
.portfolio-hero-art figcaption {font-size:12px;color:var(--muted);margin-top:16px;line-height:1.5;}
.portfolio-artist {padding:clamp(64px,9vw,140px) var(--portfolio-space);background:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:clamp(40px,10vw,160px);align-items:center;}
.portfolio-portrait {width:100%;max-width:330px;justify-self:center;}
.portfolio-portrait img {width:100%;height:auto;}
.portfolio-artist-copy h2 {font-size:clamp(30px,4.2vw,60px);}
.portfolio-artist-copy p {font-size:clamp(18px,1.5vw,22px);line-height:1.7;max-width:42ch;margin-top:28px;color:var(--body-ink);}
.portfolio-artist-copy .text-link {margin-top:26px;}
.portfolio-selected {padding:clamp(64px,8vw,120px) var(--portfolio-space);}
.portfolio-selected>h2 {font-size:clamp(30px,3.7vw,52px);margin-bottom:60px;}
.portfolio-paintings {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px clamp(28px,7vw,112px);}
.portfolio-piece {min-width:0;}
.piece-bamboo {grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:clamp(28px,6vw,96px);align-items:center;}
.portfolio-image {display:flex;justify-content:center;align-items:center;min-height:360px;padding:32px;background:#fff;}
.portfolio-image img {width:auto;max-width:100%;height:auto;max-height:500px;object-fit:contain;}
.piece-bamboo .portfolio-image {min-height:0;}
.piece-bamboo .portfolio-image img {width:100%;}
.portfolio-piece-caption {margin-top:28px;}
.piece-bamboo .portfolio-piece-caption {margin-top:0;}
.portfolio-piece-caption h3 {font-size:clamp(26px,2.5vw,36px);}
.portfolio-piece-caption p {line-height:1.75;max-width:48ch;color:var(--body-ink);margin-top:18px;}
.portfolio-piece-caption .text-link {margin-top:18px;}
.portfolio-more {margin-top:50px;text-align:right;}
.portfolio-installation {background:#182225;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,96px);padding:clamp(48px,7vw,104px) var(--portfolio-space);color:#f4f6f6;}
.portfolio-installation-image img {width:100%;height:auto;}
body .portfolio-installation h2 {color:#f4f6f6;font-size:clamp(32px,4vw,56px);margin:20px 0 24px;}
.portfolio-installation-copy p {font-size:17px;line-height:1.75;max-width:36ch;color:#d4dcdc;}
.portfolio-installation-copy>p:first-child {font-size:14px;}
.portfolio-installation-copy .text-link {margin-top:28px;}
.portfolio-library {padding:clamp(64px,9vw,140px) var(--portfolio-space);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:60px;align-items:center;background:#fff;}
.portfolio-library h2 {font-size:clamp(30px,3.5vw,50px);max-width:15ch;}
.portfolio-library p {margin-top:24px;max-width:38ch;line-height:1.75;color:var(--body-ink);}
.portfolio-library .text-link {margin-top:20px;}
.portfolio-covers {display:flex;align-items:center;gap:clamp(12px,2vw,32px);min-width:0;}
.portfolio-covers img {width:calc((100% - clamp(12px,2vw,32px)*2)/3);height:auto;}
.portfolio-research {padding:clamp(64px,8vw,120px) var(--portfolio-space);}
.portfolio-research>h2 {font-size:clamp(30px,3.5vw,50px);margin-bottom:48px;}
.portfolio-projects {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,8vw,128px);}
.portfolio-projects h3 {font-size:clamp(26px,2.5vw,36px);max-width:25ch;}
.portfolio-projects p {line-height:1.7;max-width:48ch;color:var(--body-ink);margin-top:22px;}
.portfolio-projects .project-stage-note {font-size:13px;}
.portfolio-projects .text-link {margin-top:22px;}
.portfolio-works-opening {padding:clamp(48px,7vw,104px) var(--portfolio-space) 0;}
.portfolio-works-opening h1 {font-size:clamp(44px,6vw,80px);}
.portfolio-works-opening .lead {margin-top:24px;max-width:42ch;font-size:20px;line-height:1.6;color:var(--body-ink);}
.portfolio-spaces {padding:48px var(--portfolio-space);border-top:1px solid var(--line);}
.portfolio-spaces h2 {font-size:28px;}
.portfolio-spaces p {color:var(--body-ink);margin-top:16px;max-width:62ch;line-height:1.7;}
.portfolio-spaces .text-link {margin-top:18px;}
body[class] .site-footer.ec-footer {background:#fff;}
body .ec-footer-main {padding-top:0;padding-bottom:48px;}
body .ec-footer-contact h2 {font-size:clamp(26px,3vw,42px);}
body .ec-footer-nav {gap:8px;}
body:not(.page-index) .work-opening .page-intro h1 {font-size:clamp(36px,5vw,72px);}
body:not(.page-index) .essay-section h2 {font-size:clamp(28px,3vw,42px);}
body .page-intro .lead,body .prose {line-height:1.8;}
.page-works .room-legacy-links {display:flex;gap:16px;flex-wrap:wrap;padding:0 var(--portfolio-space) 32px;}
.page-works .room-legacy-links a {font-size:13px;color:var(--muted);min-height:44px;display:inline-flex;align-items:center;scroll-margin-top:96px;}
.page-spaces .spaces-opening {padding:clamp(40px,6vw,80px) var(--portfolio-space);}
.page-spaces .spaces-opening h1 {font-size:clamp(38px,5vw,72px);margin-top:18px;}
.page-spaces .spaces-opening p {font-size:18px;line-height:1.75;max-width:65ch;margin-top:24px;color:var(--body-ink);}
.page-spaces .painting-path {display:none;}
.page-spaces .room-gallery {background:var(--paper);}
.page-spaces .room-gallery>h2 {font-family:var(--editorial-sans);font-size:clamp(30px,3.4vw,48px);}
.page-spaces .painting-path-kicker {display:none;}
.page-spaces .room-jump-link {border-radius:0;border-color:var(--line);}
.page-spaces .room-story-label {font-size:14px;letter-spacing:0;text-transform:none;color:var(--muted);}
.page-spaces .room-story h3 {font-family:var(--editorial-sans);}
.page-spaces .room-jump-link:hover {background:#e3e9e9;}
@media (prefers-reduced-motion:reduce) {html{scroll-behavior:auto;}body *,body *::before,body *::after {animation:none!important;transition:none!important;}}
@media(max-width:1000px) {
 body[class] .site-header {gap:24px;}
 body[class] .site-header #site-nav {gap:20px;}
 body[class] .site-header .header-actions {margin-left:0;gap:16px;}
 .portfolio-hero {grid-template-columns:1fr 1.1fr;gap:28px;}
 body .portfolio-hero h1 {font-size:clamp(38px,5.6vw,70px);}
 .portfolio-intro {font-size:18px;}
 .portfolio-library {gap:32px;}
}
@media(max-width:767px) {
 body[class] .site-header {height:64px;gap:12px;padding:0 20px;}
 body[class] .site-header .wordmark {margin-right:auto;}
 body[class] .site-header .header-actions {margin-left:0;}
 body[class] .site-header .header-contact {display:none;}
 body[class] .site-header .menu-toggle {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:44px;height:44px;position:relative;right:auto;top:auto;transform:none;color:var(--ink);}
 body[class] .site-header .menu-toggle span {background:currentColor;width:20px;height:1px;}
 body[class] .site-header #site-nav {display:none;}
 body[class] .site-header.menu-open #site-nav {display:flex;position:fixed;top:64px;left:0;right:0;bottom:0;margin:0;padding:40px 24px;background:var(--paper);color:var(--ink);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:24px;visibility:visible;opacity:1;transform:none;}
 body[class] .site-header.menu-open #site-nav a {font-size:28px;}
 body[class] .site-header.menu-open #site-nav .mobile-contact {display:inline-flex;}
 .portfolio-hero {grid-template-columns:1fr;min-height:0;padding:48px 24px 40px;gap:40px;}
 body .portfolio-hero h1 {font-size:clamp(40px,11vw,72px);}
 .portfolio-identity {margin-bottom:16px;}
 .portfolio-intro {margin-top:22px;max-width:32ch;}
 .portfolio-hero .text-link {margin-top:20px;}
 .portfolio-hero-art figcaption {font-size:12px;margin-top:12px;}
 .portfolio-artist {grid-template-columns:1fr;padding:64px 24px;gap:36px;}
 .portfolio-portrait {max-width:220px;justify-self:start;}
 .portfolio-artist-copy p {font-size:18px;margin-top:22px;}
 .portfolio-selected {padding:64px 24px;}
 .portfolio-selected>h2 {margin-bottom:36px;}
 .portfolio-paintings {grid-template-columns:1fr;gap:48px;}
 .piece-bamboo {grid-column:auto;display:block;}
 .portfolio-image {min-height:0;padding:24px;}
 .portfolio-image img {max-height:420px;}
 .piece-bamboo .portfolio-piece-caption {margin-top:24px;}
 .portfolio-more {margin-top:32px;text-align:left;}
 .portfolio-installation {grid-template-columns:1fr;gap:32px;padding:48px 24px;}
 .portfolio-installation-copy p {max-width:42ch;}
 .portfolio-library {grid-template-columns:1fr;gap:36px;padding:64px 24px;}
 .portfolio-library h2 {max-width:none;}
 .portfolio-research {padding:64px 24px;}
 .portfolio-projects {grid-template-columns:1fr;gap:48px;}
 .portfolio-works-opening {padding:48px 24px 0;}
 .portfolio-spaces {padding:40px 24px;}
 body .ec-footer-main {padding-top:0;padding-bottom:32px;}
 body .ec-footer-nav {display:flex;flex-direction:column;align-items:flex-start;}
 .page-spaces .spaces-opening {padding:40px 24px;}
}
@media(prefers-color-scheme:dark) {
 body,body:not(.page-index) {--paper:#182225;--ink:#f4f6f6;--body-ink:#d4dcdc;--muted:#b9c6c9;--line:#425256;--portfolio-rule:#425256;}
 .portfolio-artist,.portfolio-library,body[class] .site-footer.ec-footer {background:#202d31;}
 .portfolio-image {background:#fff;}
 body[class] .site-header .brand-lockup-word,body .ec-footer .brand-lockup-word {filter:invert(1);mix-blend-mode:screen;}
 .page-spaces .room-jump-link:hover {background:#304247;}
 body .brand-lockup {mix-blend-mode:normal;}
 .page-spaces .room-story-source,.page-spaces .room-story-link,.page-spaces .scene-work-identity .work-id,.page-spaces .work-title-note,.page-spaces .work-editorial-note {color:var(--body-ink);}
 body .ec-footer-eyebrow,body .ec-footer-bottom {color:var(--body-ink);}
}

body[class] .site-footer.ec-footer,body[class] .site-footer.ec-footer h2,body[class] .site-footer.ec-footer a {color:var(--ink);}
body[class] .site-footer.ec-footer .ec-footer-eyebrow,body[class] .site-footer.ec-footer .ec-footer-bottom {color:var(--body-ink);}
body[class].page-who-am-i .who-poster h1,body[class].page-who-am-i .who-poster p {color:#ffee6f;}
body.menu-is-open {overflow:hidden;}