/* IMAGO frames the work; each exhibit keeps its own colour and imagery. */
.place-dialog[data-place=games]{width:min(1040px,calc(100% - 48px));margin:auto;padding:30px 38px 28px;background:linear-gradient(125deg,#10272efc,#081b24fc)}
.place-dialog[data-place=games][open]{grid-template-columns:48px minmax(0,1fr);gap:18px 18px}
.place-dialog[data-place=games] .panel-emblem{width:48px;height:58px}
.place-dialog[data-place=games] .panel-emblem img{width:44px;height:56px}
.place-dialog[data-place=games] #place-content{padding-top:18px}
.place-dialog[data-place=games]::after{display:none}
.place-dialog[data-place=games] .work-kind{margin:0 0 15px;font-size:11px;letter-spacing:.2em}
.work-windows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.work-window{display:block;min-width:0;text-decoration:none;color:#e4d4b3;--project-light:115,183,222;--wx:50%;--wy:50%}
.bio-window{--project-light:152,141,218}
.window-picture{position:relative;overflow:hidden;aspect-ratio:1.62;background:#07121a;border:1px solid #c6bb9833;box-shadow:0 12px 26px #0004,inset 0 0 0 1px #06131c;isolation:isolate}
.window-picture::before{content:"";position:absolute;inset:6px;z-index:3;border:1px solid #e2d2ac16;pointer-events:none;transition:border-color .6s}
.window-picture img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.025);transition:transform 1.4s cubic-bezier(.2,.7,.2,1);will-change:auto}
.geo-window .window-picture img{object-position:57% 54%}
.bio-window .window-picture img{object-position:50% 8%}
.window-glass{position:absolute;inset:0;background:radial-gradient(ellipse at var(--wx) var(--wy),rgba(var(--project-light),.09),transparent 60%);opacity:0;transition:opacity .65s;pointer-events:none}
.window-seam{position:absolute;left:25%;right:25%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--project-light),.8),transparent);opacity:.25;transition:left .6s,right .6s,opacity .6s}
.window-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 2px 7px}
.window-name{font:400 25px/1.25 ImagoInstrument,sans-serif;letter-spacing:.015em;transition:color .4s}
.window-name small{display:block;margin-top:6px;color:#aec0bd;font:400 14px/1.45 ImagoInstrument,sans-serif;letter-spacing:.02em}
.window-destination{flex:none;padding-top:5px;color:#9fb6b6;font:400 11px/1.5 ImagoInstrument,sans-serif;letter-spacing:.025em;border-bottom:1px solid #9fb6b633;padding-bottom:4px}
.work-window:is(:hover,:focus-visible) .window-picture img{transform:scale(1.055)}
.work-window:is(:hover,:focus-visible) .window-picture::before{border-color:rgba(var(--project-light),.3)}
.work-window:is(:hover,:focus-visible) .window-glass{opacity:1}
.work-window:is(:hover,:focus-visible) .window-seam{left:9%;right:9%;opacity:1}
.work-window:is(:hover,:focus-visible) .window-name{color:#f1e7d2}
.work-window:focus-visible{outline:2px solid #badfd5!important;outline-offset:7px!important}
html[data-motion=off] .work-window *,html[data-reading=true] .work-window *{will-change:auto}
html[data-motion=off] .work-window *{transition:none!important}
html[data-motion=off] .work-window:is(:hover,:focus-visible) img{transform:scale(1.025)}
@media(max-width:700px){
 .place-dialog[data-place=games]{width:calc(100% - 28px);padding:24px;max-height:calc(100svh - 28px)}
 .work-windows{grid-template-columns:1fr;gap:24px}
 .window-picture{aspect-ratio:1.8}
 .window-caption{padding-top:14px}
 .window-name{font-size:23px}
 .window-name small{font-size:13px}
 .window-destination{font-size:10px}
 .place-dialog[data-place=games] .close{position:sticky;top:0;grid-column:2;grid-row:1;align-self:start;justify-self:end;margin:-14px -17px 0 0;background:radial-gradient(ellipse,#0b222bf5 30%,#0b222b00 72%);z-index:5}
}
@media(max-width:360px){.window-caption{flex-wrap:wrap;gap:5px}.window-destination{padding-top:0}}
@media(max-height:600px) and (min-width:701px){.window-picture{aspect-ratio:2.25}.place-dialog[data-place=games]{padding:20px 30px}.window-caption{padding-top:12px}}
@media(max-height:480px) and (min-width:480px){
 .work-windows{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .place-dialog[data-place=games]{padding:16px 24px}
 .place-dialog[data-place=games][open]{grid-template-columns:36px minmax(0,1fr);gap:8px 14px}
 .place-dialog[data-place=games] .panel-emblem{height:40px}
 .place-dialog[data-place=games] .panel-emblem img{width:33px;height:40px}
 .place-dialog[data-place=games] #place-content{padding-top:10px}
 .place-dialog[data-place=games] .work-kind{margin-bottom:10px}
 .window-picture{aspect-ratio:2}
 .window-caption{flex-wrap:wrap;padding-top:10px;gap:4px}
 .window-name{font-size:20px}.window-name small{margin-top:3px;font-size:12px}
 .window-destination{padding-top:0}
 .place-dialog[data-place=games] .close{margin:-6px -17px 0 0}
}
@media(prefers-reduced-motion:reduce){.work-window *{transition:none!important}.work-window:is(:hover,:focus-visible) img{transform:scale(1.025)}}
@media(forced-colors:active){.work-window{color:LinkText}.window-picture{border-color:CanvasText}.window-name,.window-name small,.window-destination{color:LinkText}}
