/* Website appearance changes never dim artwork or alter the preview's day/night setting. */
.site-header{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;height:112px;gap:28px;align-items:center}
.brand-name{display:block}.brand-english{display:block;font-size:10px;font-weight:450;letter-spacing:.02em;margin-top:3px}.brand-product{font-size:10px;margin-top:3px}
.site-preferences{display:flex;gap:8px;align-items:center;min-width:0;direction:ltr}
.preference{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:20px;padding-inline:10px;min-height:40px;background:transparent;max-width:170px}
.preference>span[aria-hidden]{font-size:16px;flex-shrink:0}
.preference select{font:inherit;font-size:11px;color:inherit;background:transparent;border:0;min-height:38px;max-width:135px;min-width:0;cursor:pointer;padding-inline:2px}
.preference select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.preference select option{color:var(--ink);background:var(--paper)}
html[data-theme="dark"]{color-scheme:dark;--paper:#17191c;--ink:#f1f1ed;--muted:#a9abae;--line:#414347}
html[data-theme="dark"] .exhibition-site{--paper:#17191c;--ink:#f1f1ed;--muted:#a9abae;--line:#414347;--blue:#a1caff;--rule:#414347;background:var(--paper);color:var(--ink)}
html[data-theme="dark"] :is(.hero,.site-header){--paper:#17191c;--ink:#f1f1ed;--blue:#91adff;--line:#414347;color:var(--ink)}
html[data-theme="dark"] .hero-words{color:#e1e2e4}
html[data-theme="dark"] :is(#introduction,#collection,#editions,#details,#questions,#release){--paper:#17191c;--ink:#f1f1ed;--blue:#a1caff;--muted:#a9abae;--rule:#414347;background:#17191c;color:var(--ink)}
html[data-theme="dark"] :is(#editions,#details,#release){background:#202226}
html[data-theme="dark"] :is(#introduction .intro-works figure,#collection .exhibit-stage,#collection .catalogue-disclosure,#details .studio-console,#details .museum-services a,#release .museum-status){background:#292b2f}
html[data-theme="dark"] :is(#collection .museum-segment,#collection .exhibit-nav .round-button,#details .studio-disclosure-action,#details .studio-tabs,#details [id="study-line-input"],#questions .faq-sign){background:#36383d;color:var(--ink)}
html[data-theme="dark"] :is(#collection .museum-segment button[aria-pressed="true"],#details .studio-tabs button[aria-selected="true"]){background:#55585f;color:#fff}
html[data-theme="dark"] #details .studio-console :is(.layout-options,.font-options,.study-light-options,.screen-options,.text-options) button,
html[data-theme="dark"] #details .studio-console .studio-catalogue .catalogue-item{background:#292b2f;border-color:var(--rule);color:var(--ink)}
html[data-theme="dark"] :is(#details .studio-console :is(.layout-options,.font-options,.study-light-options,.screen-options,.text-options) button[aria-pressed="true"],#details .studio-console .studio-catalogue .catalogue-item[aria-pressed="true"],#collection .catalogue-item[aria-pressed="true"]){background:#193b57;border-color:#a1caff;box-shadow:inset 0 0 0 1px #a1caff;color:#f1f1ed}
html[data-theme="dark"] .exhibition-site dialog{background:#24262a;color:#f1f1ed;border-color:#414347}
html[data-theme="dark"] .exhibition-site .dialog-editions button[aria-pressed="true"]{background:#193b57;border-color:#a1caff}
html[data-theme="dark"] .exhibition-site #dialog-status{color:#b7bac2}
html[data-theme="dark"] .dark-button{background:#e8e9ed;color:#17191c}
html[data-theme="dark"] .compare-line>span{color:#18191c}
html[data-theme="dark"] #details #study-line-input[aria-invalid="true"]{border-color:#ff928c}
html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .hero-bottom h1{white-space:normal;max-width:24ch;line-height:1.15}
html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .hero-description{max-width:34ch}
html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .preview-toolbar{max-width:calc(100% - 24px);gap:12px}
html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .segmented button{min-width:0;padding-inline:12px}
.studio-console button{overflow-wrap:anywhere}.studio-panel-heading h3{overflow-wrap:anywhere}
html[dir="rtl"] .hero-scene,html[dir="rtl"] .preview-count,html[dir="rtl"] .exhibit-nav,html[dir="rtl"] .dialog-navigation,html[dir="rtl"] .edition-compare,html[dir="rtl"] .clock-study{direction:ltr}
html[dir="rtl"] .studio-panel,html[dir="rtl"] .faq-list{text-align:right}
html[dir="rtl"] .hero-words{direction:ltr}
@media(max-width:1050px){.site-header{gap:16px}.site-header nav{gap:18px}.preference{padding-inline:7px}.preference select{max-width:115px}}
@media(max-width:760px){.site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;height:auto;padding-top:16px;gap:10px 12px}.site-header nav{gap:14px;font-size:10px}.brand{font-size:11px;gap:8px;letter-spacing:0}.brand img{width:30px;height:30px}.brand-english,.brand-product{font-size:9px}.site-preferences{grid-column:1/-1;justify-content:flex-end}.preference{min-height:34px}.preference select{min-height:34px;max-width:130px;font-size:10px}.hero-kicker{top:19%;font-size:7px}.hero-bottom h1{white-space:normal}.hero-description{max-width:none!important}.hero-description .text-link{margin-inline:8px 42px;max-width:140px;gap:8px}.hero-description>p{max-width:52%}.preview-toolbar{gap:7px!important}.segmented button{font-size:10px;padding-inline:9px!important}.clock-toggle{padding-inline:8px}.studio-disclosure-label{gap:12px;flex-wrap:wrap}.studio-disclosure-label>strong{white-space:normal}.layout-options{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-tabs button{font-size:10px}html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .hero-bottom h1{font-size:24px;max-width:26ch}.hero-kicker{max-width:calc(100% - 40px)}.site-header nav a{white-space:nowrap}}
@media(max-width:360px){.site-header nav{gap:9px;font-size:9px}.site-preferences{justify-content:space-between}.preference{max-width:48%}.preference select{max-width:110px}.brand-english{font-size:8px}.hero-bottom h1{font-size:22px!important}.hero-description{font-size:9px}.segmented button{font-size:9px}.clock-toggle{font-size:9px}.preview-toolbar{padding-inline:9px;max-width:calc(100% - 16px)}}

html:not(:lang(zh)) .brand-english{display:none}
html[dir="rtl"] .scroll-cue{right:auto;left:0}
html[dir="rtl"] .hero-description .text-link{margin-inline-end:42px}

/* Keep localized controls readable at phone widths without splitting words. */
#details .studio-tabs {overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; max-width:100%;}
#details .studio-tabs button {flex:0 0 auto; min-width:68px; padding-inline:12px; overflow-wrap:normal; word-break:normal;}
#details .studio-tabs button span {white-space:nowrap;}
#details .studio-console button {overflow-wrap:normal; word-break:normal; hyphens:auto;}
@media(max-width:600px){
 .site-preferences select {min-height:44px;font-size:12px;}
 #details .studio-tabs {display:flex;}
 html:not([lang^="zh"]):not([lang="ja"]):not([lang="ko"]) #details .layout-options {grid-template-columns:repeat(2,minmax(0,1fr));}
}

html[data-theme="light"] #details .studio-tabs button:not([aria-selected="true"]) {color:#65656b;}

@media(max-width:600px){
 html:is(:lang(zh),:lang(ja),:lang(ko)) #details .studio-tabs {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:visible;}
 html:is(:lang(zh),:lang(ja),:lang(ko)) #details .studio-tabs button {min-width:0;padding-inline:3px;}
}


/* D013: one continuous route from browsing to adjusting the live preview. */
#collection .catalogue {height:auto;max-height:none;overflow:visible;align-items:start;}
#collection .catalogue-caption {align-items:flex-start;}
#collection .catalogue-caption>span:last-child {overflow-wrap:break-word;}
#details .studio-disclosure-label {display:block;}
#details .studio-disclosure {border-bottom:0;}
#details .studio-tabs {margin-top:16px;}
#details .font-disclosure summary {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;list-style:none;}
#details .font-disclosure summary::-webkit-details-marker {display:none;}
#details .font-disclosure summary>span {font-size:18px;transition:rotate .2s;}
#details .font-disclosure[open] summary>span {rotate:45deg;}
#details .studio-console .font-options {gap:8px;}
#details .studio-console .font-options button {min-width:0;}
#details .studio-layout {isolation:isolate;}
@media(max-width:900px){
 #details .studio-layout {gap:16px;--preview-height:clamp(130px,43vw,220px);}
 #details .studio-layout:has(.clock-study[data-orientation="portrait"]) {--preview-height:clamp(180px,32svh,270px);}
 #details .studio-preview {position:sticky;top:0;z-index:3;padding-block:8px 12px;background:var(--paper);border-bottom:1px solid var(--rule);}
 #details .studio-screen-stage,#details .studio-screen-stage:has([data-orientation="portrait"]) {height:var(--preview-height);aspect-ratio:auto;}
 #details .studio-preview .clock-study {width:auto;height:100%;aspect-ratio:1672/940;max-width:100%;}
 #details .studio-preview .clock-study[data-orientation="portrait"] {width:auto;height:100%;aspect-ratio:9/16;}
 #details .studio-art-label {margin-top:8px;gap:2px 10px;font-size:11px;line-height:1.5;}
 #details .studio-art-label #studio-selection-summary {font-size:10px;}
 #details .studio-console :is(button,input,summary) {scroll-margin-top:calc(var(--preview-height) + 90px);scroll-margin-bottom:24px;}
 #details .studio-console {position:relative;z-index:1;}
}
@media(max-width:760px){
 .site-header {grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:6px 12px;}
 .site-header nav {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 12px;font-size:12px;min-width:0;}
 .site-header nav a,.site-header nav a:nth-child(2) {display:flex;align-items:center;min-height:44px;padding-block:8px;white-space:normal;line-height:1.35;}
 .site-header nav a.nav-release {opacity:1;}
 .site-preferences {gap:8px;}
 #details .studio-console {padding:18px 14px;}
 #details .studio-disclosure-action {width:44px;height:44px;}
 #details .studio-panel-heading {margin-bottom:16px;}
 #details .studio-console .study-control-heading {margin-top:18px;}
 #collection .catalogue {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;}
 #collection .catalogue-disclosure>summary {gap:10px;flex-wrap:wrap;}
 #collection .catalogue-disclosure>summary>span {margin-inline-start:auto;}
 #details .font-options button>span:first-child {font-size:clamp(19px,5.4vw,23px);}
}
@media(max-height:580px) and (max-width:900px){
 #details .studio-screen-stage,#details .studio-screen-stage:has([data-orientation="portrait"]) {height:120px;}
 #details .studio-console :is(button,input,summary) {scroll-margin-top:190px;}
 #details .studio-art-label #studio-selection-summary {display:none;}
}

/* English names already occupy the primary artwork title. */
html:lang(en) #exhibit-english,html:lang(en) .edition-caption>span:first-child>span {display:none;}
@media(max-width:760px){.hero-kicker {top:max(19%,174px);}}

/* Artwork and its label share one reading plane on a wide screen. */
@media(min-width:1051px){
 #collection .gallery-heading {display:flex;justify-content:space-between;align-items:flex-end;text-align:start;gap:48px;}
 #collection .gallery-heading>p {max-width:24ch;margin:0 0 6px;text-align:start;}
 #collection .exhibition {display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,.8fr);gap:44px;align-items:center;}
 #collection .exhibit-label {text-align:start;}
 #collection .exhibit-metadata {gap:10px;}
 #collection .exhibit-metadata h3 {font-size:clamp(28px,2.6vw,40px);line-height:1.3;text-wrap:balance;}
 #collection #exhibit-phrase {margin:14px 0 0;max-width:26ch;}
 #collection .exhibit-metadata>.eyebrow {letter-spacing:.04em;}
 #collection .catalogue-disclosure {margin-top:28px;}
 #questions>.wrap {max-width:1320px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start;}
 #questions .faq-heading {text-align:start;position:sticky;top:48px;}
 #questions .faq-heading h2 {font-size:40px;text-wrap:balance;}
 #questions .faq-heading>p {font-size:16px;max-width:28ch;}
}
@media(hover:hover){
 #collection .catalogue-item:not([aria-pressed="true"]):hover {background:color-mix(in srgb,var(--ink) 4%,transparent);border-color:var(--rule);}
 #details .studio-console :is(.layout-options,.font-options,.study-light-options,.screen-options,.text-options) button:not([aria-pressed="true"]):not(:disabled):hover {border-color:var(--muted);}
}

html[data-theme="dark"] #details .studio-preview {background:#202226;}

/* D014: artwork leads. Controls appear only when the visitor asks to adjust. */
:is(#introduction,#collection,#editions,#details,#questions,#release)>.wrap {max-width:1240px;}
:is(#collection,#editions,#details,#questions) {padding-block:112px;}
:is(#collection,#details) .museum-heading {margin-bottom:56px;}
:is(#collection,#details) .museum-heading .eyebrow,#editions .edition-copy .eyebrow,#questions .faq-heading .eyebrow {display:none;}
#introduction .intro-works {gap:32px;margin-top:56px;}
#introduction .intro-works figure {background:transparent;border-radius:0;}
#introduction .intro-works figure>div {border-radius:3px;}
#introduction .intro-works figcaption {padding:18px 0 0;gap:5px;}
#introduction .intro-works figcaption strong {font-size:18px;font-weight:500;}
#collection {background:var(--paper);}
#collection .exhibit-stage {background:transparent;padding:0;border-radius:0;}
#collection .exhibit-canvas {border-radius:3px;}
#collection .exhibit-enlarge {background:transparent;border-radius:0;text-shadow:0 1px 4px #0009;}
#collection .exhibit-baseline {justify-content:flex-end;padding:12px 0 0;}
#collection .exhibit-nav {gap:2px;}
#collection .exhibit-nav .round-button {background:transparent;border:0;border-radius:0;}
#collection .exhibit-nav .round-button:hover {background:color-mix(in srgb,var(--ink) 5%,transparent);}
#collection .exhibit-count {justify-content:center;min-width:58px;}
#collection .exhibit-metadata>.eyebrow {display:none;}
#collection .catalogue-disclosure {margin:40px 0 0;padding:0;background:transparent;border-radius:0;border-top:1px solid var(--rule);border-bottom:0;}
#collection .catalogue-disclosure>summary {justify-content:flex-start;min-height:56px;padding:12px 0;font-size:14px;gap:16px;}
#collection .catalogue-disclosure>summary>span {display:none;}
#collection .catalogue-disclosure>summary>i {margin-inline-start:auto;font-size:20px;}
#collection .catalogue-disclosure>.museum-segment {width:max-content;margin:12px 0 24px;}
#collection .catalogue {padding:0 0 12px;gap:20px;}
#collection .catalogue-item {border-radius:4px;padding:6px;}
#collection .catalogue-image {border-radius:2px;}
#collection .gallery-notice {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
#editions .edition-work {max-width:1000px;margin-inline:auto;}
#editions .edition-compare {border-radius:3px;}
#editions .edition-copy {margin-bottom:52px;}
#editions .edition-caption {margin-top:20px;}
#details .studio-layout {grid-template-columns:minmax(0,1fr);max-width:1040px;margin-inline:auto;gap:32px;}
#details .studio-preview {position:relative;top:auto;padding:0;background:transparent;border:0;}
#details .studio-screen-stage {height:auto;aspect-ratio:1672/940;}
#details .studio-preview .clock-study {border-radius:3px;box-shadow:none;}
#details .studio-art-label {margin-top:18px;font-size:13px;}
#details #studio-selection-summary {display:none;}
#details .studio-console {padding:0;background:transparent;border-radius:0;border-top:1px solid var(--rule);}
#details .studio-disclosure {min-height:60px;gap:20px;}
#details .studio-disclosure-label strong {font-size:15px;font-weight:500;}
#details .studio-disclosure-action {background:transparent;border-radius:0;}
#details .studio-console[open] {padding-bottom:24px;}
#details .studio-tabs {margin-top:12px;border-radius:0;background:transparent;padding:0;gap:16px;border-bottom:1px solid var(--rule);}
#details .studio-tabs button {border-radius:0;min-height:52px;min-width:0;padding:10px 4px;border-bottom:2px solid transparent;}
#details .studio-tabs button svg {display:none;}
#details .studio-tabs button[aria-selected="true"] {background:transparent;box-shadow:none;border-bottom-color:var(--ink);}
#details .studio-panels {padding-top:28px;}
#details .studio-panel-heading h3 {font-size:23px;}
#details .studio-console :is(.layout-options,.font-options,.study-light-options,.screen-options,.text-options) button {border-radius:5px;}
#details .font-disclosure {margin-top:24px;border-top:1px solid var(--rule);}
#details .museum-services {margin-top:64px;gap:36px;}
#details .museum-services a {background:transparent;border-radius:0;padding:24px 0 0;border-top:1px solid var(--rule);}
#details .museum-services a>svg {display:none;}
#questions .faq-sign {background:transparent;border-radius:0;}
#release .museum-status {background:transparent;border-radius:0;padding:0;}
html[data-theme="dark"] :is(#introduction .intro-works figure,#collection .exhibit-stage,#collection .catalogue-disclosure,#details .studio-console,#details .museum-services a,#release .museum-status,#details .studio-preview,#details .studio-tabs,#details .studio-tabs button[aria-selected="true"],#details .studio-disclosure-action,#questions .faq-sign,#collection .exhibit-nav .round-button) {background:transparent;}
@media(min-width:1051px){
 #collection .exhibition {grid-template-columns:minmax(0,2.25fr) minmax(230px,.75fr);gap:64px;}
 #collection .exhibit-label {padding-bottom:52px;}
 #collection .exhibit-metadata h3 {font-size:32px;font-weight:500;}
 #collection #exhibit-phrase {font-size:15px;margin-top:24px;line-height:1.9;}
 #collection .catalogue-disclosure {max-width:calc((100% - 64px)*.75);margin-top:28px;}
 #details .studio-layout[data-settings-open="true"] {grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);max-width:none;gap:56px;}
 #details .studio-layout[data-settings-open="true"] .studio-preview {position:sticky;top:32px;}
}
@media(max-width:1050px){
 #collection .exhibit-label {text-align:start;}
 #collection .exhibit-metadata h3 {font-size:27px;font-weight:500;}
 #collection #exhibit-phrase {margin:16px 0 0;font-size:15px;}
 #details .studio-layout {gap:24px;}
 #details .studio-layout[data-settings-open="false"] .studio-preview .clock-study {height:auto;width:100%;}
 #details .studio-layout[data-settings-open="false"] .studio-preview .clock-study[data-orientation="portrait"] {width:auto;height:100%;max-height:340px;}
 #details .studio-layout[data-settings-open="true"] {--preview-height:clamp(140px,43vw,230px);}
 #details .studio-layout[data-settings-open="true"]:has([data-orientation="portrait"]) {--preview-height:clamp(180px,32svh,270px);}
 #details .studio-layout[data-settings-open="true"] .studio-preview {position:sticky;top:0;z-index:3;padding-block:10px 14px;background:var(--paper);}
 #details .studio-layout[data-settings-open="true"] .studio-screen-stage {height:var(--preview-height);aspect-ratio:auto;}
 #details .studio-layout[data-settings-open="true"] .clock-study {height:100%;width:auto;}
}
@media(max-width:760px){
 :is(#introduction,#collection,#editions,#details,#questions) {padding-block:80px;}
 :is(#introduction,#collection,#editions,#details,#questions,#release)>.wrap {width:100%;padding-inline:24px;}
 :is(#collection,#details) .museum-heading {text-align:start;margin-bottom:36px;}
 :is(#collection,#details) .museum-heading h2,#editions .edition-copy h2 {font-size:32px;font-weight:500;line-height:1.3;}
 :is(#collection,#details) .museum-heading>p {font-size:14px;margin-top:16px;line-height:1.8;}
 #introduction .intro-works {gap:28px;margin-top:40px;}
 #introduction .intro-works figcaption {padding:14px 0 0;}
 #collection .exhibition {gap:22px;}
 #collection .exhibit-metadata h3 {font-size:25px;}
 #collection .catalogue-disclosure {margin-top:32px;}
 #collection .catalogue {gap:18px 10px;}
 #collection .exhibit-nav .round-button {width:44px;}
 #editions .edition-copy {text-align:start;margin-bottom:36px;}
 #editions .edition-description {margin-top:16px;}
 #editions .edition-description>p {font-size:15px;}
 #editions .edition-caption>span:first-child {display:grid;gap:5px;}
 #details .studio-console {padding:0;}
 #details .studio-tabs {gap:14px;justify-content:space-between;}
 #details .studio-tabs button {font-size:13px;}
 #details .studio-panel-heading h3 {font-size:22px;}
 #details .studio-art-label {font-size:12px;}
 #details .museum-services {margin-top:48px;gap:28px;}
 #details .museum-services a {padding-top:20px;}
 #questions .faq-heading {text-align:start;margin-bottom:32px;}
 #questions .faq-heading h2 {font-size:30px;font-weight:500;}
 #questions .faq-heading>p {font-size:14px;}
 #questions .faq-list summary {font-size:15px;padding-block:24px;}
}
@media(max-height:580px) and (max-width:1050px){#details .studio-layout[data-settings-open="true"] .studio-screen-stage {height:120px;}}

@media(min-width:761px){:is(#collection,#details) .museum-heading h2,#editions .edition-copy h2 {font-size:48px;font-weight:500;line-height:1.2;}}