/* Separate from Moving realities: the shared stylesheet remains unchanged. */
body[data-mode=still] .field{height:calc(100svh - 215px);min-height:540px;max-height:1100px}
body[data-mode=still] .current-window{background:transparent;top:3%;bottom:9%;left:18%;right:16%}
.current-window::after{display:none}
.current-art{object-fit:contain;object-position:center}
body[data-mode=still] .previous{bottom:17%;top:38%}
body[data-mode=still] .next{bottom:29%;top:9%}
.side img{filter:none;object-position:center}
.side-name{font-size:clamp(16px,2vw,30px);background:var(--bg);padding:4px;width:max-content;max-width:95%}
body[data-mode=still] .enter{right:9%;top:auto;bottom:3%;width:112px;height:112px}
body[data-mode=still] .work-readout{left:4%;right:25%;bottom:4%;gap:26px}
.work-number{font-size:clamp(70px,9vw,140px)}
.work-label h2{font-size:clamp(25px,3vw,40px)}
#work-index{padding:30px 4vw 50px;scroll-margin-top:16px}
.index-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}
.index-heading h2{font:900 clamp(34px,5vw,70px)/.9 Doto,monospace;color:var(--acid)}
.index-heading>span{font-size:11px;color:var(--muted)}
.still-index{columns:4;column-gap:24px}
.still-index a{display:block;break-inside:avoid;margin:0 0 32px;padding:0 0 8px}
.still-index img{width:100%;height:auto;object-fit:contain;transition:transform .25s}
.still-index a:hover img{transform:translateX(4px)}
.still-index a:focus-visible{outline-offset:5px}
.still-index .index-label{display:flex;justify-content:space-between;gap:6px;margin-top:10px;font:900 19px Doto,monospace}
.still-index .index-label small{font:10px Workbench,monospace;color:var(--muted)}
.still-index a[aria-current=true]{color:var(--acid)}
.still-index a[aria-current=true] img{outline:3px solid var(--acid);outline-offset:-3px}
#work-dialog{padding:16px 3vw 12px;overflow:auto}
#work-dialog .dialog-bar{margin-bottom:8px}
#work-dialog .viewing-room{height:calc(100svh - 160px);min-height:230px}
#work-dialog .viewing-room img{width:100%;height:100%;object-fit:contain;background:transparent}
.image-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:900px;margin:7px auto 0;font-size:12px}
.image-controls button{padding:10px 12px;background:var(--panel)}
.dialog-position{color:var(--acid)}
#work-dialog .dialog-description{margin:8px auto 0;font-size:10px;color:var(--muted)}
body:has(dialog[open]){overflow:hidden}
.fallback-note{padding:30px}
@media(max-width:900px){.still-index{columns:3;column-gap:18px}}
@media(max-width:580px){
 body[data-mode=still] .field{height:calc(100svh - 255px);min-height:455px}
 body[data-mode=still] .field h1{font-size:clamp(38px,10vw,58px);left:10px;top:0}
 .field h1 small{font-size:8px;margin-top:7px;padding:3px 5px}
 body[data-mode=still] .current-window{left:11%;right:9%;top:13%;bottom:13%}
 body[data-mode=still] .previous{width:8%;top:43%;bottom:20%}
 body[data-mode=still] .next{width:7%;top:24%;bottom:32%}
 body[data-mode=still] .work-readout{bottom:4%;left:3%;right:24%;gap:16px}
 .work-number{font-size:22vw}
 .work-label h2{font-size:clamp(21px,6vw,29px)}
 .work-meta{font-size:8px}
 body[data-mode=still] .enter{right:3%;bottom:2%;top:auto;width:76px;height:76px;font-size:10px}
 .tuning{padding-top:8px}
 #work-index{padding:24px 15px 35px}.index-heading{gap:12px;margin-bottom:24px}.index-heading>span{font-size:9px;max-width:110px;text-align:right}
 .still-index{columns:2;column-gap:14px}.still-index a{margin-bottom:23px}.still-index .index-label{font-size:16px}
 #work-dialog .dialog-bar h2{font-size:25px}#work-dialog .close{font-size:10px;max-width:125px}
 #work-dialog .viewing-room{height:calc(100svh - 175px)}.image-controls{gap:6px;font-size:10px}
 .image-controls button{padding:8px}.dialog-description{max-width:90%}
}