/* Approved cover motion, independent of responsive layout and CTA sizing. */
#work .case-collection-card .collection-art > img{transform-origin:50% 44%}
#work .case-collection-card .selected-cover-cta{isolation:isolate;transform-origin:center center}
#work .case-collection-card[data-cover-active="true"] .collection-art > img,
#work .case-collection-card[data-cover-active="true"] .selected-cover-cta{will-change:transform}
.cover-motion-label{position:relative;z-index:1}
.cover-motion-metal{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;isolation:isolate;z-index:0;opacity:0;background:#fff}
.cover-motion-metal canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit}
.cover-motion-core,.cover-motion-bevel{position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.cover-motion-core{background:radial-gradient(ellipse 49% 49% at 50% 50%,#fff 46%,#fff0 100%)}
.cover-motion-bevel{box-shadow:inset 0 0 18px #ffffff69,inset 0 0 18px #ffffff69,inset 0 0 0 1.5px #ffffff80,inset 0 1.5px 0 #ffffffc7}
#work [data-cover-metal="rim"] .cover-motion-metal{padding:2px;background:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
#work [data-cover-metal="rim"] .cover-motion-core,
#work [data-cover-metal="rim"] .cover-motion-bevel{display:none}
.cover-motion-metal[hidden]{display:none}
@media(prefers-reduced-motion:reduce){
 #work .case-collection-card .collection-art > img{transform:none!important}
 #work .case-collection-card .selected-cover-cta{transform:translateX(-50%)!important}
 .cover-motion-metal{display:none!important}
}
