/* 50/50 hover zoom layer - manufacturing/capabilities/quality only (rnd uses .rnd-5050__zoom)
   Hover scale sits between outer frame (JS scroll scale) and inner image (JS scroll zoom);
   inline JS transform on .rf-kb would beat any CSS hover, hence this dedicated middle layer. */
.rf-5050__zoom{position:absolute;inset:0;transform:scale(1);transition:transform .7s ease;will-change:transform}
.rf-5050__media:hover .rf-5050__zoom{transform:scale(1.05)}
@media(max-width:760px){
  .rf-5050__zoom{transition:none}
  .rf-5050__media:hover .rf-5050__zoom{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .rf-5050__zoom{transition:none}
  .rf-5050__media:hover .rf-5050__zoom{transform:none}
}