/* R6c: one-screen home; one requested page per desk; actual night photography. */
:root{--stage-width:100vw}
html[data-theme=dark]{--master-photo:url(masters/desk-desktop-dark-1440.webp);--master-foreground:url(masters/foreground-dark.webp);--desk-exposure:none}
html[data-theme=light]{--desk-exposure:none}
html[data-theme=dark] .studio .scene-canvas::after{display:none}
.studio .screen-plane img{object-fit:cover;object-position:top center}
.studio .scene-label,.studio .title-on-object{color:#202b32}
.studio .inner-stage{position:relative;isolation:isolate;min-height:var(--desk-height);background:var(--master-foreground) center bottom/100% auto repeat-y;padding:70px 0 35px}
.inner-content{position:relative;width:45%;margin-left:3%;z-index:2}
.inner-heading{padding:14px 20px;border-width:20px;border-image-width:20px;margin-bottom:12px}
.inner-heading a{font-size:14px;display:inline-flex;align-items:center;min-height:44px}.inner-heading h2{font-size:38px;margin:4px 0 8px}
.studio .inner-content .world-chapter,.studio .inner-content .reading-world,.studio .inner-content .work-console{min-height:0;padding:0;margin:0 0 18px;scroll-margin-top:65px}
.studio .inner-content .world-chapter::before,.studio .inner-content .reading-world::before,.studio .inner-content .work-console::before{display:none!important}
.studio .inner-content .info-panel,.studio .inner-content .reading-plate{width:100%;max-width:none!important;padding:24px 16px;min-height:0!important}
.inner-stage .scene-desktop [data-device=tablet]{visibility:hidden!important}
.studio .inner-content .demo-exhibit{display:block;padding:18px 10px;margin-bottom:12px;gap:0}
.studio .inner-content .preview-pair{width:100%;padding-right:14%;padding-bottom:5%}.studio .inner-content .exhibit-copy{width:100%;padding:20px 5px 0}
.studio .inner-content .project-selector{padding:4px 0;margin-bottom:16px;gap:0}.studio .inner-content .project-selector .key{min-width:130px;width:33%}
.slim-footer{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:3px 16px;border-width:10px;border-image-width:10px;font-size:12px;line-height:1.4;z-index:26;margin-bottom:8px}
.slim-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 14px}.slim-footer a{display:inline-flex;align-items:center;min-height:32px}
body.home-view{padding-bottom:0;--stage-width:min(100vw,calc((100svh - 150px) * 1.5 / .76));--desk-height:calc(var(--stage-width) * 2 / 3)}
.studio.home-view .hero-world{height:100svh;min-height:0;max-height:none;background:var(--master-foreground) center bottom/cover}
.home-view .environment,.home-view .desk-labels{width:var(--stage-width);left:50%;transform:translateX(-50%)}
.home-view .title-desktop{top:11%!important;left:8%!important;width:39%!important;height:14%!important;padding:3px!important;justify-content:center}
.home-view .title-desktop h1{font-size:clamp(26px,2.7vw,40px)!important;margin-bottom:6px;line-height:1.08}.home-view .title-kicker{font-size:12px!important;margin-bottom:7px}.home-view .title-price{font-size:18px!important}
.home-view .exhibit-note{left:8%;transform:none;top:calc(var(--desk-height) * .265);bottom:auto;width:39%;min-height:0;border:0;border-image:none;background:none;padding:0;gap:0;color:#202b32}
.home-view .exhibit-note .disclosure,.home-view .hero-counter{color:#35454d}
.home-view .hero-browser{height:62px}.home-view .hero-lede{font-size:14px!important}
.home-view .slim-footer{position:absolute;bottom:0;left:0;width:100%;margin:0;min-height:40px;padding-top:0;padding-bottom:0}
.home-view .object-dock{bottom:44px;height:108px}
@media(min-width:769px){.studio:not(.home-view){padding-bottom:116px}}
@media(max-width:768px){
html[data-theme=dark]{--master-photo:image-set(url(masters/desk-mobile-dark-390.webp) 1x,url(masters/desk-mobile-dark-780.webp) 2x)}
body.home-view{--stage-width:min(100vw,calc((100svh - 210px) * 984 / 1599));--desk-height:calc(var(--stage-width) * 1599 / 984)}
.home-view .environment,.home-view .desk-labels{top:0}
.home-view .title-mobile{font-size:24px!important;justify-content:center}.home-view .title-mobile h1{font-size:24px!important}.home-view .title-mobile .title-price{font-size:16px!important}
.home-view .exhibit-note{left:50%;transform:translateX(-50%);top:calc(var(--desk-height) * .78);width:calc(100% - 28px);max-width:500px;padding:5px 7px;border:12px solid transparent;border-image:var(--panel) 125 fill/12px/0 stretch;color:var(--ink);min-height:138px}
.home-view .exhibit-note .disclosure,.home-view .hero-counter{color:var(--muted)}
.home-view .slim-footer{bottom:calc(64px + env(safe-area-inset-bottom));padding:2px 10px;border-width:10px;border-image-width:10px;gap:0;min-height:58px}
.home-view .slim-footer>span{display:none}.home-view .slim-footer nav{gap:0 12px}.home-view .slim-footer a{min-height:24px}
.studio .inner-stage{padding:calc(var(--desk-height) + 16px) 12px 20px;min-height:0}
.inner-content{width:100%;margin:0}.inner-heading{padding:10px 12px}.inner-heading h2{font-size:30px}
.inner-stage .scene-desktop [data-device=tablet]{visibility:visible!important}
.studio .inner-content .info-panel,.studio .inner-content .reading-plate{padding:22px 12px}
.studio .inner-content .project-selector .key{width:50%;min-width:0}
.slim-footer{margin:0 12px 12px;padding:4px 8px;gap:0}.slim-footer>span{width:100%;text-align:center}
}
@media(min-width:769px) and (max-width:900px) and (max-height:500px){
.home-view .hero-world{height:100svh!important;min-height:0!important}.home-view{--stage-width:100vw!important;--desk-height:calc(100vw * 2 / 3)!important}
.home-view .environment,.home-view .desk-labels{width:68%;left:34%;top:52px;--desk-height:calc(68vw * 2 / 3)}
.home-view .exhibit-note{left:auto;right:8px;top:68px;width:30%;padding:8px;border:12px solid transparent;border-image:var(--panel) 125 fill/12px/0 stretch;color:var(--ink)}
.home-view .hero-browser{height:auto;flex-wrap:wrap}.home-view .hero-current{order:-1;flex-basis:100%}.home-view .hero-lede{display:none}.home-view .exhibit-note .disclosure,.home-view .hero-counter{color:var(--muted)}
.home-view .title-desktop h1{font-size:22px!important}.home-view .title-desktop .title-kicker{display:none}.home-view .title-desktop .title-price{font-size:14px!important}
.home-view .slim-footer{bottom:64px}.studio .inner-stage{padding-top:calc(var(--desk-height) + 16px)}.inner-content{width:calc(100% - 24px);margin:0 12px}.inner-stage .scene-desktop [data-device=tablet]{visibility:visible!important}
}

.studio .inner-stage>.desk-labels{z-index:1}.inner-stage .title-desktop{display:none}.inner-stage .title-mobile h1{font-size:24px!important}
/* Deep ink stays readable over both the warm lamp pool and cool aluminium reflections. */
.studio .title-on-object,.home-view .exhibit-note{color:#142027}
@media(max-width:768px){.home-view .exhibit-note{color:var(--ink)}}
@media(min-width:769px){.studio .inner-content>.world-chapter>.info-panel,.studio .inner-content>.reading-world>.reading-plate{min-height:max(0px,calc(var(--desk-height) * .8 - 170px))!important}}
@media(min-width:769px) and (max-width:900px) and (max-height:500px){.studio .inner-content>.world-chapter>.info-panel,.studio .inner-content>.reading-world>.reading-plate{min-height:0!important}}
@media(min-width:901px),(min-width:769px) and (min-height:501px){.home-view .exhibit-note .disclosure,.home-view .hero-counter{color:#081018}}
/* The fitted stage is shared by HOME and EVERY inner page at a given viewport. */
body.studio{--stage-width:min(100vw,calc((100svh - 150px) * 1.5 / .76));--desk-height:calc(var(--stage-width) * 2 / 3)}
.studio .environment,.studio .desk-labels{width:var(--stage-width);left:50%;transform:translateX(-50%)}
@media(min-width:769px){.home-view .exhibit-note{left:calc((100vw - var(--stage-width)) / 2 + var(--stage-width) * .08);width:calc(var(--stage-width) * .39)}}
@media(max-width:768px){body.studio{--stage-width:min(100vw,calc((100svh - 210px) * 984 / 1599));--desk-height:calc(var(--stage-width) * 1599 / 984)}}
@media(min-width:769px) and (max-width:900px) and (max-height:500px){
body.studio,body.studio.home-view{--stage-width:62vw!important;--desk-height:calc(62vw * 2 / 3)!important}
.studio .environment,.studio .desk-labels{width:var(--stage-width);left:31%;top:56px}
.studio .inner-stage{padding-top:calc(var(--desk-height) + 72px)}
.home-view .exhibit-note{left:auto;right:8px;top:68px;width:34%;color:var(--ink)}
}
.studio .environment,.studio .desk-labels{--desk-height:inherit}
@media(min-width:769px) and (max-width:900px) and (max-height:500px){
body.studio,body.studio.home-view{--stage-width:52vw!important;--desk-height:calc(52vw * 2 / 3)!important}
.studio .environment,.studio .desk-labels{left:26%}
.home-view .title-desktop{top:13%!important;left:7.5%!important;width:41%!important;height:26%!important}
.home-view .title-desktop h1{font-size:20px!important;margin-bottom:3px}.home-view .title-desktop .title-price{font-size:14px!important}
}