/* One non-destructive 4:5 frame shared by the storefront and image studio. */
.stachus-frame{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#E5E4D9;isolation:isolate}
.stachus-frame>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;transform-origin:50% 50%;transform:translate(calc(var(--frame-x,0)*100%),calc(var(--frame-y,0)*100%)) scale(var(--frame-zoom,1)) rotate(calc(var(--frame-rotation,0)*1deg));transition:none}
.collection-crossfade>.collection-primary{opacity:1}
.collection-crossfade>.collection-secondary{opacity:0;pointer-events:none}
.collection-crossfade>img{transition:opacity 350ms ease}
@media(hover:hover) and (pointer:fine){.collection-crossfade.hover-ready:hover>.collection-secondary{opacity:1}.collection-crossfade.hover-ready:hover>.collection-primary{opacity:0}}
.collection-crossfade.hover-ready.preview-hover>.collection-secondary{opacity:1}
.collection-crossfade.hover-ready.preview-hover>.collection-primary{opacity:0}
.collection-crossfade.preview-main>.collection-secondary{opacity:0!important}
.collection-crossfade.preview-main>.collection-primary{opacity:1!important}
@media(prefers-reduced-motion:reduce){.collection-crossfade>img{transition:none}}
/* Stop the older collection hover zoom on framed collection photographs. */
.catalog-page .exhibit-link:hover .stachus-frame>img{transform:translate(calc(var(--frame-x,0)*100%),calc(var(--frame-y,0)*100%)) scale(var(--frame-zoom,1)) rotate(calc(var(--frame-rotation,0)*1deg))}
.product-page .product-stage.catalog-photo.stachus-frame{max-height:none}