/* Keep source proportions; exposed canvas uses the visual's sampled color. */
.media-frame{display:block;position:relative;width:100%;aspect-ratio:var(--media-aspect);overflow:hidden;border-radius:8px;background:var(--media-background,var(--paper));isolation:isolate}
.media-frame>:is(img,video),.media-frame>noscript>img{position:absolute!important;display:block!important;width:var(--media-width,100%)!important;height:var(--media-height,100%)!important;max-width:none!important;max-height:none!important;left:var(--media-left,0)!important;top:var(--media-top,0)!important;margin:0!important;aspect-ratio:auto!important;object-fit:var(--media-fit,contain)!important;object-position:var(--media-position,center)!important;border:0!important;border-radius:0!important;background:var(--media-background,transparent)!important}
#work-index .archive-link>.media-frame,.archive .archive-link>.media-frame,#work-index .metric-media>.media-frame,.archive .metric-media>.media-frame{display:block;min-height:0;line-height:normal;margin-bottom:6px}
#work-index .metric-media>.media-frame,.archive .metric-media>.media-frame{margin-bottom:0}
.shuffle-mode .project .artwork.chad-visual,#work-index .chad-visual,.archive .chad-visual{border-radius:8px;overflow:hidden}
#work-index .archive-link img,#work-index .archive-link video,.archive .archive-link img,.archive .archive-link video,#work-index .selected-collection img,.archive .selected-collection img{border-radius:8px}
.media-frame>:is(img,video){border-radius:0!important}

/* The visual and dark metrics strip share one rounded silhouette and flat seam. */
.shuffle-mode .project:nth-child(n) .artwork:has(>.media-metric),#work-index .metric-media,.archive .metric-media{border-radius:8px;overflow:hidden;background:#25222a}
/* Fractional video edges must meet the bar's backing, never a bright matte. */
.artwork>.media-frame:has(+.media-metric),.metric-media>.media-frame{border-radius:8px 8px 0 0;--media-background:#25222a!important}
.media-metric{border-radius:0 0 8px 8px}
#work-index :is(img,video),.archive :is(img,video){border-radius:8px}
.media-frame>:is(img,video){border-radius:0!important}