.hero,.site-header { --paper:#eeede8; --ink:#18191c; --blue:#2e50f4; --gutter:clamp(22px,5vw,88px); color:var(--ink); }
:root {
  --museum-serif: "Songti SC", "Noto Serif CJK SC", "STSong", Georgia, serif;
  --museum-night: #171b1b;
  --museum-white: #eae6dc;
  --museum-rule: #bfbcb1;
}
@media(max-width:760px) { .dialog-image-wrap>img { aspect-ratio:1672/940; height:auto; object-fit:contain; } }
:root { --paper: #f0eee8; --gutter: clamp(24px,5vw,88px); --museum-night: #191c1c; --museum-white: #f0ece2; }
dialog::backdrop { transition: opacity .25s; }
dialog.is-closing::backdrop { opacity: 0; }
@media(max-width:760px) {
  :root { --gutter: 24px; }
}
@media(max-width:360px) {
  :root { --gutter: 20px; }
}
.exhibition-site { --paper:#f3f1eb; --ink:#202826; --blue:#c6a876; --museum-night:#182126; --museum-white:#efece3; }
.exhibition-site dialog { border-radius:0; border:1px solid #c5c1b6; background:var(--paper); color:var(--ink); }
.exhibition-site .dialog-body h2 { font-family:var(--museum-serif); font-weight:400; font-size:clamp(26px,2.6vw,40px); }
.exhibition-site .dialog-editions button,.exhibition-site .dialog-editions img { border-radius:0; }
.exhibition-site .dialog-editions button[aria-pressed="true"] { background:#e3dccd; border-color:#9f8d68; }
.exhibition-site .dialog-image-wrap { overflow:hidden; }
.exhibition-site .dialog-image-wrap>.art-transition-panel { object-fit:contain; }
.exhibition-site #dialog-status { color:#62655d; }
.art-transition-panel { position:absolute; inset:0; width:100%; height:100%; object-fit:inherit; pointer-events:none; z-index:1; }

/* The entrance and its modal stay intact. Every new design rule is scoped below it. */
:is(#introduction,#collection,#editions,#details,#questions,#release) {
  --paper:#eeede8; --ink:#18191c; --blue:#2e50f4; --muted:#62636a; --rule:#18191c29;
  color:var(--ink); background:var(--paper); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
:is(#introduction,#collection,#editions,#details,#questions,#release) :is(h2,h3) { font-family:inherit; font-style:normal; font-weight:600; letter-spacing:-.055em; }
:is(#introduction,#collection,#editions,#details,#questions,#release) em { font-style:normal; }
:is(#introduction,#collection,#editions,#details,#questions,#release) :focus-visible { outline:2px solid var(--blue); outline-offset:5px; }
.reveal-line { display:block; overflow:clip; padding-bottom:.1em; margin-bottom:-.1em; }
.reveal-line>span { display:block; }
#introduction { padding-block:80px 96px; }
#introduction .chapter-line { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--rule); padding-top:20px; font-size:11px; letter-spacing:.08em; color:var(--muted); }
#introduction .intro-copy { display:grid; grid-template-columns:1.3fr 1fr; gap:9vw; align-items:end; margin-top:52px; }
#introduction h2 { font-size:clamp(52px,7vw,100px); line-height:1.06; }
#introduction h2 .ink-dot { color:var(--blue); }
#introduction .intro-copy>div { padding-bottom:7px; max-width:350px; }
#introduction .intro-copy p { font-size:clamp(20px,2.25vw,30px); line-height:1.65; letter-spacing:-.035em; }
#introduction .intro-copy p+p { margin-top:28px; font-size:14px; line-height:1.85; color:var(--muted); }
#introduction .intro-foot { display:flex; gap:26px; margin-top:35px; font-size:11px; color:var(--muted); }
#introduction .intro-foot span::before { content:""; display:inline-block; width:4px; height:4px; margin-right:8px; vertical-align:3px; background:var(--blue); border-radius:50%; }
#collection { padding:0 0 96px; overflow:clip; }
#collection>.wrap { border-top:1px solid var(--rule); padding-top:60px; }
.museum-heading { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:38px; }
.museum-heading .eyebrow { font-size:11px; letter-spacing:.08em; margin-bottom:20px; color:var(--muted); }
.museum-heading h2 { font-size:clamp(38px,4.6vw,64px); line-height:1.18; }
.museum-heading>p { color:var(--muted); font-size:14px; line-height:1.85; padding-bottom:4px; }
.exhibition { display:flex; flex-direction:column; gap:28px; }
.exhibit-stage { min-width:0; position:relative; padding:0; }
.gallery-wing { display:none; }
.exhibit-canvas { display:block; width:100%; aspect-ratio:1672/940; position:relative; overflow:hidden; padding:0; border:0; border-radius:4px; background:#141619; cursor:grab; touch-action:pan-y;  box-shadow:0 22px 40px -30px #18191c77; }
.exhibit-canvas.is-dragging { cursor:grabbing; }
.exhibit-canvas>img { width:100%; height:100%; object-fit:contain; user-select:none; pointer-events:none; }
.exhibit-enlarge { position:absolute; z-index:3; bottom:18px; right:18px; display:grid; place-items:center; width:42px; height:42px; border:1px solid #ffffff70; border-radius:50%; color:white; background:#18191c50; font-size:21px; transition:background .2s,transform .2s; }
.exhibit-canvas:hover .exhibit-enlarge { transform:translate(2px,-2px); background:#18191cb0; }
.exhibit-baseline { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:15px; font-size:12px; color:var(--muted); }
.museum-segment { display:flex; gap:3px; border:1px solid var(--rule); border-radius:24px; padding:3px; }
.museum-segment button { background:transparent; color:var(--muted); border-radius:22px; padding:7px 16px; min-height:34px; min-width:60px; font-size:12px; transition:background .2s,color .2s; }
.museum-segment button[aria-pressed="true"] { color:var(--paper); background:var(--ink); }
.exhibit-label { display:grid; grid-template-columns:56px minmax(0,1.1fr) minmax(0,.8fr) auto; column-gap:24px; row-gap:5px; align-items:start; }
.exhibit-count { grid-column:1; grid-row:1/4; display:flex; flex-direction:column; gap:6px; font-variant-numeric:tabular-nums; }
.exhibit-count>span:first-child { font-size:40px; line-height:1; letter-spacing:-.06em; }
.exhibit-count>span:last-child { color:var(--muted); font-size:11px; }
.exhibit-label>.eyebrow { grid-column:2; grid-row:1; color:var(--muted); font-size:11px; letter-spacing:.08em; }
.exhibit-label h3 { grid-column:2; grid-row:2; font-size:clamp(25px,2.5vw,36px); line-height:1.4; }
#exhibit-english { grid-column:2; grid-row:3; color:var(--muted); font-size:11px; line-height:1.6; }
#exhibit-phrase { grid-column:3; grid-row:2/4; font-size:14px; line-height:1.9; color:var(--muted); max-width:280px; }
.exhibit-nav { grid-column:4; grid-row:1/4; align-self:center; display:flex; gap:8px; }
.exhibit-nav .round-button { width:44px; height:44px; flex-basis:44px; background:transparent; border:1px solid var(--rule); color:var(--ink); font-size:19px; transition:background .2s,color .2s,transform .12s; }
.exhibit-nav .round-button:hover { background:var(--ink); color:var(--paper); }
.exhibit-nav .round-button:active { transform:scale(.93); }
.catalogue-disclosure { margin-top:32px; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }
.catalogue-disclosure>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0; list-style:none; cursor:pointer; font-size:13px; }
.catalogue-disclosure>summary::-webkit-details-marker { display:none; }
.catalogue-disclosure>summary>span { color:var(--muted); margin-left:auto; font-size:11px; }
.catalogue-disclosure>summary>i { font-style:normal; font-size:20px; transition:rotate .25s; }
.catalogue-disclosure[open]>summary>i { rotate:45deg; }
.catalogue { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; padding-bottom:18px; }
.catalogue-item { min-width:0; padding:6px; border:1px solid transparent; background:transparent; text-align:left; color:inherit; border-radius:6px; transition:border-color .2s,background .2s,transform .12s; }
.catalogue-item[aria-pressed="true"] { border-color:var(--blue); background:#2e50f410; box-shadow:inset 0 0 0 1px var(--blue); }
.catalogue-item:active { transform:scale(.98); }
.catalogue-image { display:block; aspect-ratio:1672/940; border-radius:2px; overflow:hidden; }
.catalogue-image img { width:100%; height:100%; object-fit:contain; transition:scale .35s; }
.catalogue-item:hover img { scale:1.025; }
.catalogue-caption { display:flex; gap:8px; align-items:baseline; font-size:11px; line-height:1.6; padding:9px 0 2px; }
.catalogue-caption>span:first-child { color:var(--muted); font-size:10px; }
.gallery-notice { font-size:11px; color:var(--muted); margin-top:14px; text-align:right; }
#editions { border-top:1px solid var(--rule); background:#e5e5df; padding-block:90px; height:auto; min-height:0; position:relative; }
.edition-sticky { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.3fr); gap:6vw; align-items:center; position:relative; height:auto; min-height:0; padding-block:0; }
.edition-copy .eyebrow { color:var(--muted); font-size:11px; letter-spacing:.08em; margin-bottom:28px; }
.edition-copy h2 { font-size:clamp(37px,4.5vw,64px); line-height:1.2; }
.edition-copy h2 em { color:var(--blue); }
.edition-copy>p:not(.eyebrow) { font-size:15px; line-height:1.8; color:var(--muted); margin-top:26px; }
.edition-copy .edition-instruction { font-size:12px!important; }
.edition-work { min-width:0; }
.edition-compare { position:relative; width:100%; aspect-ratio:1672/940; overflow:hidden; border-radius:4px; border:0; background:var(--ink); }
.edition-compare>img { width:100%; height:100%; object-fit:contain; }
.edition-compare .compare-mono { position:absolute; inset:0; clip-path:inset(0 calc(100% - var(--split)) 0 0); }
.compare-line { position:absolute; top:0; bottom:0; width:2px; left:var(--split); background:#fff; pointer-events:none; }
.compare-line>span { width:38px; height:38px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; border-radius:50%; background:white; color:var(--ink); font-size:20px; box-shadow:0 3px 15px #0004; }
.compare-label { position:absolute; top:14px; font-size:10px; padding:5px 9px; background:#18191c90; color:white; border-radius:16px; }
.mono-label { left:14px; }.color-label { right:14px; }
.edition-compare input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:ew-resize; margin:0; touch-action:pan-y; }
.edition-compare:has(input:focus-visible) { outline:2px solid var(--blue); outline-offset:6px; }
.edition-caption { display:flex; justify-content:space-between; gap:20px; margin-top:17px; color:var(--muted); font-size:11px; }
.edition-caption>span:first-child { display:grid; gap:5px; }.edition-caption strong { color:var(--ink); font-weight:500; font-size:12px; }
#compare-ratio { font-variant-numeric:tabular-nums; font-size:11px; }
#details { --ink:#f0efea; --paper:#17181b; --blue:#879aff; --muted:#aaaab2; --rule:#f0efea30; background:var(--paper); padding-block:90px 65px; }
.studio-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:5vw; align-items:start; }
.studio-preview { position:sticky; top:30px; min-width:0; }
.studio-screen-stage { min-height:0; display:flex; align-items:center; justify-content:center; }
.studio-preview .clock-study { position:relative; width:100%; aspect-ratio:1672/940; height:auto; border:1px solid #ffffff30; border-radius:5px; box-shadow:0 30px 50px -30px #000a; overflow:hidden; background:#111216; color:#f8f5eb; }
.studio-preview .clock-study>img { width:100%; height:100%; object-fit:contain; transition:filter .5s; }
.studio-preview .clock-study[data-orientation="portrait"] { width:55%; aspect-ratio:9/16; max-width:340px; }
.studio-preview .clock-study[data-fit="cover"]>img { object-fit:cover; }
.studio-preview .clock-study[data-light="night"]>img { filter:brightness(.35); }
.studio-preview .study-shade { position:absolute; inset:0; background:linear-gradient(180deg,#0002,transparent 45%,#0005); }
.studio-preview .study-content { text-shadow:0 1px 8px #0008; }
.studio-preview .study-time { font-size:clamp(46px,6.5vw,110px); font-weight:300; line-height:1; }
.studio-preview .clock-study[data-font="mono"] .study-time { font-size:clamp(42px,6vw,100px); }
.studio-preview .clock-study[data-layout="digital"] .study-time { font-size:clamp(36px,4.5vw,76px); }
.studio-preview .clock-study[data-layout="orbit"] .study-time { font-size:clamp(17px,1.8vw,28px); }
.studio-preview .clock-study[data-layout="stacked"] .study-time { font-size:clamp(32px,4.5vw,76px); }
.studio-preview .study-content>span:first-child { font-size:10px; }
.studio-preview .study-lines { font-size:11px; line-height:1.8; }
.studio-preview .study-label { position:absolute; right:12px; top:10px; bottom:auto; font-size:9px; color:#ffffffb0; }
.studio-art-label { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 18px; margin-top:18px; font-size:11px; color:var(--muted); line-height:1.7; }
.studio-console { min-width:0; border-top:1px solid var(--rule); }
.studio-disclosure { list-style:none; cursor:pointer; padding-top:22px; }
.studio-disclosure::-webkit-details-marker { display:none; }
.studio-disclosure>.eyebrow { display:block; font-size:11px; color:var(--muted); letter-spacing:.08em; }
.studio-disclosure>strong { display:block; font-size:clamp(24px,2.4vw,34px); letter-spacing:-.045em; font-weight:500; margin-top:20px; }
.studio-disclosure-action { display:flex; justify-content:space-between; align-items:center; margin-top:28px; padding-block:15px; border-bottom:1px solid var(--rule); font-size:13px; }
.studio-disclosure-action>span { font-size:20px; transition:rotate .2s; }.studio-console[open] .studio-disclosure-action>span { rotate:45deg; }
.studio-tabs { display:flex; justify-content:space-between; gap:5px; border-bottom:1px solid var(--rule); margin-top:16px; }
.studio-tabs button { display:flex; flex-direction:column; gap:7px; align-items:center; justify-content:center; flex:1; background:transparent; border-bottom:2px solid transparent; color:var(--muted); font-size:11px; min-height:62px; padding:10px 3px; transition:color .2s,border-color .2s; }
.studio-tabs svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.studio-tabs button[aria-selected="true"] { color:var(--ink); border-color:var(--ink); }
.studio-panels { min-height:0; }
.studio-panel { padding-top:24px; }.studio-panel[hidden] { display:none; }
.studio-panel-heading h3 { font-size:20px!important; font-weight:500!important; line-height:1.45; letter-spacing:-.02em!important; }
.studio-panel-heading p { color:var(--muted); font-size:11px; line-height:1.8; margin-top:9px; }
.studio-console .study-control-heading { color:var(--muted); font-size:11px; margin:23px 0 12px; }
.studio-console :is(.layout-options,.font-options,.study-light-options,.screen-options,.text-options) button { border:1px solid var(--rule); border-radius:6px; background:#ffffff04; color:var(--muted); box-shadow:none; min-height:44px; padding:8px 5px; transition:background .2s,color .2s,border-color .2s; }
.studio-console :is(.layout-options,.font-options,.study-light-options,.screen-options,.text-options) button[aria-pressed="true"] { background:#f0efea; color:#17181b; border-color:#f0efea; box-shadow:inset 0 0 0 1px #f0efea; }
.studio-console button:disabled { opacity:.38; cursor:not-allowed; }
.studio-console .layout-options { gap:6px; }.studio-console .layout-options button { font-size:10px; gap:10px; }
.studio-console .layout-sample { border-radius:3px; }
.studio-console .font-disclosure { border-bottom:1px solid var(--rule); margin-top:15px; }
.studio-console .font-disclosure summary { padding:13px 0; cursor:pointer; font-size:12px; }
.studio-console .font-options { padding-bottom:16px; }
.studio-console .studio-catalogue { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:18px; }
.studio-catalogue .catalogue-item { border-color:var(--rule); }.studio-catalogue .catalogue-item[aria-pressed="true"] { border-color:#879aff; background:#2e50f42e; box-shadow:inset 0 0 0 1px #879aff; }
.studio-catalogue .catalogue-caption { font-size:10px; }.studio-catalogue .catalogue-caption>span:first-child { display:none; }
.studio-console .text-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.studio-console :is(.text-note,.text-note p,.study-light-note,#study-line-note,.studio-boundary) { color:var(--muted); font-size:11px; line-height:1.8; }
.studio-console .studio-boundary { border-top:1px solid var(--rule); padding-top:17px; margin-top:23px; }
.studio-console .personal-heading { color:var(--muted); font-size:11px; margin-top:24px; }
#study-line-input { width:100%; color:var(--ink); background:#ffffff08; border:1px solid var(--rule); border-radius:6px; padding:12px; font-size:13px; margin-top:10px; }
#study-line-input::placeholder { color:#8d8e96; }#study-line-input[aria-invalid="true"] { border-color:#ff9c8c; }
#study-line-note.text-error { color:#ffb2a5; }#study-line-clear { color:var(--ink); background:transparent; padding:8px 0; font-size:11px; }
.museum-services { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--rule); margin-top:58px; padding-top:24px; gap:25px; }
.museum-services>a { display:flex; gap:15px; align-items:start; color:var(--ink); }
.museum-services>a>svg { flex:none; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.2; }
.museum-services>a>span:nth-child(2) { display:grid; gap:8px; }.museum-services strong { font-size:13px; font-weight:400; }
.museum-services>a>span:nth-child(2)>span { font-size:11px; line-height:1.65; color:var(--muted); }.museum-services>a>span:last-child { margin-left:auto; font-size:15px; }
#questions { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.2fr); gap:8vw; padding-block:86px; }
.faq-heading .eyebrow { color:var(--muted); font-size:11px; margin-bottom:24px; letter-spacing:.08em; }
.faq-heading h2 { font-size:clamp(35px,4vw,56px); line-height:1.2; }.faq-heading>p { color:var(--muted); margin-top:20px; font-size:13px; line-height:1.8; }
.faq-list { border-top:1px solid var(--rule); }.faq-list details { border-bottom:1px solid var(--rule); }
.faq-list summary { display:flex; gap:18px; align-items:baseline; cursor:pointer; list-style:none; padding:23px 0; font-size:15px; line-height:1.7; }
.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary .faq-index { font-size:11px; font-weight:400; color:var(--muted); flex:none; transform:none; }
.faq-list summary .faq-sign { font-size:20px; line-height:1; margin-left:auto; flex:none; transition:rotate .2s; }.faq-list details[open] summary span { transform:none; }.faq-list details[open] .faq-sign { rotate:45deg; }
.faq-list details p { font-size:13px; line-height:1.95; color:var(--muted); padding:0 30px 25px; max-width:620px; }
#release { background:#e4e4df; border-top:1px solid var(--rule); }
.museum-release-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.7fr); gap:7vw; padding-block:75px 65px; align-items:center; }
.release-heading .eyebrow { font-size:11px; letter-spacing:.08em; color:var(--muted); margin-bottom:28px; }
.release-heading h2 { font-size:clamp(40px,4.9vw,70px); line-height:1.15; }.release-heading h2 em { color:var(--blue); }
.release-heading>p { font-size:13px; color:var(--muted); line-height:1.9; margin-top:23px; }
.museum-return { display:inline-flex; justify-content:space-between; gap:44px; font-size:12px; border-bottom:1px solid var(--rule); padding-block:12px; margin-top:20px; }
.museum-return>span { transition:translate .2s; }.museum-return:hover>span { translate:2px -2px; }
.museum-status { display:grid; grid-template-columns:1fr; align-items:start; gap:0; border-top:1px solid var(--rule); padding-top:24px; }
.museum-status>img { width:54px; height:54px; border-radius:12px; margin-bottom:25px; }
.museum-status>div { display:flex; justify-content:space-between; gap:25px; padding-block:13px; border-bottom:1px solid var(--rule); font-size:12px; }.museum-status>div>span:last-child { color:var(--muted); }
.museum-status>p { font-size:11px; line-height:1.9; color:var(--muted); margin-top:22px; }
.museum-footer { display:flex; justify-content:space-between; align-items:center; gap:24px; border-top:1px solid var(--rule); padding-block:23px; font-size:11px; color:var(--muted); }.museum-footer>span { font-size:13px; font-weight:600; letter-spacing:-.03em; color:var(--ink); }
.exhibit-canvas>.art-transition-panel,.clock-study>.art-transition-panel { object-fit:contain; }
.studio-preview .clock-study { container-type:inline-size; }
.studio-preview .study-lines { position:absolute; left:8%; width:84%; bottom:22%; display:grid; gap:7px; text-align:center; overflow-wrap:anywhere; }
.studio-preview .clock-study:is([data-layout="digital"],[data-layout="orbit"],[data-layout="stacked"]) .study-lines { left:42%; width:53%; text-align:left; }
.studio-preview #study-information { position:absolute; bottom:3%; left:5%; max-width:68%; display:grid; gap:3px; z-index:3; color:white; text-shadow:0 1px 5px #000; }
.studio-preview #study-information strong { font-size:clamp(8px,1.6cqw,11px); font-weight:500; }
.studio-preview #study-information>span { font-size:clamp(6px,1.15cqw,9px); line-height:1.4; }
.studio-preview #study-information[hidden],.study-lines [hidden] { display:none; }
.studio-preview .clock-study[data-orientation="portrait"] .study-time { font-size:24cqw; }
.studio-preview .clock-study[data-orientation="portrait"][data-font="mono"] .study-time { font-size:23cqw; }
.studio-preview .clock-study[data-orientation="portrait"][data-layout="digital"] .study-time { font-size:19cqw; }
.studio-preview .clock-study[data-orientation="portrait"][data-layout="stacked"] .study-time { font-size:25cqw; }
.studio-preview .clock-study[data-orientation="portrait"][data-layout="orbit"] .study-time { font-size:9cqw; }
.studio-console .screen-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.studio-console .screen-options button { display:grid; justify-items:center; gap:8px; min-width:0; }
.screen-options small { font-size:11px; font-weight:400; }
.orientation-sample { width:100%; height:72px; display:grid; place-items:center; }
.screen-sample { display:block; background:linear-gradient(#0001,#0003),url('/screensaver/assets/08-space-color.webp') center/cover no-repeat #111216; }
.orientation-sample .screen-sample { width:78px; aspect-ratio:16/9; border:1px solid currentColor; }
.orientation-portrait .screen-sample { width:36px; aspect-ratio:9/16; }
.fit-sample { display:grid; place-items:center; width:100%; height:78px; }
.fit-sample .screen-sample { width:86px; height:70px; border:1px solid currentColor; }
.fit-contain .screen-sample { background-size:contain; }
.personal-control { margin-top:23px; min-width:0; }
.personal-heading { display:flex; align-items:center; gap:12px; font-size:12px; margin-bottom:10px; }
.personal-heading label { margin-right:auto; }
.studio-console .text-options button { display:grid; gap:10px; margin-top:18px; }
.text-sample { position:relative; display:block; width:100%; height:80px; background:linear-gradient(#0001,#0008),url('/screensaver/assets/08-space-color.webp') center/cover; color:white; }
.text-sample>span { position:absolute; bottom:12px; left:10px; right:10px; font-size:8px; line-height:1.6; text-align:center; }
.studio-console .font-disclosure summary { display:flex; justify-content:space-between; list-style:none; }
.studio-console .font-disclosure summary::-webkit-details-marker { display:none; }
.studio-console .font-disclosure[open] summary>span { rotate:45deg; }
@media(max-width:1000px) { .studio-layout { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:30px; }.exhibit-label { grid-template-columns:44px minmax(0,1fr) auto; gap:5px 18px; }#exhibit-phrase { grid-column:2; grid-row:4; max-width:none; margin-top:10px; }.exhibit-nav { grid-column:3; grid-row:1/4; } }
@media(max-width:760px) {
  #introduction { padding-block:45px 52px; }#introduction .chapter-line { font-size:9px; gap:10px; }
  #introduction .intro-copy { grid-template-columns:1fr 1fr; gap:24px; margin-top:35px; align-items:center; }#introduction h2 { font-size:clamp(42px,12vw,76px); }#introduction .intro-copy p { font-size:16px; line-height:1.75; }#introduction .intro-copy p+p { margin-top:18px; font-size:11px; }#introduction .intro-foot { flex-wrap:wrap; gap:10px 18px; margin-top:24px; font-size:10px; }
  #collection { padding-bottom:50px; }#collection>.wrap { padding-top:40px; }.museum-heading { gap:20px; align-items:start; margin-bottom:26px; }.museum-heading h2 { font-size:clamp(30px,8.5vw,46px); }.museum-heading .eyebrow { font-size:10px; margin-bottom:17px; }.museum-heading>p { font-size:11px; max-width:115px; padding-top:29px; }
  .exhibition { gap:22px; }.exhibit-baseline { font-size:10px; margin-top:12px; }.museum-segment button { min-width:44px; min-height:34px; padding:7px 10px; font-size:10px; }.exhibit-enlarge { width:32px; height:32px; bottom:10px; right:10px; font-size:17px; }
  .exhibit-label { grid-template-columns:minmax(0,1fr) auto; gap:5px 12px; }.exhibit-count { display:none; }.exhibit-label>.eyebrow { grid-column:1; grid-row:1; font-size:10px; }.exhibit-label h3 { grid-column:1; grid-row:2; font-size:clamp(22px,6.2vw,30px); }#exhibit-english { grid-column:1; grid-row:3; font-size:10px; }#exhibit-phrase { grid-column:1/-1; grid-row:4; font-size:12px; margin-top:9px; }.exhibit-nav { grid-column:2; grid-row:1/4; gap:6px; }.exhibit-nav .round-button { width:36px; height:36px; flex-basis:36px; }
  .catalogue-disclosure { margin-top:24px; }.catalogue-disclosure>summary { font-size:12px; padding-block:15px; }.catalogue-disclosure>summary>span { font-size:10px; }.catalogue { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.gallery-notice { font-size:10px; text-align:left; }
  #editions { padding-block:50px; }.edition-sticky { display:flex; flex-direction:column; align-items:stretch; gap:30px; }.edition-copy h2 { font-size:clamp(34px,9vw,48px); }.edition-copy .eyebrow { font-size:10px; margin-bottom:20px; }.edition-copy>p:not(.eyebrow) { font-size:13px; margin-top:18px; }.edition-copy .edition-instruction { font-size:11px!important; margin-top:12px!important; }.edition-caption { font-size:10px; }.edition-caption strong { font-size:11px; }
  #details { padding-block:50px 42px; }.studio-layout { display:flex; flex-direction:column; gap:28px; }.studio-preview { width:100%; position:relative; top:0; }.studio-console { width:100%; }.studio-preview .study-time { font-size:clamp(40px,15vw,74px); }.studio-preview .clock-study[data-font="mono"] .study-time { font-size:clamp(38px,14vw,70px); }.studio-preview .clock-study[data-layout="digital"] .study-time { font-size:clamp(30px,10vw,48px); }.studio-preview .clock-study[data-layout="orbit"] .study-time { font-size:17px; }.studio-preview .clock-study[data-layout="stacked"] .study-time { font-size:clamp(30px,10vw,48px); }.studio-preview .study-content>span:first-child { font-size:8px; }.studio-preview .study-lines { font-size:9px; }.studio-art-label { font-size:10px; }.studio-disclosure { padding-top:18px; }.studio-disclosure>strong { font-size:25px; margin-top:14px; }.studio-disclosure-action { margin-top:18px; }.studio-console .studio-catalogue { grid-template-columns:repeat(3,minmax(0,1fr)); }.studio-console .layout-options button { font-size:10px; }.studio-tabs button { min-height:60px; }.studio-console .studio-boundary { font-size:10px; }
  .museum-services { grid-template-columns:1fr; gap:22px; margin-top:35px; padding-top:25px; }.museum-services strong { font-size:12px; }.museum-services>a>span:nth-child(2)>span { font-size:10px; }
  #questions { display:block; padding-block:50px; }.faq-heading h2 { font-size:36px; }.faq-heading>p { font-size:12px; margin-top:17px; }.faq-heading .eyebrow { font-size:10px; margin-bottom:18px; }.faq-list { margin-top:28px; }.faq-list summary { font-size:13px; gap:12px; padding-block:20px; }.faq-list details p { font-size:12px; padding:0 20px 23px; }
  .museum-release-inner { display:block; padding-block:50px 36px; }.release-heading h2 { font-size:clamp(35px,9.5vw,50px); }.release-heading .eyebrow { font-size:10px; margin-bottom:24px; }.release-heading>p { font-size:12px; }.museum-status { margin-top:36px; }.museum-status>img { width:44px; height:44px; margin-bottom:15px; }.museum-status>div { font-size:11px; }.museum-status>p { font-size:10px; }.museum-footer { gap:14px; font-size:9px; padding-block:20px; }.museum-footer>span { font-size:11px; }
}
:is(.gallery-notice,.catalogue-caption,#exhibit-english,.edition-caption,.studio-art-label,.studio-boundary,.study-light-note,.text-note) { font-size:12px; }
@media(max-width:760px) {
  #introduction .intro-copy p+p { font-size:12px; }
  .museum-heading>p,.exhibit-baseline,.museum-segment button,.catalogue-disclosure>summary>span,.catalogue-caption,#exhibit-english,.edition-copy .edition-instruction,.edition-caption,.edition-caption strong,.gallery-notice,.studio-art-label,.studio-tabs button,.studio-panel-heading p,.studio-console .study-control-heading,.studio-console .layout-options button,.studio-console :is(.text-note,.text-note p,.study-light-note,#study-line-note,.studio-boundary),.museum-services>a>span:nth-child(2)>span,.museum-status>div,.museum-status>p { font-size:12px!important; }
  .exhibit-nav .round-button { width:44px; height:44px; flex-basis:44px; }
  .museum-segment button { min-height:40px; }
}
@media(prefers-reduced-motion:reduce) { :is(#introduction,#collection,#editions,#details,#questions,#release) * { transition:none!important; scroll-behavior:auto!important; }.reveal-line { overflow:visible; } }
@media(prefers-contrast:more) { :is(#introduction,#collection,#editions,#questions,#release) { --muted:#44454b; --rule:#18191c77; }#details { --muted:#d0d1d6; --rule:#f0efea77; }.catalogue-item[aria-pressed="true"] { outline:2px solid var(--blue); outline-offset:-2px; } }

/* D015: a fixed gallery frame and one full-width preview, with controls below. */
#exhibit-image { translate:var(--gallery-drag,0px) 0; }
.exhibit-canvas>.gallery-neighbor { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:contain; pointer-events:none; user-select:none; }
.neighbor-previous { translate:calc(var(--gallery-drag,0px) - var(--gallery-span,100vw)) 0; }
.neighbor-next { translate:calc(var(--gallery-drag,0px) + var(--gallery-span,100vw)) 0; }
.exhibit-canvas:is(.is-transitioning,.has-held-transition)>.gallery-neighbor { visibility:hidden; }
.exhibit-canvas>.art-transition-panel { z-index:1; }
.exhibit-enlarge { transition:background .2s,opacity .2s,transform .2s; }
.exhibit-canvas:is(.is-dragging,.is-transitioning) .exhibit-enlarge { opacity:0; }
#details .studio-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:26px; }
#details .studio-preview { position:relative; top:0; width:100%; }
#details .studio-screen-stage { aspect-ratio:1672/940; width:100%; height:auto; }
#details .studio-preview .clock-study { width:100%; height:100%; max-width:none; aspect-ratio:auto; }
#details .studio-preview .clock-study[data-orientation="portrait"] { width:31.63%; height:100%; max-width:none; aspect-ratio:9/16; }
#details .studio-art-label { margin-top:14px; }
#details .studio-disclosure { display:flex; justify-content:space-between; align-items:center; gap:22px; padding-block:22px; border-bottom:1px solid var(--rule); }
.studio-disclosure-label { display:flex; align-items:baseline; gap:30px; min-width:0; }
.studio-disclosure-label>strong { font-size:16px; font-weight:500; letter-spacing:-.02em; white-space:nowrap; }
.studio-disclosure-label>span { font-size:12px; line-height:1.6; color:var(--muted); }
#details .studio-disclosure-action { margin:0; padding:0; border:0; flex:none; }
#details .studio-tabs { justify-content:start; gap:16px; margin-top:0; }
#details .studio-tabs button { flex:0 1 120px; flex-direction:row; gap:9px; min-height:58px; font-size:13px; }
#details .studio-panel { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:16px 6vw; padding-block:28px 12px; }
#details .studio-panel[hidden] { display:none; }
#details .studio-panel>.studio-panel-heading { grid-column:1; grid-row:1/span 3; }
#details .studio-panel>:not(.studio-panel-heading) { grid-column:2; margin-top:0; }
#details .studio-panel .study-control-heading { margin:0; }
#details .studio-console .studio-catalogue { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:0; }
#details .studio-console .studio-editions { justify-self:start; }
#details .studio-console .studio-boundary { margin-top:14px; padding-top:18px; padding-bottom:18px; }
#details .studio-console .text-options button { margin-top:0; }
#details .museum-services { margin-top:38px; }
@media(max-width:760px) {
  #details .studio-layout { gap:22px; }
  #details .studio-screen-stage:has([data-orientation="portrait"]) { aspect-ratio:4/5; }
  #details .studio-preview .clock-study[data-orientation="portrait"] { width:70.31%; }
  #details .studio-disclosure { padding-block:18px; gap:15px; }
  .studio-disclosure-label { flex-direction:column; gap:5px; }
  .studio-disclosure-label>strong { font-size:15px; }
  .studio-disclosure-label>span { font-size:11px; }
  #details .studio-tabs { gap:0; justify-content:space-between; }
  #details .studio-tabs button { flex:1; flex-direction:column; font-size:12px; gap:6px; padding-block:12px; }
  #details .studio-panel { display:block; padding-top:23px; }
  #details .studio-panel>.studio-panel-heading { margin-bottom:22px; }
  #details .studio-panel>:not(.studio-panel-heading)+:not(.studio-panel-heading) { margin-top:17px; }
  #details .studio-panel .study-control-heading { margin:22px 0 12px; }
  #details .studio-console .studio-catalogue { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #details .museum-services { margin-top:30px; }
}
@media(prefers-reduced-motion:reduce) {
  #details .studio-preview .clock-study>img { transition:none; }
}
@media(min-width:761px) {
  #details .studio-layout[data-settings-open="true"] { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:start; gap:36px; }
  #details .studio-layout[data-settings-open="true"] .studio-preview { position:sticky; top:28px; }
  #details .studio-layout[data-settings-open="true"] .studio-panel { display:block; }
  #details .studio-layout[data-settings-open="true"] .studio-panel[hidden] { display:none; }
  #details .studio-layout[data-settings-open="true"] .studio-panel>.studio-panel-heading { margin-bottom:22px; }
  #details .studio-layout[data-settings-open="true"] .studio-panel>:not(.studio-panel-heading)+:not(.studio-panel-heading) { margin-top:17px; }
  #details .studio-layout[data-settings-open="true"] .studio-panel .study-control-heading { margin:22px 0 12px; }
  #details .studio-layout[data-settings-open="true"] .studio-disclosure-label { flex-direction:column; gap:5px; }
  #details .studio-layout[data-settings-open="true"] .studio-tabs { gap:2px; }
  #details .studio-layout[data-settings-open="true"] .studio-tabs button { flex:1; flex-direction:column; gap:7px; min-height:66px; font-size:12px; }
  #details .studio-layout[data-settings-open="true"] .studio-catalogue { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #details .studio-layout[data-settings-open="true"] .studio-art-label { flex-direction:column; gap:4px; }
}
/* Keep the numeric clock inside its own column, including long personal text. */
#details .studio-preview .clock-study[data-layout="digital"] .study-time { font-size:10cqw; }
@media(max-width:480px) {
  :is(#collection,#details) .museum-heading { display:block; }
  :is(#collection,#details) .museum-heading>p { max-width:none; padding:0; margin-top:16px; font-size:12px; }
}
@container(max-width:360px) {
  #details .clock-study[data-orientation="landscape"][data-layout="lockscreen"].has-long-personal:has(#study-personal:not([hidden])) .study-time { top:12%; font-size:8.5cqw; }
  #details .clock-study[data-orientation="landscape"][data-layout="lockscreen"].has-long-personal:has(#study-personal:not([hidden])) .study-content>span:first-child { top:2%; }
  #details .clock-study[data-orientation="landscape"][data-layout="lockscreen"].has-long-personal:has(#study-personal:not([hidden])) .study-lines { bottom:20%; }
}


/* D017: Apple-inspired product chapters, scoped below the approved entrance. */
:is(#introduction,#collection,#editions,#details,#questions,#release) {
  --paper:#fff; --ink:#1d1d1f; --blue:#0071e3; --muted:#6e6e73; --rule:#d2d2d7;
  color:var(--ink); background:var(--paper); font-size:17px; line-height:1.6;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
:is(#introduction,#collection,#editions,#details,#questions,#release) :is(h2,h3) { font-weight:600; letter-spacing:-.035em; font-optical-sizing:auto; }
:is(#introduction,#collection,#editions,#details,#questions,#release) .eyebrow { color:var(--muted); font-size:15px; line-height:1.5; letter-spacing:0; font-weight:500; }
:is(#introduction,#collection,#editions,#details,#questions,#release) button { -webkit-tap-highlight-color:transparent; }
#introduction { padding-block:84px 92px; max-width:none; }
#introduction .chapter-line { justify-content:center; border:0; padding:0; color:var(--muted); font-size:17px; letter-spacing:0; font-weight:500; }
#introduction .intro-copy { display:block; text-align:center; margin-top:20px; }
#introduction h2 { display:block; font-size:clamp(46px,6.4vw,84px); line-height:1.13; white-space:normal; }
#introduction .intro-copy>p { margin-top:24px; font-size:20px; line-height:1.6; color:var(--muted); letter-spacing:0; }
#introduction .intro-works { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:48px; }
#introduction .intro-works figure { min-width:0; margin:0; background:#f5f5f7; border-radius:24px; overflow:clip; }
#introduction .intro-works figure>div { aspect-ratio:1672/940; overflow:clip; background:#141619; }
#introduction .intro-works img { display:block; width:100%; height:100%; object-fit:contain; }
#introduction .intro-works figcaption { display:grid; gap:4px; padding:20px 24px 23px; }
#introduction .intro-works figcaption strong { font-size:21px; font-weight:600; line-height:1.3; }
#introduction .intro-works figcaption>span { font-size:13px; line-height:1.6; color:var(--muted); }
#collection { --paper:#f5f5f7; padding-block:82px 78px; }
#collection>.wrap { border:0; padding-top:0; }
#collection .gallery-heading { display:block; text-align:center; margin-bottom:44px; }
#collection .gallery-heading .eyebrow { margin-bottom:12px; }
#collection .gallery-heading h2 { font-size:clamp(40px,5.6vw,72px); line-height:1.16; }
#collection .gallery-heading>p { max-width:none; margin-top:19px; padding:0; font-size:17px; line-height:1.6; }
#collection .exhibition { gap:28px; }
#collection .exhibit-stage { padding:12px; border-radius:28px; background:#fff; }
#collection .exhibit-canvas { border-radius:18px; box-shadow:none; }
#collection .exhibit-enlarge { width:44px; height:44px; border:0; border-radius:50%; background:#1d1d1fa8; bottom:16px; right:16px; }
#collection .exhibit-baseline { padding:14px 8px 2px; margin:0; gap:12px; }
#collection .museum-segment { gap:0; padding:4px; border:0; border-radius:28px; background:#f5f5f7; }
#collection .museum-segment button { min-width:65px; min-height:44px; padding:8px 16px; border:0; border-radius:24px; font-size:13px; background:transparent; color:var(--muted); }
#collection .museum-segment button[aria-pressed="true"] { color:var(--ink); background:#fff; box-shadow:0 2px 7px #00000014; }
#collection .exhibit-nav { position:static; display:flex; align-items:center; align-self:auto; gap:10px; margin:0; }
#collection .exhibit-nav .round-button { width:44px; height:44px; flex-basis:44px; border:0; border-radius:50%; background:#f5f5f7; color:var(--ink); }
#collection .exhibit-nav .round-button:hover { background:#e8e8ed; color:var(--ink); }
#collection .exhibit-nav svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#collection .exhibit-count { display:flex; flex-direction:row; align-items:baseline; gap:4px; padding:0; min-width:48px; }
#collection .exhibit-count>span:first-child { font-size:15px; line-height:1.6; font-weight:500; letter-spacing:0; }
#collection .exhibit-count>span:last-child { font-size:12px; line-height:1.6; }
#collection .exhibit-label { display:block; text-align:center; }
#collection .exhibit-metadata { display:grid; gap:5px; min-width:0; }
#collection .exhibit-metadata>:is(h3,p) { grid-column:auto; grid-row:auto; }
#collection .exhibit-metadata>.eyebrow { font-size:12px; }
#collection .exhibit-metadata h3 { font-size:32px; line-height:1.35; overflow-wrap:normal; }
#collection #exhibit-english { font-size:12px; line-height:1.6; }
#collection #exhibit-phrase { margin:8px auto 0; font-size:16px; max-width:600px; line-height:1.7; }
#collection .catalogue-disclosure { background:#fff; border:0; border-radius:20px; padding-inline:24px; margin-top:36px; }
#collection .catalogue-disclosure>summary { padding-block:20px; font-size:15px; min-height:66px; }
#collection .catalogue-disclosure>summary>span { font-size:12px; }
#collection .catalogue { gap:12px; padding-bottom:24px; }
#collection .catalogue-item { border-radius:12px; padding:6px; }
#collection .catalogue-image { border-radius:8px; }
#collection .catalogue-item[aria-pressed="true"] { border-color:var(--blue); background:#eaf3ff; box-shadow:inset 0 0 0 1px var(--blue); }
#collection .gallery-notice { margin-top:13px; min-height:1.6em; text-align:center; font-size:11px; }
#editions { padding-block:84px 88px; border:0; background:#fff; }
#editions .edition-sticky { display:block; }
#editions .edition-copy { display:block; text-align:center; margin-bottom:44px; }
#editions .edition-copy .eyebrow { margin-bottom:15px; }
#editions .edition-copy h2 { font-size:clamp(40px,5.6vw,72px); line-height:1.15; }
#editions .edition-description { margin-top:22px; padding:0; width:100%; }
#editions .edition-description>p { font-size:18px; line-height:1.65; color:var(--muted); }
#editions .edition-description .edition-instruction { font-size:13px!important; margin-top:9px; }
#editions .edition-compare { border-radius:24px; }
#editions .compare-label { border-radius:18px; font-size:12px; padding:7px 13px; background:#1d1d1fa8; }
#editions .compare-line>span { width:44px; height:44px; transition:scale .16s; }
#editions .edition-compare:has(input:active) .compare-line>span { scale:1.08; }
#editions .edition-caption { margin-top:18px; font-size:12px; }
#editions .edition-caption>span:first-child { display:flex; align-items:baseline; gap:14px; }
#editions .edition-caption strong { font-size:14px; font-weight:500; }
#details { --paper:#f5f5f7; padding-block:84px 76px; }
#details .museum-heading { display:block; text-align:center; margin-bottom:44px; }
#details .museum-heading .eyebrow { margin-bottom:14px; }
#details .museum-heading h2 { font-size:clamp(38px,5.2vw,68px); line-height:1.2; }
#details .museum-heading>p { padding:0; margin-top:18px; max-width:none; font-size:18px; line-height:1.65; }
#details .studio-preview .clock-study { border:0; border-radius:24px; box-shadow:0 14px 34px -24px #0008; }
#details .studio-art-label { color:var(--muted); font-size:12px; margin-top:17px; }
#details .studio-console { border:0; border-radius:24px; padding:24px; background:#fff; }
#details .studio-disclosure { padding:0; min-height:48px; }
#details .studio-disclosure-label { gap:4px; }
#details .studio-disclosure-label strong { font-size:19px; color:var(--ink); }
#details .studio-disclosure-label>span { font-size:12px; }
#details .studio-disclosure-action { background:#f5f5f7; border:0; width:44px; height:44px; border-radius:50%; padding:0; }
#details .studio-tabs { background:#f5f5f7; border:0; padding:4px; border-radius:16px; gap:3px; margin-top:24px; }
#details .studio-tabs button { border:0; border-radius:12px; color:var(--muted); min-height:64px; padding:9px 5px; font-size:12px; }
#details .studio-tabs button[aria-selected="true"] { color:var(--ink); background:#fff; box-shadow:0 2px 8px #00000010; }
#details .studio-console :is(.layout-options,.font-options,.study-light-options,.screen-options,.text-options) button { border-radius:12px; border-color:var(--rule); background:#fff; color:var(--ink); }
#details .studio-console :is(.layout-options,.font-options,.study-light-options,.screen-options,.text-options) button[aria-pressed="true"] { background:#eaf3ff; border-color:var(--blue); color:var(--ink); box-shadow:inset 0 0 0 1px var(--blue); }
#details .studio-console .studio-catalogue .catalogue-item { border-radius:12px; background:#fff; border-color:var(--rule); }
#details .studio-console .studio-catalogue .catalogue-item[aria-pressed="true"] { background:#eaf3ff; border-color:var(--blue); box-shadow:inset 0 0 0 1px var(--blue); }
#details .studio-console .catalogue-image { border-radius:8px; }
#details #study-line-input { background:#f5f5f7; border-color:var(--rule); border-radius:12px; color:var(--ink); font-size:14px; }
#details #study-line-input[aria-invalid="true"] { border-color:#b52a25; }
#details #study-line-clear { color:var(--blue); }
#details .studio-console :is(.text-note,.text-note p,.study-light-note,#study-line-note,.studio-boundary,.study-control-heading,.personal-heading) { color:var(--muted); font-size:12px; }
#details .studio-panel-heading p { font-size:12px; }
#details .museum-services { border:0; gap:20px; margin-top:40px; }
#details .museum-services a { color:var(--ink); border:0; border-radius:20px; padding:22px; background:#fff; }
#details .museum-services a strong { color:var(--ink); font-size:14px; }
#details .museum-services a>span:last-child { color:var(--blue); }
#details .museum-services a>svg { color:var(--muted); }
#details .museum-services a>span>span { font-size:12px; color:var(--muted); }
#questions { display:block; max-width:none; padding-block:76px 80px; }
#questions>.wrap { max-width:940px; }
#questions .faq-heading { display:block; text-align:center; margin-bottom:35px; }
#questions .faq-heading .eyebrow { margin-bottom:13px; }
#questions .faq-heading h2 { font-size:44px; line-height:1.25; }
#questions .faq-heading>p { margin:16px 0 0; font-size:17px; color:var(--muted); }
#questions .faq-list { margin:0; border-top:1px solid var(--rule); }
#questions .faq-list summary { padding-block:25px; font-size:17px; line-height:1.65; align-items:center; }
#questions .faq-index { display:none; }
#questions .faq-sign { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#f5f5f7; font-size:21px; }
#questions .faq-list details p { padding:0 50px 24px 0; font-size:15px; max-width:none; line-height:1.85; }
#release { --paper:#f5f5f7; border:0; }
#release .museum-release-inner { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:7vw; padding-block:74px; }
#release .release-heading .eyebrow { margin-bottom:15px; }
#release .release-heading h2 { font-size:clamp(38px,4.5vw,60px); line-height:1.18; }
#release .release-heading>p { color:var(--muted); margin-top:18px; font-size:16px; line-height:1.75; }
#release .museum-return { color:var(--blue); border:0; font-size:15px; padding:0; margin-top:22px; }
#release .museum-status { background:#fff; border:0; border-radius:24px; padding:28px; }
#release .museum-status>img { width:64px; height:64px; margin-bottom:22px; }
#release .museum-status>div { border-color:var(--rule); padding-block:14px; font-size:14px; }
#release .museum-status>p { color:var(--muted); font-size:12px; line-height:1.8; margin-top:20px; }
#release .museum-footer { padding-block:26px; border-color:var(--rule); font-size:11px; }
@media(min-width:761px) {
  #details .studio-layout[data-settings-open="true"] { gap:30px; }
  #details .studio-layout[data-settings-open="true"] .studio-disclosure-label { gap:5px; }
}
@media(max-width:1000px) {
  #introduction .intro-works { gap:18px; }
  #introduction .intro-works figcaption { padding:17px 19px 20px; }
  #details .museum-services { gap:12px; }
  #details .museum-services a { padding:18px 14px; }
}
@media(max-width:760px) {
  :is(#introduction,#collection,#editions,#details,#questions) { padding-block:52px 54px; }
  #introduction .chapter-line { font-size:14px; }
  #introduction .intro-copy { margin-top:16px; }
  #introduction h2 { font-size:clamp(35px,8.3vw,54px); line-height:1.2; }
  #introduction .intro-copy>p { font-size:16px; line-height:1.65; margin-top:18px; }
  #introduction .intro-copy>p br { display:none; }
  #introduction .intro-works { gap:10px; margin-top:32px; }
  #introduction .intro-works figure { border-radius:14px; }
  #introduction .intro-works figcaption { padding:14px 9px 16px; }
  #introduction .intro-works figcaption strong { font-size:16px; }
  #introduction .intro-works figcaption>span { display:none; }
  #collection .gallery-heading,#details .museum-heading { display:block; margin-bottom:28px; }
  #collection .gallery-heading .eyebrow,#details .museum-heading .eyebrow { font-size:13px; margin-bottom:10px; }
  #collection .gallery-heading h2,#details .museum-heading h2 { font-size:clamp(31px,7.3vw,48px); line-height:1.3; }
  #collection .gallery-heading>p,#details .museum-heading>p { font-size:15px; margin-top:14px; max-width:none; padding:0; }
  #collection .exhibit-stage { padding:8px; border-radius:20px; }
  #collection .exhibit-canvas { border-radius:13px; }
  #collection .exhibit-enlarge { bottom:9px; right:9px; width:36px; height:36px; font-size:18px; }
  #collection .exhibit-baseline { gap:8px; padding:10px 0 0; flex-wrap:wrap; }
  #collection .museum-segment { padding:3px; }
  #collection .museum-segment button { min-width:44px; min-height:44px; padding:8px 10px; font-size:12px; }
  #collection .exhibit-nav { gap:6px; margin-left:auto; }
  #collection .exhibit-count { min-width:38px; }
  #collection .exhibit-count>span:first-child { font-size:13px; }
  #collection .exhibit-count>span:last-child { font-size:11px; }
  #collection .exhibit-nav .round-button { width:44px; height:44px; flex-basis:44px; }
  #collection .exhibition { gap:22px; }
  #collection .exhibit-metadata h3 { font-size:clamp(23px,5.7vw,32px); line-height:1.4; }
  #collection #exhibit-phrase { font-size:14px; margin-top:5px; }
  #collection .catalogue-disclosure { padding-inline:16px; margin-top:27px; border-radius:18px; }
  #collection .catalogue-disclosure>summary { padding-block:17px; font-size:14px; min-height:58px; }
  #collection .catalogue { gap:8px; }
  #editions .edition-copy { margin-bottom:28px; }
  #editions .edition-copy .eyebrow { font-size:13px; margin-bottom:12px; }
  #editions .edition-copy h2 { font-size:clamp(34px,8vw,50px); }
  #editions .edition-description { margin-top:17px; }
  #editions .edition-description>p { font-size:15px; }
  #editions .edition-description .edition-instruction { margin-top:6px!important; font-size:12px!important; }
  #editions .edition-compare { border-radius:16px; }
  #editions .compare-label { top:10px; padding:5px 10px; font-size:11px; }
  #editions .mono-label { left:10px; }#editions .color-label { right:10px; }
  #editions .edition-caption { gap:14px; margin-top:15px; }
  #editions .edition-caption>span:first-child { display:grid; gap:4px; }
  #editions .edition-caption strong { font-size:13px; }
  #details .studio-preview .clock-study { border-radius:16px; }
  #details .studio-console { padding:20px 16px; border-radius:20px; }
  #details .studio-disclosure-label { flex-direction:column; align-items:start; gap:4px; }
  #details .studio-disclosure-label strong { font-size:18px; }
  #details .studio-disclosure-label>span { font-size:11px; }
  #details .studio-disclosure-action { width:40px; height:40px; }
  #details .studio-tabs { padding:3px; gap:1px; border-radius:13px; }
  #details .studio-tabs button { min-height:61px; font-size:11px; padding:8px 3px; border-radius:10px; }
  #details .studio-tabs svg { width:17px; height:17px; }
  #details .museum-services { gap:10px; margin-top:27px; }
  #details .museum-services a { padding:20px; }
  #questions .faq-heading { margin-bottom:26px; }
  #questions .faq-heading .eyebrow { font-size:13px; margin-bottom:10px; }
  #questions .faq-heading h2 { font-size:clamp(29px,7vw,40px); }
  #questions .faq-heading>p { font-size:15px; margin-top:13px; }
  #questions .faq-list summary { font-size:15px; padding-block:22px; gap:15px; }
  #questions .faq-list details p { font-size:14px; padding-right:20px; }
  #release .museum-release-inner { display:block; padding-block:54px 42px; }
  #release .release-heading h2 { font-size:clamp(35px,8.2vw,49px); }
  #release .release-heading>p { font-size:15px; }
  #release .museum-status { margin-top:30px; padding:24px; border-radius:20px; }
}
@media(prefers-reduced-motion:reduce) { #editions .compare-line>span { scale:1; } }
@media(prefers-contrast:more) {
  :is(#introduction,#collection,#editions,#details,#questions,#release) { --muted:#48484a; --rule:#8e8e93; }
  #details .studio-console :is(.layout-options,.font-options,.study-light-options,.screen-options,.text-options) button[aria-pressed="true"],#collection .catalogue-item[aria-pressed="true"] { border-color:#005bb8; box-shadow:inset 0 0 0 1px #005bb8; }
}