.art.has-photo{background-size:cover;background-position:center;background-repeat:no-repeat}.art.has-photo:after{display:none}.featured-release .has-photo{background-size:cover;background-position:center}

/* A small overscan makes both crop axes adjustable. With plain `cover`, a
   landscape image in a square tile has no vertical overflow, so vertical
   background-position cannot visibly move it. */
.card-focus-crop{position:relative;overflow:hidden;background-color:#fff!important;background-image:none!important}
.card-focus-crop::before{content:"";position:absolute;z-index:0;width:calc(100% + var(--card-overscan,12%));height:calc(100% + var(--card-overscan,12%));left:var(--card-offset-x,-6%);top:var(--card-offset-y,-6%);background-image:var(--card-image);background-position:var(--card-focus-x,50%) var(--card-focus-y,50%);background-repeat:no-repeat;background-size:cover;transform:scale(var(--card-image-zoom,1));transform-origin:center;pointer-events:none}
.art.card-focus-crop::after{display:none}