.art-card{aspect-ratio:4/5;width:clamp(150px,15vw,216px);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;background:#000;border:1px solid #ffffff14;border-radius:20px;margin:0;transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .3s;position:relative;overflow:hidden}.art-card-scrim{pointer-events:none;background:linear-gradient(#0000,#00000059);height:40%;position:absolute;inset:auto 0 0}@media (hover:hover){.art-card:hover{border-color:#ffffff3d}}@media (max-width:760px){.art-card{border-radius:16px;width:132px}}@media (prefers-reduced-motion:reduce){.art-card{transition:none;transform:none}}