@font-face{font-family:Studio;src:url('shared/fonts/0086-Suisse-Book.otf') format('opentype');font-weight:400;font-display:swap}
:root{--bg:#000;--text:#f5f3ef;--muted:#aaa;--surface:#171717;--line:#333;--accent:#df0032;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s20:80px;--s24:96px;--s30:120px;--s40:160px;--small:12px;--caption:clamp(17px,1.45vw,22px);--body:clamp(16px,1.4vw,20px);--heading:clamp(36px,5.8vw,88px);--display:clamp(36px,4.5vw,68px);--regular:400;--medium:500;--bold:700;--radius:0;--ease:cubic-bezier(.22,.61,.36,1);--speed:.6s}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--s30)}body{margin:0;background:var(--bg);color:var(--text);font-family:'Helvetica Neue',Helvetica,'PingFang SC',sans-serif;font-size:var(--body);line-height:1.4;font-weight:var(--regular)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}a:focus-visible,button:focus-visible{outline:2px solid var(--text);outline-offset:var(--s2)}.skip{position:fixed;top:var(--s2);left:var(--s2);transform:translateY(-200%);z-index:100;background:var(--text);color:var(--bg);padding:var(--s3)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--s3) var(--s5);background:var(--bg);gap:var(--s6);min-height:var(--s20)}.brand{display:flex;flex-direction:column;gap:var(--s1);line-height:1}.brand-original{width:var(--s24);height:auto;display:block;filter:none}.brand span{font-size:var(--small);font-weight:var(--medium);letter-spacing:.28em;padding-left:var(--s2)}.primary-nav{display:flex;justify-content:space-between;width:50%;gap:var(--s8);font-size:var(--caption);color:var(--muted)}.primary-nav a{white-space:nowrap}.primary-nav a span{font-size:var(--small);display:none}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--text)}.menu-toggle{display:none}
.work-main{padding:var(--s30) var(--s5) var(--s20)}.work-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);margin-bottom:var(--s6);font-size:var(--small);color:var(--muted)}.filter-list{display:flex;flex-wrap:wrap;gap:var(--s5)}.filter{padding:var(--s1) 0;position:relative}.filter.is-active{color:var(--text)}.filter.is-active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--text)}.filter:hover,.motion-toggle:hover{color:var(--text)}.motion-toggle{white-space:nowrap;min-height:var(--s8)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--s5);row-gap:var(--s20)}.project{min-width:0;color:var(--muted)}.project[hidden]{display:none}.project figure{margin:0}.visual{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--surface)}.visual>img,.project-video{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--speed) var(--ease),opacity var(--speed)}.project-video{position:absolute;inset:0;opacity:0}.project-video.is-playing{opacity:1}.project figcaption{padding-top:var(--s3);font-size:var(--caption);line-height:1.35;transition:color .2s;overflow-wrap:anywhere}.project small{font-size:var(--small);display:block;margin-top:var(--s1);color:var(--muted)}.project:hover figcaption{color:var(--text)}.project:hover .visual>img{transform:scale(1.025)}
.identity-art{position:absolute;inset:0;background:var(--accent);display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.identity-mark{position:absolute;width:85%;height:auto;overflow:visible;animation:mark-breathe 8s var(--ease) infinite}.identity-mark path{transform-box:fill-box;transform-origin:center;animation:digit-float 8s var(--ease) infinite}.identity-mark path:nth-child(2){animation-delay:-2s}.identity-mark path:nth-child(3){animation-delay:-4s}.identity-mark path:nth-child(4){animation-delay:-6s}.identity-echo{width:160%;opacity:.24;animation:echo-travel 8s var(--ease) infinite}.identity-echo path{animation:none}.identity-art:after{content:'';position:absolute;inset:0;border:var(--s5) solid transparent;pointer-events:none}.brand-stage{position:relative;aspect-ratio:16/9;overflow:hidden;margin-top:var(--s16)}.brand-stage .identity-mark{width:65%}.brand-stage .identity-echo{width:135%}.brand-stage-paper .identity-art{background:var(--text)}.brand-stage-paper path{fill:var(--bg)}.brand-stage-paper .identity-echo path{fill:none;stroke:var(--accent)}
@keyframes mark-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2%) scale(.96)}}@keyframes digit-float{0%,100%{transform:translateY(0)}50%{transform:translateY(10%)}}@keyframes echo-travel{0%,100%{transform:translate(-14%,20%) rotate(-8deg)}50%{transform:translate(14%,-20%) rotate(8deg)}}
.studio-note{display:grid;grid-template-columns:1fr 1fr;gap:var(--s20);margin-top:var(--s40);padding:var(--s16) 0;border-top:1px solid var(--line)}.studio-note>p{font-size:var(--display);line-height:1.2;letter-spacing:-.04em;margin:0}.studio-note>div{max-width:32em;justify-self:end}.studio-note>div p{color:var(--muted);line-height:1.8;margin:0 0 var(--s8)}.studio-note a{border-bottom:1px solid var(--text);padding-bottom:var(--s1)}.contact{padding:var(--s20) var(--s5) var(--s8);border-top:1px solid var(--line)}.contact-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s10)}.contact-top>p{font-size:var(--display);line-height:1.18;letter-spacing:-.04em;margin:0}.contact-top>p a{color:var(--muted);transition:color .2s}.contact-top>p a:hover{color:var(--text)}.contact-address{display:flex;flex-direction:column;gap:var(--s3);font-size:var(--body)}.contact-address>span{font-size:var(--small);color:var(--muted)}.contact-address>a:last-child{font-size:var(--small);margin-top:var(--s5)}.footer-brand{display:block;width:100%;margin:var(--s30) 0 var(--s20)}.footer-brand img{display:block;width:100%;height:auto}.footer-meta{display:flex;justify-content:space-between;gap:var(--s6);color:var(--muted);font-size:var(--small)}
.editorial-main{padding:var(--s40) var(--s5) var(--s20)}.editorial-main h1{font-size:var(--heading);line-height:1.08;letter-spacing:-.05em;font-weight:var(--regular);margin:0 0 var(--s20)}.editorial-copy{display:grid;grid-template-columns:1fr 1fr;gap:var(--s10);margin-bottom:var(--s20)}.section-label{font-size:var(--small);color:var(--muted)}.editorial-copy>div{max-width:34em}.editorial-copy p{margin:0 0 var(--s8);line-height:1.8;color:var(--muted)}.editorial-copy .lead{font-size:var(--display);color:var(--text);line-height:1.3;letter-spacing:-.03em}.feature-image{display:block}.feature-image img{width:100%;max-height:85svh;object-fit:cover;display:block}.feature-image span{display:block;color:var(--muted);font-size:var(--small);margin-top:var(--s3)}.page-intro{color:var(--muted);margin:calc(-1 * var(--s10)) 0 var(--s20)}.service-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--s10);padding:var(--s10) 0;border-top:1px solid var(--line);align-items:start}.service-row h2{font-weight:var(--regular);font-size:var(--display);margin:0 0 var(--s2);line-height:1.2}.service-row div>span{font-size:var(--small);color:var(--muted)}.service-row p{color:var(--muted);margin:0;max-width:24em;line-height:1.8}.service-arrow{font-size:var(--display);transition:transform var(--speed) var(--ease)}.service-row:hover .service-arrow{transform:translate(var(--s1),calc(-1 * var(--s1)))}.case-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--s10)}.case-heading h1{margin-bottom:0}.case-heading>div{color:var(--muted);align-self:end}.brand-statement{display:grid;grid-template-columns:1fr 1fr;gap:var(--s20);align-items:center;padding:var(--s30) 0}.brand-statement img{width:100%}.brand-statement p{font-size:var(--display);letter-spacing:-.04em;line-height:1.4;justify-self:end;margin:0}.next-project{display:block;font-size:var(--display);margin-top:var(--s20);padding-top:var(--s10);border-top:1px solid var(--line)}
.motion-paused *{animation-play-state:paused!important}.motion-paused .project-video{opacity:0}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav{width:58%;gap:var(--s5)}.contact-top>p{font-size:var(--display)}.contact-top{flex-direction:column}.studio-note{gap:var(--s10)}}
@media(max-width:767px){.site-header{padding:var(--s4)}.brand-original{width:var(--s24)}.menu-toggle{display:block;min-height:var(--s10);font-size:var(--body)}.primary-nav{display:none;position:absolute;inset:var(--s20) 0 auto;width:100%;background:var(--bg);padding:var(--s8) var(--s4);flex-direction:column;gap:var(--s6);font-size:var(--display);border-bottom:1px solid var(--line)}.primary-nav.is-open{display:flex}.primary-nav a{display:flex;justify-content:space-between;align-items:center}.primary-nav a span{display:block}.work-main{padding:var(--s30) var(--s4) var(--s20)}.work-tools{align-items:flex-start;gap:var(--s3)}.filter-list{gap:var(--s3);max-width:85%}.project-grid{grid-template-columns:1fr;row-gap:var(--s10)}.studio-note{grid-template-columns:1fr;margin-top:var(--s20);gap:var(--s8)}.studio-note>div{justify-self:start}.contact{padding:var(--s20) var(--s4) var(--s8)}.contact-top{gap:var(--s10)}.footer-brand{margin:var(--s20) 0 var(--s10)}.footer-meta{flex-direction:column;gap:var(--s2)}.footer-meta span:nth-child(2){display:none}.editorial-main{padding:var(--s30) var(--s4) var(--s20)}.editorial-copy,.case-heading,.brand-statement{grid-template-columns:1fr;gap:var(--s8)}.editorial-main h1{margin-bottom:var(--s12)}.editorial-copy{margin-bottom:var(--s12)}.service-row{grid-template-columns:1fr auto;gap:var(--s6);padding:var(--s8) 0}.service-row p{grid-column:1;grid-row:2}.service-arrow{grid-column:2;grid-row:1}.brand-statement{padding:var(--s20) 0}.brand-statement p{justify-self:start}.brand-stage{aspect-ratio:4/5;margin-top:var(--s10)}.brand-stage .identity-mark{width:85%}.brand-stage .identity-echo{width:160%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.project-video{display:none}}

/* Original 0086 navigation, copy and cover film restored. */
.primary-nav{width:66%;font-size:var(--body)}
.original-cover{position:relative;width:100%;margin-bottom:var(--s12);background:var(--bg)}
.original-cover-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--bg)}
.original-about{padding-top:var(--s30)}
.original-about-copy{max-width:54em;margin:var(--s20) auto}
.original-about-copy h1{font-size:var(--display);margin-bottom:var(--s10)}
.original-about-copy p{color:var(--muted);line-height:1.8;margin:0 0 var(--s8)}
.original-about-copy .block{border-top:1px solid var(--line);margin-top:var(--s12);padding-top:var(--s8)}
.original-about-copy strong{font-size:var(--body);font-weight:var(--medium)}
@media(max-width:1100px){.primary-nav{width:72%;gap:var(--s4);font-size:var(--body)}}
@media(max-width:767px){.primary-nav{width:100%;font-size:var(--display);gap:var(--s6)}.original-about-copy{margin-top:var(--s12)}.original-cover{margin-bottom:var(--s8)}}

.watermelon-case h2{font-size:var(--display);font-weight:var(--regular);line-height:1.2;letter-spacing:-.03em;margin:0 0 var(--s8)}
.watermelon-case figure{margin:0}.watermelon-case figure img{display:block;width:100%;height:auto}.watermelon-case figcaption{font-size:var(--small);color:var(--muted);margin-top:var(--s3)}
.watermelon-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--s20);margin-top:var(--s16);align-items:center}.watermelon-intro>div{max-width:32em}.watermelon-case p{color:var(--muted);line-height:1.8}.case-facts{margin:var(--s10) 0;display:grid;gap:var(--s5)}.case-facts>div{display:grid;grid-template-columns:1fr 2fr;gap:var(--s5)}.case-facts dt{color:var(--muted);font-size:var(--small)}.case-facts dd{margin:0}.source-link{border-bottom:1px solid var(--text);padding-bottom:var(--s1)}
.watermelon-section{margin-top:var(--s30)}.watermelon-section>p{max-width:38em;margin-bottom:var(--s10)}.exhibition-themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s6);list-style-position:inside;padding:var(--s8) 0;margin:var(--s10) 0 var(--s16);border-top:1px solid var(--line)}.case-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s10) var(--s5)}.exhibition-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--s20);align-items:start}.exhibition-layout figure{max-width:36em}.photo-credit{font-size:var(--small)}
@media(max-width:767px){.watermelon-intro,.exhibition-layout{grid-template-columns:1fr;gap:var(--s10)}.watermelon-section{margin-top:var(--s20)}.case-photo-grid{grid-template-columns:1fr}.exhibition-themes{grid-template-columns:repeat(2,minmax(0,1fr));font-size:var(--body)}}
/* All portfolio and category covers share one square format. */
.project .visual{aspect-ratio:1/1}
.detail-page .grid .card>img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.detail-page .grid .card>p{margin-top:var(--s3)}

.project-ip-source .visual{background:var(--text)}.project-ip-source .visual>img,.detail-page .grid .card-ip-source>img{object-fit:contain;background:var(--text)}
.shanhai-case h2{font-size:var(--display);font-weight:var(--regular);letter-spacing:-.03em;line-height:1.2;margin:0 0 var(--s8)}.shanhai-case p{color:var(--muted);line-height:1.8;max-width:38em}.shanhai-case figure{margin:0}.shanhai-case figure img{display:block;width:100%;height:auto;background:var(--text)}.shanhai-case figcaption{font-size:var(--small);color:var(--muted);margin-top:var(--s3)}.shanhai-opening{margin-top:var(--s20)}.shanhai-opening>div{display:grid;grid-template-columns:1fr 1fr;gap:var(--s10);margin-bottom:var(--s10)}.shanhai-opening p{margin-top:0}.shanhai-opening>figure img{max-height:85svh;object-fit:contain}.shanhai-section{margin-top:var(--s30)}.character-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s5);margin:var(--s10) 0}.character-tabs button{min-width:0;opacity:.58;transition:opacity .2s}.character-tabs button[aria-selected=true],.character-tabs button:hover{opacity:1}.character-tabs img{width:100%;display:block;aspect-ratio:1/1;object-fit:contain;background:var(--text)}.character-tabs span{display:block;font-size:var(--small);padding:var(--s3) 0;border-bottom:1px solid var(--line)}.character-tabs button[aria-selected=true] span{border-color:var(--text)}.character-panel[hidden]{display:none}.character-panel figure img{max-height:85svh;object-fit:contain}.shanhai-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);margin-top:var(--s10)}.shanhai-views img{aspect-ratio:1/1;object-fit:contain}.shanhai-detail-copy{display:grid;grid-template-columns:1fr 1fr;gap:var(--s20)}
@media(max-width:767px){.shanhai-opening>div,.shanhai-detail-copy{grid-template-columns:1fr;gap:var(--s5)}.shanhai-section{margin-top:var(--s20)}.character-tabs{gap:var(--s2)}.character-tabs span{font-size:var(--small)}.shanhai-views{grid-template-columns:1fr}.shanhai-opening{margin-top:var(--s10)}}

.shanhai-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s5);margin-top:var(--s8)}.shanhai-roster article{border-top:1px solid var(--line);padding-top:var(--s4)}.shanhai-roster h3{font-size:24px;margin:0 0 var(--s3)}.shanhai-roster .role-function{color:var(--text)}.shanhai-development{display:grid;gap:var(--s8);margin-top:var(--s8)}.shanhai-development img{display:block;width:100%;height:auto}.shanhai-development figcaption{margin-top:var(--s3);color:var(--muted)}@media(max-width:900px){.shanhai-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.shanhai-roster{grid-template-columns:1fr}}

.shanhai-desktop-case .character-tabs img{height:auto;aspect-ratio:1/1;padding:var(--s5);background:var(--text)}
.shanhai-lineup{margin-top:var(--s12)!important}
.shanhai-desktop-case .character-panel{padding-top:var(--s8);border-top:1px solid var(--line)}
.shanhai-role-heading{display:flex;justify-content:space-between;gap:var(--s8);align-items:baseline;margin-bottom:var(--s8)}
.shanhai-role-heading h3{font-size:var(--display);font-weight:var(--regular);margin:0;letter-spacing:-.03em}
.shanhai-role-heading h3 span{display:inline-block;font-size:var(--body);color:var(--muted);letter-spacing:0;margin-left:var(--s4)}
.shanhai-role-heading p{margin:0}
.shanhai-color-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.shanhai-desktop-case .shanhai-color-views img{height:clamp(180px,26vw,400px);width:100%;object-fit:contain;padding:var(--s8);background:var(--text)}
.shanhai-fieldguide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s8);margin:var(--s10) 0 0}
.shanhai-fieldguide>div{border-top:1px solid var(--line);padding-top:var(--s5)}
.shanhai-fieldguide dt{font-size:var(--small);color:var(--muted);margin-bottom:var(--s4)}
.shanhai-fieldguide dd{margin:0;font-size:var(--body);line-height:1.7}
.shanhai-original{margin-top:var(--s10);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.shanhai-original summary{padding:var(--s5) 0;cursor:pointer;font-size:var(--body)}
.shanhai-desktop-case .shanhai-original img{height:auto;max-height:80svh;object-fit:contain}
.shanhai-original figure{margin:0 0 var(--s5)}
.shanhai-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--s12) var(--s5);margin-top:var(--s10)}
.shanhai-desktop-case .shanhai-source-grid img{width:100%;height:auto;background:var(--text)}
.shanhai-source-grid figure:first-child:last-child{grid-column:1/-1}
@media(max-width:900px){.shanhai-fieldguide{grid-template-columns:repeat(2,minmax(0,1fr))}.shanhai-role-heading{display:block}.shanhai-role-heading p{margin-top:var(--s4)}}
@media(max-width:600px){.shanhai-desktop-case .character-tabs img{padding:var(--s2)}.shanhai-color-views{gap:var(--s2)}.shanhai-desktop-case .shanhai-color-views img{height:140px;padding:var(--s2)}.shanhai-source-grid,.shanhai-fieldguide{grid-template-columns:1fr}.shanhai-source-grid{gap:var(--s10)}.shanhai-lineup{overflow:auto}.shanhai-lineup img{min-width:600px}.shanhai-lineup figcaption{min-width:0}}

.work-heading{font-size:var(--display);font-weight:var(--regular);letter-spacing:-.03em;line-height:1.2;margin:0 0 var(--s10)}
.shanhai-desktop-case .character-tabs a{display:block;min-width:0;color:var(--text)}
.shanhai-desktop-case .character-tabs a span{font-size:var(--body);text-align:center}
.shanhai-desktop-case .character-tabs a:hover span,.shanhai-desktop-case .character-tabs a:focus-visible span{border-color:var(--text)}
.shanhai-profile{scroll-margin-top:var(--s30);margin-top:var(--s20)}
.shanhai-profile .shanhai-role-heading{margin-bottom:var(--s8)}
.shanhai-intro-heading{display:flex;justify-content:space-between;gap:var(--s5);align-items:baseline;margin-bottom:var(--s6)}
.shanhai-intro-heading h4,.shanhai-design-notes h4{font-size:var(--caption);font-weight:var(--regular);margin:0}
.shanhai-intro-heading span{font-size:var(--small);color:var(--muted)}
.shanhai-role-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s10);margin-bottom:var(--s10)}
.shanhai-role-intro p{font-size:var(--body);margin:0;color:var(--text);line-height:1.8}
.shanhai-design-notes{margin-top:var(--s10)}
.shanhai-design-notes ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s10);list-style:none;padding:0;margin:var(--s6) 0 0}
.shanhai-design-notes li{font-size:var(--body);line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:var(--s5)}
@media(max-width:900px){.shanhai-role-intro,.shanhai-design-notes ul{grid-template-columns:1fr;gap:var(--s5)}.shanhai-profile{margin-top:var(--s16)}}
@media(max-width:600px){.shanhai-desktop-case .character-tabs a span{font-size:var(--small)}.shanhai-intro-heading{display:block}.shanhai-intro-heading span{display:block;margin-top:var(--s3)}}

:root{--shanhai-blue:#86b5f1;--viewer-backdrop:rgb(0 0 0 / .92)}
.shanhai-image-open{display:block;width:100%;padding:0;border:0;cursor:zoom-in;background:var(--surface);overflow:hidden;color:inherit}
.shanhai-image-open:focus-visible{outline:2px solid var(--text);outline-offset:var(--s1)}
.shanhai-desktop-case .shanhai-source-grid .shanhai-image-open{aspect-ratio:4/3;display:grid;place-items:center;background:var(--surface)}
.shanhai-desktop-case .shanhai-source-grid .shanhai-image-open img{width:100%;height:100%;object-fit:contain;min-height:0;background:transparent}
.shanhai-desktop-case .shanhai-source-grid figcaption{min-height:2.6em}
.shanhai-desktop-case .character-tabs img{aspect-ratio:16/9;padding:0;background:var(--shanhai-blue);object-fit:contain}
.shanhai-role-reveal{margin-bottom:var(--s10)!important}
.shanhai-desktop-case .shanhai-role-reveal .shanhai-image-open{aspect-ratio:16/9;background:var(--shanhai-blue)}
.shanhai-desktop-case .shanhai-role-reveal img{height:100%;width:100%;object-fit:contain;background:var(--shanhai-blue)}
.image-viewer{position:fixed;inset:0;margin:auto;width:calc(100vw - var(--s8));height:calc(100dvh - var(--s8));max-width:none;max-height:none;padding:var(--s4);border:1px solid var(--line);background:var(--bg);color:var(--text)}
.image-viewer[open]{display:flex;flex-direction:column;gap:var(--s4)}
.image-viewer::backdrop{background:var(--viewer-backdrop)}
.image-viewer-close{align-self:flex-end;min-height:var(--s12);padding:var(--s2) var(--s4);font-size:var(--body);cursor:pointer}
.image-viewer figure{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);margin:0}
.image-viewer img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - var(--s40));object-fit:contain}
.image-viewer figcaption{font-size:var(--small);color:var(--muted);text-align:center}
@media(max-width:600px){.image-viewer{width:calc(100vw - var(--s4));height:calc(100dvh - var(--s4));padding:var(--s2)}.image-viewer img{max-height:calc(100dvh - var(--s30))}}
.shanhai-desktop-case .shanhai-source-grid .shanhai-image-open{position:relative;display:block}
.shanhai-desktop-case .shanhai-source-grid .shanhai-image-open img{position:absolute;inset:0}
.shanhai-desktop-case .shanhai-source-grid .shanhai-image-open img{object-fit:cover}
.shanhai-image-open{position:relative}
.shanhai-image-open::after{content:'放大 ↗';position:absolute;right:var(--s3);bottom:var(--s3);padding:var(--s2) var(--s3);background:var(--bg);color:var(--text);font-size:var(--small);line-height:1;pointer-events:none}