.library-art{aspect-ratio:4/5;padding:0;isolation:isolate;background:#e9e6db}
.library-art .photo-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;box-shadow:none;transform:none!important;transition:none;z-index:0}
.library-art .card-artwork{position:absolute;left:50%;top:50%;width:66%;height:auto;aspect-ratio:105/148;max-width:66%;transform:translate(-50%,-50%) rotate(-3deg);box-shadow:2px 3px 3px #322a2221,7px 14px 21px #322a222b;z-index:1;transition:transform .3s,box-shadow .3s}
.library-item:nth-child(3n+2) .card-artwork{transform:translate(-50%,-50%) rotate(3deg)}
.library-item:nth-child(3n) .card-artwork{transform:translate(-50%,-50%) rotate(-1deg)}
.library-art:hover .card-artwork{transform:translate(-50%,-52%) rotate(0deg);box-shadow:3px 5px 5px #322a221c,9px 18px 26px #322a222d}
.library-view{z-index:2;background:#faf9f0ef}
@media(max-width:650px){.library-art{padding:0}.library-art .card-artwork{width:72%;max-width:72%}}
@media(prefers-reduced-motion:reduce){.library-art .card-artwork{transition:none}.library-art:hover .card-artwork{transform:translate(-50%,-50%);box-shadow:2px 3px 3px #322a2221,7px 14px 21px #322a222b}}