@property --art-progress{syntax:"<number>";inherits:true;initial-value:0}.artwork-pair{--art-progress:0;--art-edge:calc(var(--art-progress) * 130% - 15%);isolation:isolate;width:100%;display:block;position:relative}.artwork-layers{transform-origin:50%;display:block;position:relative}.artwork-layers>img{object-fit:contain;width:100%;height:auto;max-height:none;display:block}.artwork-pair[data-ready=true] .artwork-layers{transform:translateY(calc(var(--art-progress) * -5px)) scale(calc(1 + var(--art-progress) * .035));filter:drop-shadow(0 14px 12px rgb(20 40 78/calc(var(--art-progress) * .1)))}.artwork-pair .artwork-finished{opacity:0;width:100%;height:100%;position:absolute;inset:0}.artwork-pair[data-interaction=scroll][data-ready=true] .artwork-sketch{-webkit-mask-image:linear-gradient(110deg,transparent calc(var(--art-edge) - 12%),#000 calc(var(--art-edge) + 12%));mask-image:linear-gradient(110deg,transparent calc(var(--art-edge) - 12%),#000 calc(var(--art-edge) + 12%))}.artwork-pair[data-interaction=scroll][data-ready=true] .artwork-finished{opacity:1;-webkit-mask-image:linear-gradient(110deg,#000 calc(var(--art-edge) - 12%),transparent calc(var(--art-edge) + 12%));mask-image:linear-gradient(110deg,#000 calc(var(--art-edge) - 12%),transparent calc(var(--art-edge) + 12%))}.artwork-pair[data-interaction=hover]{transition:--art-progress .52s cubic-bezier(.2,.65,.2,1)}.artwork-pair[data-interaction=hover][data-ready=true] .artwork-sketch{opacity:calc(1 - var(--art-progress))}.artwork-pair[data-interaction=hover][data-ready=true] .artwork-finished{opacity:var(--art-progress)}@media (hover:hover){.pa-stack:has(.pa-plate:hover) .artwork-pair[data-ready=true]{--art-progress:1}}.pa-stack[data-art-preview=true] .artwork-pair[data-ready=true]{--art-progress:1}.pa-stack:has(.pa-plate:focus-visible) .artwork-pair[data-ready=true]{--art-progress:1}@media (prefers-reduced-motion:reduce){.artwork-pair{transition:none}.artwork-pair[data-ready=true] .artwork-layers{filter:none;transform:none}}