/* One visual stage; original artwork remains complete and inspectable. */
:root{--cover-paper:#eee9f3;--cover-ink:#38294b}
#work-grid .work-image,.portfolio-selected .work-image{aspect-ratio:4/3!important;background:var(--cover-paper)!important;padding:clamp(12px,2.2vw,28px)!important;display:flex;align-items:center;justify-content:center;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;overflow:hidden}
#work-grid .work-image img,.portfolio-selected .work-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none;transition:opacity .3s ease}
#work-grid .work-label,.portfolio-selected .work-label{padding:17px 0 19px;border-bottom:0!important}
#work-grid .work-label:after,.portfolio-selected .work-label:after{display:none}
html body #explore .tile{border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--cover-paper)!important;overflow:hidden!important}
html body #explore .tile>img,html body #explore .tile>video{position:absolute;top:0;left:0;width:100%!important;height:calc(100% - 72px)!important;object-fit:contain!important;object-position:center!important;box-sizing:border-box!important;padding:12px!important;transform:none!important}
html body #explore .tile .tg{display:block!important;position:absolute!important;left:0!important;bottom:0!important;width:100%!important;height:72px!important;box-sizing:border-box;background:var(--cover-paper)!important;color:var(--cover-ink)!important;border-radius:0!important;opacity:1!important;transform:none!important;text-transform:none!important;padding:10px 12px!important;letter-spacing:0!important;pointer-events:none;line-height:1.2!important}
html body #explore .tile .tg b{display:block;font:inherit!important;font-size:15px!important;line-height:1.25!important;font-weight:500!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #explore .tile .tg small{display:block;font-size:9px!important;color:#877392;line-height:1.3!important;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #explore .tile.play:after{display:none!important}
main.case-editorial>.case-lead>img,main.case-depth>.depth-hero:first-of-type>img{width:100%;aspect-ratio:16/10;max-height:78svh;object-fit:contain!important;object-position:center;background:var(--cover-paper);box-sizing:border-box;padding:clamp(12px,2vw,30px)}
@media(max-width:600px){#work-grid .work-image,.portfolio-selected .work-image{aspect-ratio:4/3!important;padding:16px!important}html body #explore .tile>img{padding:9px!important}html body #explore .tile .tg b{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){#work-grid .work-image img,.portfolio-selected .work-image img{transition:none}}
/* Floating artwork: no supplied UI mat or caption panel. */
html body #explore .tile{background:transparent!important;overflow:visible!important}
html body #explore .tile>img,html body #explore .tile>video{background:transparent!important;padding:0!important;height:calc(100% - 58px)!important;filter:none!important;border-radius:0!important}
html body #explore .tile .tg{height:58px!important;padding:12px 0 0!important;background:transparent!important;color:#f5eef9!important}
html body #explore .tile .tg small{color:#bc9bcb!important;margin-top:4px!important}
html body #explore .tile:hover .tg b{color:#efa9df!important}