/* Keep the selected details in their accepted proportions within shared cards. */
.work-grid :is(.work-card,.person-work) .image-link:has(>.art-room-details),
.related-grid .image-link:has(>.art-room-details),
.home-work-rail .image-link:has(>.art-room-details),
.work-page .work-thumbnail>.image-link:has(>.art-room-details){aspect-ratio:1536/1000;background:transparent}
.work-page:has(>.detail-heading [data-project-title="a_room_of_ones_own"])>.work-thumbnail{max-width:1080px}
.art-room-details.art-room-details{container-type:inline-size;background:transparent;height:100%;min-height:0}
.art-room-details .room-composition{position:absolute;display:block;inset:0}
.art-room-details .room-window img{max-width:none;max-height:none;border:0;border-radius:0;filter:none;object-position:center;transition:none;user-select:none;-webkit-user-drag:none}
.art-room-details .room-after{transform:none}
.art-room-details .room-motion-toggle{position:absolute;top:8px;right:8px;z-index:3;max-width:calc(29.166667% - 8px);min-height:44px;padding:9px 10px;border:1px solid var(--line);border-radius:999px;background:var(--glass-bg,#202a28cc);color:var(--fg);backdrop-filter:blur(18px);font:500 12px/1.25 "DM Sans",sans-serif;white-space:normal;text-align:center;cursor:pointer}
.art-room-details .room-motion-toggle[hidden]{display:none}
.art-room-details .room-motion-toggle:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.art-room-details .room-motion-toggle{display:none}}