/* Same transparent sleeve and transient reflection as the approved RECORDS page.
   Scoped to this cover so no other artwork or document is affected. */
.record-frame.art{display:block;position:relative;overflow:hidden;padding:15px;background:linear-gradient(135deg,#ffffff1f,#ffffff05 45%,#ffffff13);border:1px solid #ffffff52;border-radius:16px;box-shadow:inset 1px 1px 0 #ffffff42,inset -1px -1px 0 #0002,0 3px 12px #0002}
.record-frame.art::after{content:"";position:absolute;inset:4px;border:1px solid #ffffff17;border-radius:12px;pointer-events:none;background:linear-gradient(125deg,#ffffff10,transparent 25%,transparent 78%,#ffffff06)}
.record-frame.art img{border-radius:7px;box-shadow:0 5px 15px #0004;transition:transform .8s cubic-bezier(.2,.65,.25,1),box-shadow .8s ease;will-change:auto}
.record-frame.art::before{content:"";position:absolute;z-index:2;inset:-45% -75%;pointer-events:none;opacity:0;transform:translateX(-60%) rotate(-18deg);background:linear-gradient(100deg,transparent 35%,#ffffff00 41%,#ffffff0a 45%,#ffffff52 49%,#ffffff17 53%,transparent 60%)}
@media(hover:hover) and (pointer:fine){.record-frame.art:hover::before{animation:sleeve-light 1.35s ease-in-out both}.record-frame.art:hover img{transform:scale(1.028);box-shadow:0 9px 23px #0005}}
.record-frame.art:focus-visible::before{animation:sleeve-light 1.35s ease-in-out both}.record-frame.art:focus-visible img{transform:scale(1.028)}
@keyframes sleeve-light{0%{opacity:0;transform:translateX(-60%) rotate(-18deg)}20%{opacity:.8}65%{opacity:.65}100%{opacity:0;transform:translateX(60%) rotate(-18deg)}}
@media(hover:none){.record-frame.art:hover img{transform:none}}
@media(max-width:820px) and (hover:none) and (prefers-reduced-motion:no-preference){.record-frame.art.is-scroll-lit::before{animation:sleeve-light 1.35s ease-in-out both}.record-frame.art.is-scroll-lit img{animation:sleeve-breathe 1.35s ease-in-out both}}
@keyframes sleeve-breathe{0%,100%{transform:scale(1)}45%{transform:scale(1.018)}}
@media(max-width:650px){.record-frame.art{padding:12px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){.record-frame.art img{transition:none}.record-frame.art:hover img,.record-frame.art:focus-visible img{transform:none}.record-frame.art::before,.record-frame.art:hover::before,.record-frame.art:focus-visible::before{animation:none;opacity:0}}