/* An artwork-led dark gallery: variance 6, motion 5 (view transitions), density 2. */
:root{color-scheme:dark;--bg:#161714;--text:#eeefe7;--muted:#acaea4;--line:#3d4037;--accent:#c0664d;--space:clamp(18px,3vw,48px);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);display:grid;grid-template-rows:74px minmax(0,1fr) 148px;min-height:100dvh;transition:grid-template-rows .5s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;font-size:12px;letter-spacing:.02em;color:inherit;background:none;border:0;cursor:pointer;white-space:nowrap;min-height:44px;padding:8px 12px;touch-action:manipulation}a{color:inherit;text-decoration:none}button:hover,a:hover{color:#fff}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #e9b79a;outline-offset:4px}button:focus:not(:focus-visible){outline:none}p,h1,h2{margin:0}button,a{transition:background .2s,color .2s,opacity .2s}.masthead{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space);border-bottom:1px solid var(--line);z-index:4}.artist{display:flex;align-items:center;gap:12px}.artist strong{font-size:21px;font-weight:500;letter-spacing:.12em}.artist span{font-size:10px;letter-spacing:.18em;color:var(--muted)}.collection-label{font-size:13px;letter-spacing:.1em}.separator{display:inline-block;color:#72776a;margin:0 15px}.year{color:var(--muted);margin-left:30px;font-size:11px;letter-spacing:.06em}.masthead nav{display:flex;align-items:center;gap:18px}.masthead nav button,.back-link{font-size:11px;color:var(--muted)}.back-link span{margin-left:8px}
#art-stage{position:relative;min-height:0;margin:20px var(--space) 0;overflow:hidden;background:#11120f}#viewer,.artwork-fallback{position:absolute;inset:0;width:100%;height:100%}.artwork-fallback{object-fit:contain;pointer-events:none}#viewer{outline-offset:-4px;opacity:0;transition:opacity .6s}body[data-view-ready="true"] #viewer{opacity:1}body[data-view-ready="true"] .artwork-fallback{visibility:hidden}body[data-view-state="error"] .artwork-fallback{visibility:visible}body[data-view-state="error"] #viewer{opacity:0}.frame-label{position:absolute;bottom:12px;font-size:9px;letter-spacing:.2em;color:#cbcec1;writing-mode:vertical-rl;pointer-events:none;background:#161714d9;padding:8px 5px}.frame-label-left{left:4px;transform:rotate(180deg)}.frame-label-right{right:4px}.loading{position:absolute;top:16px;left:16px;font-size:12px;padding:9px 12px;background:#161714e8;pointer-events:none;max-width:80%}.loading:empty{display:none}.loading[hidden]{display:none}
.stage-tools{position:absolute;top:18px;right:18px;display:flex;align-items:center;background:#161714ed;border:1px solid #676b594d;padding:0 4px;opacity:0;visibility:hidden;transition:opacity .25s}.square{padding:5px 12px;min-width:44px}.square:first-child,.square:nth-child(3){font-size:21px}.square:hover{background:#ffffff12}#scale-value{font-size:10px;min-width:38px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.tool-divider{height:18px;width:1px;background:var(--line);margin:0 4px}.orientation{position:absolute;bottom:20px;right:20px;width:148px;background:#161714e8;padding:5px;opacity:0;visibility:hidden;transition:opacity .25s}#overview-map{height:79px;width:138px;border:0!important}.orientation-caption{display:flex;justify-content:space-between;padding:7px 3px 1px;font-size:9px;color:#c7cabe}#position-label{display:none}#return-marker{border:2px solid #f2dac3;background:#f2dac322;box-shadow:0 0 0 1px #161714;pointer-events:none}.lookback-caption{position:absolute;top:24px;left:24px;color:#fff;background:#161714eb;border-left:2px solid var(--accent);padding:14px 20px;font-size:15px;pointer-events:none;display:none}.lookback-caption span{display:block;font-size:11px;color:#c1c5b7;margin-top:7px}body[data-mode="overview"] .lookback-caption{display:block}.quiet-toggle{position:absolute;bottom:17px;left:18px;background:#161714e8;border:1px solid #64695688;min-width:54px;visibility:hidden;opacity:0;font-size:11px}
.view-footer{padding:0 var(--space);z-index:3;background:var(--bg)}.arrival,.journey{height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px}.arrival h1{font-size:clamp(19px,1.8vw,26px);font-weight:400;letter-spacing:.03em}.arrival p{font-size:10px;color:var(--muted);margin-top:11px;letter-spacing:.08em}.arrival-actions{display:flex;align-items:center;gap:24px}.text-action{padding:10px 0;color:#c5c8bc}.text-action span{margin-left:18px}.primary{background:#b85b43;color:#fff4e9;border:1px solid #d2856b;padding:17px 24px;min-width:164px}.primary:hover{background:#c9694e}.primary span{margin-left:28px}.footer-fine{height:40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:.04em}.footer-fine button{font-size:10px;padding:0;min-height:38px}.footer-fine>span{color:#888e7e}.journey{display:none;gap:20px}.chapter{display:flex;align-items:flex-start;gap:22px;max-width:60%}.chapter-number{font-size:10px;letter-spacing:.1em;color:var(--accent);padding-top:6px;min-width:50px}.chapter h2{font-weight:400;font-size:20px;line-height:1.6}.chapter p{color:var(--muted);font-size:11px;line-height:1.75;margin-top:3px;max-width:540px}.journey-actions{display:flex;flex-direction:column;align-items:flex-end;gap:0}.view-actions{display:flex;align-items:center;gap:17px}.lookback-button{border:1px solid #69705c;padding:7px 14px;font-size:11px}.lookback-button[aria-pressed="true"]{background:#e7ddc9;color:#161714}.lookback-button kbd{font:inherit;font-size:9px;opacity:.65;margin-left:14px}#share-view{font-size:11px;padding:7px 0}#share-view span{margin-left:8px}.tour-nav{display:flex;align-items:center;gap:8px;height:36px}.tour-nav button{min-height:34px;padding:4px 10px}.tour-nav #free-explore{font-size:10px;color:var(--muted);margin-left:6px}#tour-progress{appearance:none;width:90px;height:2px;border:0;background:#444a3b}#tour-progress::-webkit-progress-bar{background:#444a3b}#tour-progress::-webkit-progress-value{background:#ce947c}#tour-progress::-moz-progress-bar{background:#ce947c}body:not([data-mode="tour"]) .tour-nav{visibility:hidden}
body[data-entered="true"]{grid-template-rows:60px minmax(0,1fr) 148px}body[data-entered="true"] #art-stage{margin:0}body[data-entered="true"] .arrival{display:none}body[data-entered="true"] .journey{display:flex}body[data-entered="true"] .stage-tools,body[data-entered="true"] .quiet-toggle{opacity:1;visibility:visible}body[data-entered="true"] .orientation{opacity:.8;visibility:visible}body[data-entered="true"] .frame-label{display:none}body.quiet{grid-template-rows:0 minmax(0,1fr) 0}body.quiet .masthead,body.quiet .view-footer{opacity:0;visibility:hidden;overflow:hidden}body.quiet #art-stage{margin:0}body.quiet .stage-tools,body.quiet .orientation,body.quiet .frame-label{visibility:hidden;opacity:0}body.quiet .quiet-toggle{visibility:visible;opacity:.55}body.quiet .quiet-toggle:hover,body.quiet .quiet-toggle:focus-visible{opacity:1}body.quiet .lookback-caption{font-size:12px}
dialog{border:1px solid #565c4c;color:var(--text);background:#20221c;width:min(590px,calc(100% - 36px));padding:46px;max-height:85dvh;line-height:1.9}dialog::backdrop{background:#080a07cf;backdrop-filter:blur(8px)}dialog h2{font-size:28px;font-weight:400;margin:12px 0 22px}dialog p{font-size:14px;margin-top:18px;color:#cdd0c4}dialog .dialog-eyebrow{font-size:10px;color:var(--muted);letter-spacing:.14em;margin-top:0}dialog .source-note{font-size:12px;color:#afb5a5;border-top:1px solid var(--line);padding-top:20px}.dialog-close{position:absolute;right:17px;top:10px;font-size:11px;color:#cdd0c4}dialog a{border-bottom:1px solid #717b62}dialog dl{font-size:13px}dialog dt{margin-top:16px;color:#f0e7d9}dialog dd{margin:3px 0 0;color:#c2c8b7}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:4px;left:4px;z-index:20;background:#fff;color:#111;padding:15px}.noscript{position:fixed;top:74px;left:0;padding:10px;background:#161714;font-size:12px;z-index:10}
@media(min-width:1600px){body{grid-template-rows:84px minmax(0,1fr) 168px}.arrival,.journey{height:120px}#art-stage{margin-top:26px}.chapter h2{font-size:24px}.chapter p{font-size:13px}.primary{padding:20px 30px}.arrival h1{font-size:30px}}
@media(max-width:800px){.masthead{padding:0 18px}.masthead nav{gap:6px}.back-link{display:none}.collection-label{font-size:12px}.year{margin-left:14px}.artist span{display:none}body{grid-template-rows:60px minmax(0,1fr) 174px}#art-stage{margin:12px 12px 0}.arrival{height:131px;align-items:flex-start;justify-content:center;flex-direction:column;gap:18px}.arrival-copy h1{font-size:20px}.arrival-copy p{display:none}.arrival-actions{width:100%;justify-content:space-between;gap:16px}.primary{padding:13px 18px;min-width:150px}.text-action{font-size:11px}.footer-fine>span{display:none}body[data-entered="true"]{grid-template-rows:54px minmax(0,1fr) 202px}.journey{height:162px;flex-direction:column;align-items:stretch;justify-content:center;gap:6px}.chapter{max-width:100%;gap:14px}.chapter h2{font-size:17px}.chapter p{font-size:11px;line-height:1.6}.chapter-number{min-width:36px;font-size:9px}.journey-actions{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.view-actions{gap:12px}.view-actions kbd{display:none}.tour-nav{gap:2px}#tour-progress{width:30px}.tour-nav #free-explore{display:none}.lookback-button{font-size:11px;padding:7px 12px}#share-view{font-size:10px}.stage-tools{top:12px;right:12px}.orientation{width:106px;bottom:14px;right:12px;padding:4px}#overview-map{width:98px;height:55px}.orientation-caption{font-size:8px;padding-top:5px}.quiet-toggle{left:12px;bottom:14px}.lookback-caption{top:64px;left:12px;font-size:13px;padding:10px 13px}dialog{padding:36px 26px}.frame-label{font-size:7px;bottom:6px}body.quiet{grid-template-rows:0 minmax(0,1fr) 0}}
@media(max-height:570px) and (min-width:600px){body,body[data-entered="true"]{grid-template-rows:46px minmax(0,1fr) 98px}.arrival,.journey{height:64px;flex-direction:row}.footer-fine{height:30px}.arrival-copy p,.chapter p,.orientation{display:none}.journey-actions{flex-direction:row}.chapter h2{font-size:15px}.chapter-number{padding-top:3px}.tour-nav{height:32px}body.quiet{grid-template-rows:0 minmax(0,1fr) 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

body:not([data-entered="true"]) #revisit-route{display:none}
.loading:has(input){pointer-events:auto}
.artist,.collection-label,.chapter-number{white-space:nowrap;flex-shrink:0}
body{transition:none}
body[data-entered="true"][data-is-detail="false"] .orientation{opacity:0;visibility:hidden}
body[data-mode="overview"] .orientation{opacity:0;visibility:hidden}
@media(max-width:800px){.collection-label .year{display:none}.collection-label .separator{margin:0 8px}.tour-nav button{min-width:44px;min-height:44px}.chapter-number{min-width:44px}.tour-nav{height:44px}}
/* Trilogy and deliberately opt-in moving exhibition. */
.work-switch{position:absolute;top:18px;left:18px;display:flex;gap:2px;background:#161714ed;border:1px solid #676b594d;z-index:4}.work-switch button{min-width:44px;color:#adb1a5}.work-switch button[aria-pressed="true"]{background:#e4e1d6;color:#20251b}.roam-controls{display:none;position:absolute;bottom:max(18px,env(safe-area-inset-bottom));right:18px;z-index:12;align-items:center;background:#161714d9;padding:2px 9px;border:1px solid #9b9e9144;opacity:.35;transition:opacity .25s}.roam-controls:hover,.roam-controls:focus-within{opacity:1}.roam-controls button{min-width:44px;font-size:11px}.roam-controls span{font-size:10px;color:#c8cebd;padding:0 12px}body[data-roaming="true"] .roam-controls{display:flex}body[data-roaming="true"] .quiet-toggle,body[data-roaming="true"] .work-switch{display:none}body.quiet:not([data-roaming="true"]) .work-switch{display:none}body[data-roam-state="paused"] .roam-controls,body[data-roam-state="error"] .roam-controls{opacity:1}#start-roam{color:#e4b79f;border-bottom:1px solid #a76950}body[data-roaming="true"] #viewer{cursor:none}.masthead nav{gap:8px}.masthead nav .back-link{display:none}.collection-label .year{display:none}.work-switch~.loading{top:72px}
@media(max-width:800px){.masthead{padding:0 12px}.artist strong{font-size:18px}.collection-label{font-size:10px}.masthead nav{gap:0}.masthead nav button{font-size:10px;padding:6px 8px}#revisit-route{display:none!important}.work-switch{top:64px;left:12px}.roam-controls{right:10px;left:10px;bottom:max(10px,env(safe-area-inset-bottom));justify-content:flex-end}.roam-controls span{margin-right:auto;padding:0 5px}.roam-controls button{padding:6px 9px}.footer-fine p{font-size:9px;max-width:80%}.lookback-caption{top:114px}.work-switch~.loading{top:112px}}
