/* The frame uses the artwork's dimensions; its image keeps the full source. */
.media-crop{position:relative;overflow:hidden;flex-shrink:0;width:min(100%,calc(var(--crop-fit-height,100dvh)*var(--crop-ratio)));aspect-ratio:var(--crop-ratio);margin-inline:auto}
.media-crop.media-crop>img{position:absolute;display:block;left:var(--crop-image-left,0);top:var(--crop-image-top);width:var(--crop-image-width,100%);max-width:none;height:var(--crop-image-height);max-height:none;object-fit:fill;margin:0}
.preview-media-item>.media-crop{--crop-fit-height:var(--media-fit-height,calc(100dvh - var(--header-h) - 240px))}
.dialog-media-item>.media-crop{--crop-fit-height:var(--media-fit-height,calc(100dvh - 260px))}
.viewer-figure>.media-crop{--crop-fit-height:calc(100dvh - 160px)}
.row-image>.media-crop{--crop-fit-height:clamp(150px,13vw,230px)}
@media(max-width:700px){.row-image>.media-crop{--crop-fit-height:160px}}

/* A single continuous artwork surface, including portrait sources. */
.project-image-wrap,.wheel-face{container-type:size}
.media-crop.media-crop.is-cover{position:absolute;left:var(--cover-x,50%);top:var(--cover-y,50%);width:max(100cqw,calc(100cqh * var(--crop-ratio)));margin:0;transform:translate(calc(-1 * var(--cover-x,50%)),calc(-1 * var(--cover-y,50%)))}