/* SCHALE 1.0 — shared visual tokens */
:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#294754;background:#f4fafb;color-scheme:light;--paper:#f4fafb;--ink:#294754;--muted:#657f8a;--line:#d8e8ed;--cyan:#2399b5}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,select,input[type=search]{border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 12px}button:hover{border-color:#83c5d5}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}[hidden]{display:none!important}a{color:#207e98;text-underline-offset:4px}h1,h2{font-weight:500}h1{font-size:20px;letter-spacing:1px;margin:5px 0}h2{font-size:21px;margin:12px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#6c8791;margin:0}.muted{font-size:12px;line-height:1.7;color:var(--muted);margin:5px 0}
#gallery{position:relative;height:100dvh;min-height:500px;overflow:hidden;background:var(--paper)}#gallery:fullscreen,#gallery::backdrop{background:var(--paper)}header{height:11%;display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;font-size:13px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px}.brand b{font-size:28px;color:#37b7d4;font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:3px}.header-actions{display:flex;gap:6px}#character{color:#527582;font-size:12px}
.artwork{position:absolute;inset:11% 6% 15%;display:flex;align-items:center;justify-content:center;overflow:hidden}.artwork>img{position:relative;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;transition:transform .18s ease}.artwork.zoomed{cursor:grab;touch-action:none}.artwork.dragging{cursor:grabbing}.artwork.dragging img{transition:none}.artwork-loading{position:absolute;z-index:1;padding:10px 16px;border-radius:8px;background:#f4fafbe8;font-size:12px;color:var(--muted)}.zoom-readout{position:absolute;top:14px;right:16px;background:#f4fafbe8;padding:4px 8px;font-size:10px;letter-spacing:1px;opacity:0;pointer-events:none}.zoom-readout.visible{opacity:1}
.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:48px;padding:0;border:0;border-radius:8px;background:#f4fafbc9;color:#527582;font-size:27px;opacity:0;transition:opacity .15s;z-index:2}#prev{left:4px}#next{right:4px}.artwork:hover .nav-arrow,.artwork:focus-within .nav-arrow{opacity:1}.nav-arrow:disabled{visibility:hidden}.nav-arrow:hover{background:#fff;color:var(--cyan)}
footer{position:absolute;inset:auto 6% 3%;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.controls{display:flex;align-items:center;gap:8px}.count{letter-spacing:2px;font-size:10px;color:#688793;margin-right:14px;white-space:nowrap}.control-divider{height:18px;width:1px;background:var(--line);margin:0 3px}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:10px;border:0;border-radius:50%;background:transparent;color:#557f8e;transition:background .15s,color .15s}.icon-button svg{display:block;width:22px;height:22px}.icon-button:hover,.icon-button[aria-pressed=true],.icon-button[aria-expanded=true]{background:#e1f1f5;color:#208daa}.icon-button:disabled{opacity:.28}.icon-button::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;padding:6px 10px;background:#e4f0f4;color:#365e6d;border-radius:5px;opacity:0;visibility:hidden;pointer-events:none}.icon-button:hover::after,.icon-button:focus-visible::after{opacity:1;visibility:visible}header .icon-button::after{bottom:auto;top:calc(100% + 8px);left:auto;right:0;transform:none}#favorite[aria-pressed=true] svg{fill:#d8eef4;stroke:#238ca6}
#edge{position:absolute;inset:0 auto 0 0;width:20px;padding:0;z-index:5;border:0;border-radius:0;background:transparent;display:grid;place-items:center}#edge span{height:36px;width:3px;background:#37b7d4;opacity:.5;border-radius:3px}#sidebar{position:absolute;inset:0 auto 0 0;width:320px;max-width:90%;padding:28px 24px;background:#fff;z-index:6;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-101%);visibility:hidden;transition:transform .22s,visibility 0s .22s;border-right:1px solid var(--line)}#sidebar.open{transform:translateX(0);visibility:visible;transition:transform .22s;box-shadow:12px 0 35px #14374918}#close{float:right;padding:5px 8px;font-size:11px;border:0;background:#f4fafb}#sidebar>.eyebrow{margin-top:40px}#sidebar label{display:block;font-size:12px;margin:20px 0 8px}#sidebar select,#collection-search{width:100%;font-size:12px}#collection-search{background:#f7fbfc;padding:11px 12px}.library-filters{display:flex;gap:8px;margin:10px 0 20px}.library-filters select{min-width:0;flex:1;font-size:11px}.library-filters button{font-size:11px;white-space:nowrap;padding:6px 10px}.library-filters button[aria-pressed=true]{background:#e3f4f8;border-color:#83c5d5;color:#207e98}#sidebar #library-count{margin-top:0}.text-button{border:0;padding:0 0 16px;background:transparent;color:#207e98;font-size:11px}.collection-list{display:grid;gap:8px;margin-top:16px}.collection-card{display:flex;align-items:center;gap:12px;text-align:left;justify-content:flex-start;padding:10px 8px;width:100%;border:1px solid transparent;background:transparent;border-radius:8px}.collection-card img{width:54px;height:48px;object-fit:cover;border-radius:5px;flex-shrink:0;background:#edf8fb}.collection-card span{min-width:0}.collection-card strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.collection-card small{display:block;font-size:10px;color:#748d96;margin-top:5px;line-height:1.5}.collection-card.selected{border-color:#c4e4eb;background:#edf8fb}.sidebar-note{font-size:11px;line-height:1.9;color:var(--muted);margin-top:28px}
.library-backup,.audio-settings{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}summary{cursor:pointer;color:#365e6d}details p{line-height:1.7}.library-backup>div{display:flex;gap:8px}.library-backup button{font-size:11px;padding:7px 10px;background:#f4fafb}#backup-status:empty{display:none}.audio-settings input{width:100%;accent-color:var(--cyan)}#sidebar .audio-settings label{margin:14px 0 6px}
#details{position:absolute;right:3.5%;top:10%;z-index:7;width:340px;max-width:90%;max-height:78dvh;overflow-y:auto;padding:25px;background:#fff;box-shadow:0 8px 35px #14374925;font-size:13px;line-height:1.8;border:1px solid var(--line);border-radius:10px}#details h2{margin:6px 0 10px}#details dl{margin:20px 0;border-block:1px solid var(--line)}#details dl div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;font-size:12px}#details dt{color:var(--muted);flex-shrink:0}#details dd{margin:0;text-align:right}.details-source{font-size:12px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{padding:2px 8px;background:#edf7f9;color:#527582;border-radius:4px;font-size:10px}.status-area{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:8px;max-width:85%;font-size:11px}#status{margin:0;padding:5px 10px;background:#e7f2f5;border-radius:5px;line-height:1.5}#status:empty{display:none}#retry-work{white-space:nowrap;font-size:11px;padding:5px 9px}
#motion-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}#motion-player,#motion-player .spine-player{position:relative;width:100%;height:100%}#motion-player canvas{display:block;width:100%;height:100%}#motion-player .spine-player-controls,#motion-player .spine-player-overlay{display:none}#work-video{width:100%;height:100%;object-fit:contain;background:#e6f3f6}
@media(pointer:coarse){.nav-arrow{opacity:.8}.icon-button{width:44px;height:44px}}
@media(max-width:760px){#character{display:none}.brand{gap:8px}.brand small{font-size:8px}header{padding:0 5%}.artwork{inset:12% 5% 24%}footer{inset:auto 5% 4%;flex-direction:column;align-items:flex-start;gap:10px;width:90%}h1{font-size:17px}.controls{gap:3px;flex-wrap:wrap}.icon-button{width:36px;height:36px;padding:8px}.count{margin-right:5px}.control-divider{margin:0}.status-area{bottom:0}.nav-arrow{width:30px;height:40px}#details{right:5%;top:12%}}
@media(max-height:620px) and (min-width:761px){header{height:13%}.artwork{inset:13% 6% 20%}footer{bottom:3%}#sidebar{padding:20px}#sidebar>.eyebrow{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

#sidebar{display:flex;flex-direction:column}#sidebar>*{flex-shrink:0}#close{align-self:flex-end}#sidebar>.eyebrow{margin-top:22px}.music-player{margin-top:auto;padding-top:24px;border-top:1px solid var(--line)}.music-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.music-heading .icon-button{width:30px;height:30px;padding:6px}.music-now{display:flex;align-items:center;gap:12px}.music-now img{width:48px;height:48px;border-radius:10px;object-fit:cover;box-shadow:0 4px 12px #29475414}.music-now img.playing{box-shadow:0 0 0 3px #c4e4eb}.music-now>div{min-width:0}.music-now strong{font-size:12px;font-weight:600;display:block;line-height:1.5;overflow-wrap:anywhere}.music-now small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.music-player input{accent-color:#329fb5;cursor:pointer}#music-progress{width:100%;height:3px;display:block;margin:18px 0 9px}.music-time{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px;color:#7a929b;font-variant-numeric:tabular-nums}.music-transport{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}.music-transport .music-play{background:#dff1f5;color:#208daa;width:42px;height:42px}.music-transport #music-loop{width:30px;height:30px;padding:6px}.music-volume{display:flex;align-items:center;gap:14px;font-size:10px;color:var(--muted)}.music-volume input{width:100%;height:3px}#music-status{font-size:10px;line-height:1.6;color:#527582}#music-status:empty{display:none}#music-catalog{background:#f4fafb;padding:12px 10px;border-radius:10px;margin-bottom:16px;max-height:200px;overflow-y:auto}.music-caption{font-size:10px;color:#7a929b;margin:0 0 8px}.music-track{display:flex;gap:12px;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:9px 5px;border-radius:5px;font-size:11px}.music-track>span:first-child{font-size:9px;color:#8fa5ad}.music-track[aria-current=true]{background:#e0f0f4;color:#208daa}.music-track:hover{background:#e7f3f6}

#sidebar{overflow:hidden;padding:22px 20px 18px;gap:18px}.library-content{flex:1 1 auto!important;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 3px 4px;scrollbar-width:thin;scrollbar-color:#c9e1e7 transparent}.library-content>.eyebrow{margin-top:42px}.library-content #close{float:right}.music-player{flex-shrink:0;margin-top:0;padding-top:15px}.music-heading{margin-bottom:8px}.music-transport{margin:4px 0}.music-time{line-height:1.4}.library-content .sidebar-note{margin-bottom:8px}.header-actions .icon-button:focus-visible{outline-offset:0}#edge:focus-visible{outline-offset:-3px}

.music-volume>span{white-space:nowrap;flex-shrink:0}.music-player{position:relative}#music-catalog{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:3;box-shadow:0 8px 28px #29475420;border:1px solid var(--line);background:#f8fcfd;margin-bottom:0}.music-track[aria-current=true]::after{content:'♪';margin-left:auto}.music-now strong{letter-spacing:.15px}

/* Editorial collection — paper, ink and one clear blue. */
:root{--paper:#f6f8f7;--ink:#172f3d;--cyan:#167aab;--muted:#60727b;--line:#d5dfe2;color:var(--ink);background:var(--paper)}
header{padding-inline:5%;border-bottom:1px solid var(--line)}
.brand{color:#203e50;font-weight:650;letter-spacing:2.5px}.brand b{display:grid;place-items:center;background:#1484b0;color:white;width:32px;height:32px;font-size:28px;line-height:1;transform:rotate(-8deg);border-radius:2px}.brand small{font-size:8px;letter-spacing:1.6px;font-weight:400}
.main-nav{display:none;gap:34px;align-items:center}.is-overview .main-nav{display:flex}.main-nav button{background:none;border:0;border-radius:0;padding:24px 0;font-size:12px;color:#586e79}.main-nav span{margin-left:6px;font-size:10px;letter-spacing:.5px;color:#758690}.main-nav .nav-current{color:#17374b;border-bottom:2px solid #1588b9}.main-nav button[aria-pressed=true]{color:#117fae}.is-overview #character{display:none}
.is-overview header{height:76px;position:relative;z-index:1;background:var(--paper)}
#gallery.is-overview{background:var(--paper)}
#overview{position:absolute;inset:76px 0 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdd0d7 transparent}
.overview-inner{max-width:1600px;margin:auto;padding:48px 5% 24px}
.featured-work{display:grid;grid-template-columns: .85fr 1.6fr;gap:6%;align-items:center;margin-bottom:68px}
.feature-copy .eyebrow{font-size:10px;letter-spacing:1.8px;color:#426678;margin-bottom:25px}
.feature-copy h1{font-size:clamp(40px,4.3vw,68px);line-height:1.2;letter-spacing:-2px;font-weight:650;margin:0;color:#15394d}.title-period{color:#168aba}
.feature-description{font-size:13px;line-height:1.9;color:#63747e;margin:23px 0 30px;letter-spacing:.5px}
.feature-credit{display:flex;gap:12px;align-items:center;color:#697e88;font-size:10px;letter-spacing:1px}.feature-rule{width:27px;height:1px;background:#1888b8}.feature-credit strong{display:block;color:#244858;font-size:13px;letter-spacing:.4px;margin-top:8px;font-weight:500}.feature-credit small{font-size:10px;margin-left:8px;color:#617986}
.featured-open{display:block;width:100%;border:0;padding:0;border-radius:0;background:transparent;text-align:left}.featured-open>img{display:block;width:100%;height:auto;border-radius:2px;aspect-ratio:2254/1268}.featured-caption{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bbcdd5;padding:18px 0 16px}.featured-caption small{display:block;font-size:9px;letter-spacing:1.7px;color:#557483;margin-bottom:7px}.featured-caption strong{font-size:17px;letter-spacing:1px;font-weight:500}.feature-action{display:flex;align-items:center;gap:16px;font-size:12px;color:#28617c}.feature-action b{display:grid;place-items:center;width:36px;height:36px;border:1px solid #7eacbd;border-radius:50%;font-size:22px;font-weight:400;transition:background .2s,color .2s}.featured-open:hover .feature-action b{background:#167fab;color:white}
.collection-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #aabfc9;padding-top:23px;margin-bottom:24px}.collection-heading>div{display:flex;align-items:baseline;gap:16px}.section-index{font:12px Consolas,monospace;color:#177da7}.collection-heading h2{font-size:21px;font-weight:600;margin:0;letter-spacing:1px}.collection-en{font-size:9px;letter-spacing:1.5px;color:#647f8b}.collection-total{font-size:11px;color:#677e89}.collection-total b{font-weight:500;font-size:15px;color:#2b5266;margin-right:5px}
.overview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:13px;border-bottom:1px solid #d9e2e5;margin-bottom:15px}.gallery-tabs{display:flex;gap:25px}.gallery-tabs button{border:0;border-radius:0;background:transparent;padding:9px 0;font-size:12px;color:#6a7c85;white-space:nowrap}.gallery-tabs button[aria-pressed=true]{color:#087dae;box-shadow:0 2px #1684b4}.gallery-tabs button:hover{color:#087dae}.gallery-tabs button span{display:none}
.overview-tools{display:flex;align-items:center;gap:20px}.overview-search{display:flex;align-items:center;gap:6px;color:#4f7385}.overview-search svg{width:16px;height:16px;flex-shrink:0}.overview-search input[type=search]{width:160px;min-width:0;border:0;border-radius:0;padding:8px 0;background:transparent;font-size:11px}.overview-search input::placeholder{color:#778891}.overview-tools select{border:0;border-left:1px solid #cddbe1;border-radius:0;background:transparent;padding:8px 10px;font-size:11px;max-width:145px}.overview-tools .icon-button{width:30px;height:30px;padding:7px}.gallery-caption{display:flex;align-items:center;gap:12px;font-size:10px;color:#667f8b;margin-bottom:20px;letter-spacing:.5px}.gallery-caption p{margin:0}.gallery-caption>span{margin-left:auto}.gallery-caption .text-button{padding:0;font-size:10px}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px;align-items:start}
.gallery-tile{min-width:0}.tile-shell{position:relative}.tile-open{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;text-align:left;box-shadow:none}.tile-open:hover{transform:none;box-shadow:none}.tile-image{display:block;position:relative;background:#e7eff2;overflow:hidden;border-radius:2px}.tile-image img{display:block;width:100%;height:auto;object-fit:contain;transition:filter .2s}.tile-open:hover img{filter:brightness(1.05)}
.tile-badge{position:absolute;top:10px;left:10px;padding:3px 5px;background:#f6f8f7e0;color:#234c61;font:10px Consolas,monospace;letter-spacing:1px}.tile-reveal{position:absolute;right:12px;bottom:12px;padding:8px 12px;background:#f6f8f7f0;font-size:11px;opacity:0;transition:opacity .15s}.tile-open:hover .tile-reveal,.tile-open:focus-visible .tile-reveal{opacity:1}
.tile-caption{display:block;padding:13px 38px 17px 0;border-bottom:1px solid #d4dfe4}.tile-caption strong{display:block;font-size:16px;font-weight:500;letter-spacing:.5px;color:#213f51;line-height:1.6}.tile-caption small{display:block;margin-top:4px;font-size:11px;color:#677d89;line-height:1.6}.tile-favorite{position:absolute;bottom:21px;right:0;width:30px;height:30px;padding:7px;color:#527585}.tile-favorite[aria-pressed=true] svg,.overview-tools .icon-button[aria-pressed=true] svg{fill:#c7e7f3;stroke:#1688b4}
.tile-image.thumbnail-missing{aspect-ratio:16/9;display:grid;place-items:center}.thumbnail-missing::after{content:'预览暂不可用 · 点击查看作品';color:#597384;font-size:12px}
.overview-empty{text-align:center;padding:65px 15px;color:#5c7b8c}.overview-empty>span{font-size:32px}.overview-empty h2{font-size:19px}.overview-empty p{font-size:13px;margin-bottom:25px}.overview-empty button{background:#eaf3f6;border-radius:3px;font-size:12px}
.gallery-end{display:flex;justify-content:space-between;border-top:1px solid #bacdd6;margin-top:55px;padding-top:20px;color:#6d8590;font-size:10px;letter-spacing:1px}
.back-to-gallery{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;font-size:12px}.back-to-gallery svg{width:18px;height:18px}
.voice-caption{margin:16px 0 0;padding:10px 12px;border-left:2px solid #8bc9dc;background:#f1f9fb;color:#527582;font-size:12px;line-height:1.8}
@media(min-width:1700px){.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.main-nav{gap:22px}.main-nav span{display:none}.featured-work{gap:5%;grid-template-columns:.85fr 1.2fr}.feature-copy h1{font-size:42px}.feature-description{font-size:12px}.overview-toolbar{flex-wrap:wrap}.overview-tools{margin-left:auto}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.is-overview header{height:64px}#overview{top:64px}.main-nav{gap:16px}.main-nav button{font-size:11px;padding:22px 0}.brand{gap:8px}.brand b{width:24px;height:26px;font-size:23px}.brand span{font-size:11px}.brand small{font-size:6px;letter-spacing:1px}.overview-inner{padding:28px 6% 20px}.featured-work{display:flex;flex-direction:column;gap:24px;align-items:stretch;margin-bottom:38px}.feature-copy h1{font-size:40px;letter-spacing:0}.feature-copy h1 br{display:none}.feature-copy .eyebrow{font-size:8px;margin-bottom:14px}.feature-description{margin:15px 0 0;font-size:12px}.feature-description br{display:none}.feature-credit{display:none}.featured-caption{padding:12px 0}.featured-caption strong{font-size:16px}.featured-caption small{font-size:8px}.feature-action{font-size:11px;gap:9px}.collection-heading{padding-top:18px;margin-bottom:18px}.collection-heading h2{font-size:19px}.collection-en{display:none}.collection-heading>div{gap:10px}.overview-toolbar{gap:16px}.gallery-tabs{gap:24px}.gallery-tabs button{font-size:12px}.overview-tools{width:100%;gap:12px}.overview-search{flex:1;min-width:0}.overview-search input[type=search]{width:100%}.overview-tools select{max-width:112px;padding-inline:6px}.overview-grid{grid-template-columns:1fr;gap:26px}.gallery-caption{font-size:10px}.tile-caption strong{font-size:16px}.gallery-end{font-size:8px;letter-spacing:0;gap:10px}.back-to-gallery{font-size:10px}}
.featured-work{grid-template-columns:.72fr 1.48fr;gap:6%;align-items:start;margin-bottom:32px}
.feature-copy h1{font-family:'Yu Mincho','MS Mincho','Noto Serif CJK SC','SimSun',serif;font-size:clamp(42px,4.5vw,70px);font-weight:500;line-height:1.35;letter-spacing:-1px}
.feature-copy{padding-top:64px}.feature-copy .eyebrow{font-size:12px;letter-spacing:.6px;margin-bottom:18px;color:#335c73}
.feature-description{font-size:14px;line-height:1.9;color:#4f6b79;margin:18px 0 24px}
.feature-credit{font-size:11px;letter-spacing:0;border-top:1px solid #cad8df;padding-top:18px;max-width:250px}.feature-credit strong{font-size:14px;margin-top:7px}.feature-credit small{font-size:11px}
.featured-open>img{aspect-ratio:1600/1124}.featured-caption{padding:15px 0 0;border:0}.featured-caption strong{font-size:19px}.featured-caption small{font-size:12px;margin:8px 0 0;letter-spacing:0;color:#526f7f}.feature-action{font-size:13px}.feature-action b{font-size:20px}
.collection-heading{padding-top:18px;margin-bottom:14px}.collection-heading h2{font-size:23px}.collection-total{font-size:12px}.overview-toolbar{padding-bottom:12px;margin-bottom:18px}.gallery-tabs button{font-size:13px}.overview-search input[type=search]{font-size:12px}.overview-tools select{font-size:12px}.main-nav button{font-size:13px}
.tile-caption{position:relative;padding:15px 32px 17px 30px}.tile-badge{position:absolute;left:0;top:20px;background:none;padding:0;font-size:11px;color:#56798a}.tile-caption strong{font-size:17px}.tile-caption small{font-size:12px;color:#526b78}
.curated-grid .gallery-tile:first-child{grid-column:span 2}.curated-grid .gallery-tile:first-child .tile-caption strong{font-size:23px}.curated-grid .gallery-tile:first-child .tile-caption{padding-top:19px;padding-bottom:22px}.curated-grid .gallery-tile:first-child .tile-badge{top:27px}
@media(min-width:1001px){.curated-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:25px}.curated-grid .gallery-tile:nth-child(2),.curated-grid .gallery-tile:nth-child(3){grid-column:3}}
@media(max-width:1000px){.featured-work{grid-template-columns:.8fr 1.1fr}.feature-copy h1{font-size:42px}.feature-description{font-size:12px}.curated-grid .gallery-tile:first-child{grid-row:auto;grid-column:span 2}}
@media(max-width:640px){.featured-work{display:flex;margin-bottom:30px}.feature-copy h1{font-size:35px;letter-spacing:-1px}.feature-description{font-size:13px;margin:14px 0 0}.featured-caption strong{font-size:17px}.featured-caption small{font-size:11px}.feature-action{font-size:11px}.feature-action b{width:30px;height:30px}.curated-grid .gallery-tile:first-child{grid-column:auto;grid-row:auto}.curated-grid .gallery-tile:first-child .tile-caption strong{font-size:17px}.tile-caption small{font-size:12px}.main-nav{gap:14px}.main-nav button{font-size:11px}.featured-open>img{aspect-ratio:1600/1124}.collection-heading h2{font-size:20px}}
.is-overview #edge span{opacity:0}
.featured-work{grid-template-columns:minmax(280px,.72fr) minmax(0,820px);gap:6%;align-items:start;justify-content:space-between;margin-bottom:26px}
.feature-copy{padding-top:20px}
.featured-open{max-width:820px;justify-self:end}
.featured-caption{padding:13px 0 12px}
.featured-caption small{font-size:11px;letter-spacing:0;margin:7px 0 0}
.curated-grid .gallery-tile:first-child .tile-caption strong{font-size:21px}
.is-overview #edge span{opacity:0}
.brand b{font-size:18px;font-family:Georgia,serif}
.featured-work{position:relative;display:block;margin-bottom:42px}
.feature-copy{position:absolute;z-index:2;left:6%;top:50%;transform:translateY(-50%);padding:0;color:#fff;max-width:380px}.feature-copy .eyebrow{font-size:12px;letter-spacing:.6px;margin-bottom:12px;color:#fff}.feature-index{font:10px Consolas,monospace;letter-spacing:1px;color:#d8f2fa;margin:0 0 25px}.feature-copy h1{font-family:'Yu Mincho','MS Mincho','Noto Serif CJK SC','SimSun',serif;font-size:clamp(43px,5vw,76px);font-weight:500;line-height:1.22;letter-spacing:-1px;color:#fff;text-shadow:0 2px 18px #06283a66}.feature-description{font-size:14px;line-height:1.9;color:#e6f5f8;margin:21px 0 24px;text-shadow:0 1px 10px #06283a99}.feature-credit{font-size:11px;letter-spacing:0;border-top:1px solid #c5e7ee99;padding-top:15px;max-width:250px;color:#e1f5f8}.feature-credit strong{font-size:14px;margin-top:7px;color:#fff}.feature-credit small{font-size:11px;color:#d6edf2}
.featured-open{position:relative;display:block;width:100%;max-width:none;justify-self:auto;border:0;padding:0;border-radius:0;background:#0d4158;text-align:left;overflow:hidden}.featured-open::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#042d40e8 0%,#0a3c4b99 32%,transparent 65%),linear-gradient(0deg,#04283777,transparent 35%);pointer-events:none}.featured-open>img{display:block;width:100%;height:clamp(430px,47vw,580px);object-fit:cover;object-position:center 50%;border-radius:0;filter:saturate(.92) contrast(1.03)}.featured-caption{position:absolute;z-index:2;left:auto;right:5%;bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0;border:0;color:#fff}.featured-caption small{display:block;font-size:11px;letter-spacing:0;color:#d4edf3;margin:7px 0 0}.featured-caption strong{font-size:19px;letter-spacing:1px;font-weight:500}.feature-action{display:flex;align-items:center;gap:16px;font-size:12px;color:#fff}.feature-action b{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e2f8fcaa;border-radius:50%;font-size:22px;font-weight:400}.featured-open:hover .feature-action b{background:#fff;color:#167fab}
.is-overview #edge span{opacity:0}
@media(max-width:1000px){.feature-copy h1{font-size:42px}.feature-description{font-size:12px}}
@media(max-width:640px){.featured-open>img{height:440px}.feature-copy{left:7%;right:7%;top:44%;max-width:none}.feature-copy h1{font-size:35px;letter-spacing:-1px}.feature-description{font-size:13px;margin:14px 0 0}.feature-index{font-size:9px;margin-bottom:15px}.featured-caption{left:7%;right:7%;bottom:20px}.featured-caption strong{font-size:17px}.featured-caption small{font-size:11px}.feature-action{font-size:11px}.feature-action b{width:30px;height:30px}}
.overview-inner{padding-top:30px}
.featured-work{margin-bottom:30px}.featured-open>img{height:430px;object-position:center 43%;filter:none}.featured-open::after{background:linear-gradient(90deg,#083f56dd 0%,#0c435d70 30%,transparent 56%)}.feature-copy{top:48%;max-width:350px;pointer-events:none}.feature-copy h1{font-size:56px;line-height:1.3}.feature-copy .eyebrow{margin-bottom:20px;font-size:13px}.feature-description{font-size:14px;margin-top:21px}.featured-caption{right:25px;bottom:22px;background:#073950e8;padding:13px 18px;gap:24px;border-left:2px solid #77d9f6}.featured-caption strong{font-size:17px}.featured-caption small{font-size:12px}.feature-action b{border:0;font-size:25px}
.collection-heading h2{font-family:'SimSun',serif;font-weight:400;font-size:26px;letter-spacing:1px}.overview-search{background:#e9f0f2;padding:2px 12px;border-radius:2px}.overview-search input[type=search]{font-size:13px;width:165px}.overview-tools select{font-size:13px}.gallery-tabs button{font-size:14px}.collection-total{font-size:13px}
.curated-grid .gallery-tile:first-child{grid-row:span 2}.overview-grid{gap:24px}.curated-grid .gallery-tile:nth-child(2),.curated-grid .gallery-tile:nth-child(3){grid-column:3}
@media(max-width:1000px){.curated-grid .gallery-tile:first-child{grid-row:auto}.curated-grid .gallery-tile:nth-child(2),.curated-grid .gallery-tile:nth-child(3){grid-column:auto}}
@media(max-width:640px){.featured-open>img{height:420px;object-position:65% center}.feature-copy{top:37%;left:7%;right:7%}.feature-copy h1{font-size:32px;line-height:1.3}.feature-copy .eyebrow{font-size:11px}.feature-description{font-size:12px;max-width:230px}.featured-caption{left:0;right:0;bottom:0;padding:14px;background:#083f56e8;border:0;gap:10px}.featured-caption strong{font-size:15px}.featured-caption small{font-size:10px}.feature-action{font-size:11px;gap:4px}.overview-tools{gap:8px}.overview-search{padding-inline:7px}.overview-search input[type=search]{width:100%;font-size:12px}.overview-tools select{font-size:12px;max-width:108px}.curated-grid .gallery-tile:first-child{grid-column:auto;grid-row:auto}.main-nav{gap:10px}.collection-heading h2{font-size:22px}}
.brand b{background:none;color:#117ba5;transform:none;width:36px;height:38px}.brand-mark svg{width:36px;height:38px}.brand span{font-size:15px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:1.4px}
.featured-caption{background:none;border:0;left:6%;right:5%;bottom:25px;padding:0;justify-content:space-between}.featured-caption>span:first-child{display:flex;gap:16px;align-items:baseline}.featured-caption small{margin:0;font-size:12px;color:#d6f4fa}.featured-caption strong{font-size:16px}.feature-action{background:#effbff;color:#075379;padding:10px 17px;font-size:13px;gap:10px}.feature-action b{width:22px;height:22px;font-size:23px}.featured-open:hover .feature-action{background:#bce9f5}.featured-open:hover .feature-action b{background:none;color:inherit}
.overview-grid,.curated-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.curated-grid .gallery-tile:first-child,.curated-grid .gallery-tile:nth-child(2),.curated-grid .gallery-tile:nth-child(3){grid-column:auto;grid-row:auto}.tile-caption,.curated-grid .gallery-tile:first-child .tile-caption{padding:15px 38px 18px 0}.curated-grid .gallery-tile:first-child .tile-caption strong,.tile-caption strong{font-size:18px}.tile-caption small{font-size:13px;line-height:1.6;color:#436477}.tile-badge{display:none}
.collection-heading{border-top:0;padding-top:5px;margin-bottom:21px}.collection-heading h2{font-size:29px}.overview-toolbar{border-block:1px solid #bdced5;padding:12px 0;margin-bottom:25px}.gallery-tabs button{font-size:14px;padding:8px 14px;color:#335668}.gallery-tabs{gap:7px}.gallery-tabs button[aria-pressed=true]{background:#dbeef4;box-shadow:none;font-weight:600;color:#086185}.overview-search{background:#e4edf1}.overview-tools select{color:#254d63}#overview-favorites{display:none}
@media(max-width:1000px){.overview-grid,.curated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.brand span{font-size:11px;letter-spacing:2px}.brand small{font-size:6px}.brand-mark svg{width:28px;height:30px}.brand b{width:28px}.overview-grid,.curated-grid{grid-template-columns:minmax(0,1fr)}.featured-caption{bottom:0;left:0;right:0;padding:15px;background:#083f56}.featured-caption>span:first-child{display:block}.featured-caption strong{font-size:15px}.featured-caption small{display:block;margin-top:5px;font-size:11px}.feature-action{font-size:0;padding:10px}.feature-action b{font-size:25px}.featured-open::after{background:linear-gradient(90deg,#073b50e8,transparent 95%)}.feature-copy{top:38%}.feature-copy h1 br{display:block}.feature-copy h1{font-size:34px}.feature-description{max-width:185px}.overview-toolbar{padding-block:10px;gap:14px}.gallery-tabs button{padding-inline:10px;font-size:12px}.gallery-tabs{gap:2px}.overview-tools{margin:0}.overview-search{flex:1}.overview-tools select{border:0}.collection-heading h2{font-size:24px}#overview{overflow-x:hidden}}
/* Collection composition */
.featured-open>img{height:400px;object-position:center 43%}.feature-copy{top:43%;max-width:460px}.feature-copy h1{font-size:53px;letter-spacing:1px;line-height:1.3}.feature-copy .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:17px}.feature-copy .eyebrow span{margin:0 10px;color:#9fcad9}.feature-description{margin:18px 0 0;font-size:13px}.featured-caption{left:6%;bottom:35px;right:auto}.feature-action{background:none;color:#fff;padding:0 0 10px;border-bottom:1px solid #a9d3df;font-size:13px;gap:12px;min-width:175px}.feature-action svg{width:19px;height:19px}.feature-action>span{margin-left:auto;font-size:18px}.featured-open:hover .feature-action{background:none;color:#bceaff}
.tile-image{aspect-ratio:1.5;border-radius:0}.tile-image img{height:100%;width:100%;object-fit:cover;object-position:center}.tile-caption,.curated-grid .gallery-tile:first-child .tile-caption{padding:14px 38px 17px 0}.tile-caption strong,.curated-grid .gallery-tile:first-child .tile-caption strong{font-size:17px;font-weight:600;letter-spacing:0}.tile-caption small{font-size:12px;margin-top:5px;color:#536b79}.tile-favorite{bottom:20px}.overview-grid{row-gap:30px}
.collection-heading{margin-bottom:18px;padding-top:4px}.collection-heading h2{font-size:28px}.overview-toolbar{border-top:0;padding-top:0;padding-bottom:12px;margin-bottom:24px}.gallery-tabs{gap:27px}.gallery-tabs button{padding:8px 0;font-size:13px}.gallery-tabs button[aria-pressed=true]{background:none;box-shadow:0 2px #1488aa;color:#12516a}.overview-search{padding:0;background:none}.overview-search input[type=search]{font-size:13px;width:160px}.overview-tools{gap:25px}.overview-tools select{border:0;font-size:13px}.main-nav button{font-size:14px}.brand span{font-size:16px;letter-spacing:3.5px}.brand small{font-size:8px;letter-spacing:1.2px}
@media(max-width:640px){.feature-copy{top:38%;left:7%;max-width:none}.feature-copy h1{font-size:34px}.feature-copy .eyebrow{font-size:10px;letter-spacing:0}.feature-copy .eyebrow span{margin:0 4px}.featured-open>img{height:400px}.feature-description{max-width:190px;font-size:12px;line-height:1.8}.featured-caption{left:7%;right:auto;bottom:30px;background:none;padding:0}.feature-action{font-size:12px;min-width:165px}.feature-action>span{font-size:16px}.brand span{font-size:11px;letter-spacing:2px}.brand small{font-size:6px}.main-nav button{font-size:11px}.gallery-tabs{gap:23px}.gallery-tabs button{font-size:12px}.overview-tools{gap:10px}.overview-search input[type=search]{width:100%}.tile-caption strong{font-size:17px}}
/* Art-book cover: full original composition, anchored title column. */
.featured-work{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(270px,1fr);gap:0;background:#086387;margin-bottom:42px;align-items:stretch}
.featured-open{grid-column:1;grid-row:1;overflow:visible;background:none;display:block}.featured-open>img{width:100%;height:100%;aspect-ratio:2254/1268;object-fit:cover;object-position:center}.featured-open::after{display:none}.feature-copy{position:relative;grid-column:2;grid-row:1;left:auto;right:auto;top:auto;transform:none;padding:38px 28px 85px;max-width:none;display:flex;flex-direction:column;justify-content:center}.feature-copy .eyebrow{font-size:11px;letter-spacing:.5px;line-height:1.9;margin:0 0 28px;color:#bce4ef}.feature-copy .eyebrow span{display:none}.feature-copy h1{font-size:clamp(31px,3.2vw,47px);line-height:1.55;letter-spacing:1px;text-shadow:none}.feature-description{margin-top:20px;font-size:12px;color:#c6e8ef;text-shadow:none;max-width:190px}.featured-caption{left:calc(100% + 28px);right:auto;bottom:26px;white-space:nowrap}.feature-action{color:#fff;font-size:12px;min-width:185px;border-color:#7ebace}.feature-action svg{width:18px}.featured-open:hover .feature-action{color:#bceaff}
.tile-caption,.curated-grid .gallery-tile:first-child .tile-caption{border:0;padding:13px 38px 5px 0}.tile-caption strong,.curated-grid .gallery-tile:first-child .tile-caption strong{font-family:'SimSun',serif;font-size:21px;font-weight:400;letter-spacing:.5px}.tile-caption small{font-size:12px;color:#466274;margin-top:7px}.tile-favorite{bottom:12px}.overview-grid{gap:34px 26px}.tile-image{aspect-ratio:1.5}
.overview-toolbar{padding-bottom:15px;margin-bottom:26px;align-items:center}.gallery-tabs button{font-size:14px}.overview-search{border-bottom:1px solid #a5bcc7;padding:0 0 3px;min-width:190px}.overview-tools select{font-size:14px}.collection-heading h2{font-size:28px}.collection-heading{margin-bottom:20px}
@media(min-width:1500px){.feature-copy{padding:45px 38px 95px}.featured-caption{left:calc(100% + 38px);bottom:36px}.feature-copy h1{font-size:48px}}
@media(max-width:1000px){.featured-work{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr)}.feature-copy{padding:25px 24px 70px}.feature-copy h1{font-size:31px}.featured-caption{left:calc(100% + 24px);bottom:22px}.feature-copy .eyebrow{margin-bottom:16px}.feature-description{margin-top:12px}.overview-toolbar{gap:18px}}
@media(max-width:640px){.featured-work{display:flex;flex-direction:column;gap:0}.featured-open{order:0;position:static}.featured-work{position:relative}.featured-open>img{height:auto;aspect-ratio:2254/1268;object-fit:contain}.feature-copy{order:1;padding:25px 25px 78px;display:block}.feature-copy h1{font-size:32px;line-height:1.4}.feature-copy h1 br{display:none}.feature-copy .eyebrow{font-size:10px;margin-bottom:13px}.feature-description{max-width:none;font-size:12px}.featured-caption{left:25px;bottom:25px}.feature-action{font-size:12px;min-width:185px}.overview-search{min-width:0}.gallery-tabs button{font-size:12px}.overview-tools select{font-size:12px}.tile-caption strong{font-size:21px}}
.featured-work{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);background:transparent;gap:0;margin-bottom:50px}.featured-open>img{height:auto;aspect-ratio:1600/1124;object-fit:contain}.feature-copy{padding:32px 0 82px 12%;justify-content:flex-start;border-bottom:1px solid #abbfc9}.feature-copy .eyebrow{color:#14728f;margin:0 0 34px;letter-spacing:3px;font-size:12px}.feature-copy h1{color:#164b62;font-size:clamp(39px,4.5vw,62px);line-height:1.45;letter-spacing:1px}.feature-description{color:#4e6d7c;margin-top:23px;max-width:none;font-size:13px}.feature-person{font-size:14px;color:#244c60;margin:27px 0 0}.feature-person span{display:block;margin-top:9px;font-size:11px;letter-spacing:1px;color:#668592}.featured-caption{left:calc(100% + 8%);bottom:23px}.feature-action{color:#086485;border:0;min-width:215px;font-size:13px;padding:0}.featured-open:hover .feature-action{color:#0e91b8}.feature-action>span{font-size:23px}.collection-heading h2{font:500 22px 'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:1px}.tile-caption strong,.curated-grid .gallery-tile:first-child .tile-caption strong{font:500 17px 'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:.3px}.tile-favorite{bottom:auto;top:calc(100% - 61px);width:32px;height:32px}.overview-toolbar{border-bottom:1px solid #bdced5}.overview-search{border:0}.overview-tools{gap:30px}.overview-search input[type=search]{font-size:14px}.tile-caption small{font-size:12px}.collection-heading{margin-bottom:16px}
@media(min-width:1500px){.feature-copy{padding:38px 0 85px 12%}.featured-caption{left:calc(100% + 8%);bottom:30px}.feature-copy h1{font-size:62px}}
@media(max-width:1000px){.feature-copy{padding:22px 0 65px 9%}.feature-copy .eyebrow{margin-bottom:21px;font-size:10px}.feature-copy h1{font-size:36px}.feature-person{margin-top:18px}.feature-description{font-size:11px;margin-top:16px}.featured-caption{left:calc(100% + 6%);bottom:18px}.feature-action{min-width:190px}}
@media(max-width:640px){.featured-work{display:flex;margin-bottom:35px}.feature-copy{padding:26px 0 75px}.feature-copy h1{font-size:37px;line-height:1.4}.feature-copy h1 br{display:none}.feature-copy .eyebrow{margin-bottom:14px}.feature-description{font-size:12px;margin-top:16px}.feature-person{margin-top:18px;font-size:12px}.feature-person span{display:inline;margin-left:12px;font-size:10px}.featured-caption{left:0;bottom:25px}.feature-action{min-width:205px}.featured-open>img{aspect-ratio:1600/1124}.overview-tools{gap:10px}.overview-search input[type=search]{font-size:12px}}

/* One navigation bar across the gallery, artwork viewer and screening room. */
#gallery>header{height:76px;gap:20px}
#gallery>header .main-nav{display:flex;flex-shrink:0;align-items:center;gap:24px}
#gallery>header .main-nav button{display:block;white-space:nowrap}
#gallery>header #character{display:none}
#gallery .artwork{top:76px}
@media(max-width:900px){
 #gallery>header{gap:10px;padding-inline:3%}
 #gallery>header .main-nav{gap:14px}
 #gallery>header .main-nav button{font-size:12px}
 #gallery>header #overview-toggle span{display:none}
}
@media(max-width:640px){
 #gallery>header{height:104px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:52px 52px;gap:0;padding-inline:6%}
 #gallery>header .brand{grid-column:1;grid-row:1}
 #gallery>header .header-actions{grid-column:2;grid-row:1;align-items:center}
 #gallery>header .main-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:8px;width:100%}
 #gallery>header .main-nav button{font-size:12px;padding:16px 0}
 #gallery>header #overview-toggle{width:30px;padding:6px;gap:0}
 #gallery #overview,#gallery #pv-room,#gallery .artwork{top:104px}
}