/* Launch catalogue: 15 product families and capability galleries. */
.product-card[data-preview-image="air-1"] .catalog-motion{--product-mask:url(/assets/air-1.svg)}
.detail-dialog[data-image="air-1"] .detail-object{--product-mask:url(/assets/air-1.svg)}
.product-card[data-preview-image="air-2"] .catalog-motion{--product-mask:url(/assets/air-2.svg)}
.detail-dialog[data-image="air-2"] .detail-object{--product-mask:url(/assets/air-2.svg)}
.product-card[data-preview-image="air-3"] .catalog-motion{--product-mask:url(/assets/air-3.svg)}
.detail-dialog[data-image="air-3"] .detail-object{--product-mask:url(/assets/air-3.svg)}
.product-card[data-preview-image="air-4"] .catalog-motion{--product-mask:url(/assets/air-4.svg)}
.detail-dialog[data-image="air-4"] .detail-object{--product-mask:url(/assets/air-4.svg)}
.product-card[data-preview-image="air-5"] .catalog-motion{--product-mask:url(/assets/air-5.svg)}
.detail-dialog[data-image="air-5"] .detail-object{--product-mask:url(/assets/air-5.svg)}
.product-card[data-preview-image="bearing"] .catalog-motion{--product-mask:url(/assets/bearing.svg)}
.detail-dialog[data-image="bearing"] .detail-object{--product-mask:url(/assets/bearing.svg)}
.product-card[data-preview-image="bearing-pillow"] .catalog-motion{--product-mask:url(/assets/bearing-pillow.svg)}
.detail-dialog[data-image="bearing-pillow"] .detail-object{--product-mask:url(/assets/bearing-pillow.svg)}
.product-card[data-preview-image="bearing-roller"] .catalog-motion{--product-mask:url(/assets/bearing-roller.svg)}
.detail-dialog[data-image="bearing-roller"] .detail-object{--product-mask:url(/assets/bearing-roller.svg)}
.product-card[data-preview-image="bearing-sealed"] .catalog-motion{--product-mask:url(/assets/bearing-sealed.svg)}
.detail-dialog[data-image="bearing-sealed"] .detail-object{--product-mask:url(/assets/bearing-sealed.svg)}
.product-card[data-preview-image="bearing-tapered"] .catalog-motion{--product-mask:url(/assets/bearing-tapered.svg)}
.detail-dialog[data-image="bearing-tapered"] .detail-object{--product-mask:url(/assets/bearing-tapered.svg)}
.product-card[data-preview-image="cnc-bracket"] .catalog-motion{--product-mask:url(/assets/cnc-bracket.svg)}
.detail-dialog[data-image="cnc-bracket"] .detail-object{--product-mask:url(/assets/cnc-bracket.svg)}
.product-card[data-preview-image="cnc-housing"] .catalog-motion{--product-mask:url(/assets/cnc-housing.svg)}
.detail-dialog[data-image="cnc-housing"] .detail-object{--product-mask:url(/assets/cnc-housing.svg)}
.product-card[data-preview-image="cnc-shaft"] .catalog-motion{--product-mask:url(/assets/cnc-shaft.svg)}
.detail-dialog[data-image="cnc-shaft"] .detail-object{--product-mask:url(/assets/cnc-shaft.svg)}
.product-card[data-preview-image="cnc-sleeve"] .catalog-motion{--product-mask:url(/assets/cnc-sleeve.svg)}
.detail-dialog[data-image="cnc-sleeve"] .detail-object{--product-mask:url(/assets/cnc-sleeve.svg)}
.product-card[data-preview-image="electrical-1"] .catalog-motion{--product-mask:url(/assets/electrical-1.svg)}
.detail-dialog[data-image="electrical-1"] .detail-object{--product-mask:url(/assets/electrical-1.svg)}
.product-card[data-preview-image="electrical-2"] .catalog-motion{--product-mask:url(/assets/electrical-2.svg)}
.detail-dialog[data-image="electrical-2"] .detail-object{--product-mask:url(/assets/electrical-2.svg)}
.product-card[data-preview-image="electrical-3"] .catalog-motion{--product-mask:url(/assets/electrical-3.svg)}
.detail-dialog[data-image="electrical-3"] .detail-object{--product-mask:url(/assets/electrical-3.svg)}
.product-card[data-preview-image="electrical-4"] .catalog-motion{--product-mask:url(/assets/electrical-4.svg)}
.detail-dialog[data-image="electrical-4"] .detail-object{--product-mask:url(/assets/electrical-4.svg)}
.product-card[data-preview-image="electrical-5"] .catalog-motion{--product-mask:url(/assets/electrical-5.svg)}
.detail-dialog[data-image="electrical-5"] .detail-object{--product-mask:url(/assets/electrical-5.svg)}
.product-card[data-preview-image="fabrication-1"] .catalog-motion{--product-mask:url(/assets/fabrication-1.svg)}
.detail-dialog[data-image="fabrication-1"] .detail-object{--product-mask:url(/assets/fabrication-1.svg)}
.product-card[data-preview-image="fabrication-2"] .catalog-motion{--product-mask:url(/assets/fabrication-2.svg)}
.detail-dialog[data-image="fabrication-2"] .detail-object{--product-mask:url(/assets/fabrication-2.svg)}
.product-card[data-preview-image="fabrication-3"] .catalog-motion{--product-mask:url(/assets/fabrication-3.svg)}
.detail-dialog[data-image="fabrication-3"] .detail-object{--product-mask:url(/assets/fabrication-3.svg)}
.product-card[data-preview-image="fabrication-4"] .catalog-motion{--product-mask:url(/assets/fabrication-4.svg)}
.detail-dialog[data-image="fabrication-4"] .detail-object{--product-mask:url(/assets/fabrication-4.svg)}
.product-card[data-preview-image="fabrication-5"] .catalog-motion{--product-mask:url(/assets/fabrication-5.svg)}
.detail-dialog[data-image="fabrication-5"] .detail-object{--product-mask:url(/assets/fabrication-5.svg)}
.product-card[data-preview-image="fastener-countersunk"] .catalog-motion{--product-mask:url(/assets/fastener-countersunk.svg)}
.detail-dialog[data-image="fastener-countersunk"] .detail-object{--product-mask:url(/assets/fastener-countersunk.svg)}
.product-card[data-preview-image="fastener-nut-washer"] .catalog-motion{--product-mask:url(/assets/fastener-nut-washer.svg)}
.detail-dialog[data-image="fastener-nut-washer"] .detail-object{--product-mask:url(/assets/fastener-nut-washer.svg)}
.product-card[data-preview-image="fastener-socket"] .catalog-motion{--product-mask:url(/assets/fastener-socket.svg)}
.detail-dialog[data-image="fastener-socket"] .detail-object{--product-mask:url(/assets/fastener-socket.svg)}
.product-card[data-preview-image="fastener-threaded-rod"] .catalog-motion{--product-mask:url(/assets/fastener-threaded-rod.svg)}
.detail-dialog[data-image="fastener-threaded-rod"] .detail-object{--product-mask:url(/assets/fastener-threaded-rod.svg)}
.product-card[data-preview-image="fasteners"] .catalog-motion{--product-mask:url(/assets/fasteners.svg)}
.detail-dialog[data-image="fasteners"] .detail-object{--product-mask:url(/assets/fasteners.svg)}
.product-card[data-preview-image="flange"] .catalog-motion{--product-mask:url(/assets/flange.svg)}
.detail-dialog[data-image="flange"] .detail-object{--product-mask:url(/assets/flange.svg)}
.product-card[data-preview-image="gear"] .catalog-motion{--product-mask:url(/assets/gear.svg)}
.detail-dialog[data-image="gear"] .detail-object{--product-mask:url(/assets/gear.svg)}
.product-card[data-preview-image="gear-bevel"] .catalog-motion{--product-mask:url(/assets/gear-bevel.svg)}
.detail-dialog[data-image="gear-bevel"] .detail-object{--product-mask:url(/assets/gear-bevel.svg)}
.product-card[data-preview-image="gear-helical"] .catalog-motion{--product-mask:url(/assets/gear-helical.svg)}
.detail-dialog[data-image="gear-helical"] .detail-object{--product-mask:url(/assets/gear-helical.svg)}
.product-card[data-preview-image="gear-sprocket"] .catalog-motion{--product-mask:url(/assets/gear-sprocket.svg)}
.detail-dialog[data-image="gear-sprocket"] .detail-object{--product-mask:url(/assets/gear-sprocket.svg)}
.product-card[data-preview-image="gear-worm"] .catalog-motion{--product-mask:url(/assets/gear-worm.svg)}
.detail-dialog[data-image="gear-worm"] .detail-object{--product-mask:url(/assets/gear-worm.svg)}
.product-card[data-preview-image="hydraulic-1"] .catalog-motion{--product-mask:url(/assets/hydraulic-1.svg)}
.detail-dialog[data-image="hydraulic-1"] .detail-object{--product-mask:url(/assets/hydraulic-1.svg)}
.product-card[data-preview-image="hydraulic-2"] .catalog-motion{--product-mask:url(/assets/hydraulic-2.svg)}
.detail-dialog[data-image="hydraulic-2"] .detail-object{--product-mask:url(/assets/hydraulic-2.svg)}
.product-card[data-preview-image="hydraulic-3"] .catalog-motion{--product-mask:url(/assets/hydraulic-3.svg)}
.detail-dialog[data-image="hydraulic-3"] .detail-object{--product-mask:url(/assets/hydraulic-3.svg)}
.product-card[data-preview-image="hydraulic-4"] .catalog-motion{--product-mask:url(/assets/hydraulic-4.svg)}
.detail-dialog[data-image="hydraulic-4"] .detail-object{--product-mask:url(/assets/hydraulic-4.svg)}
.product-card[data-preview-image="hydraulic-5"] .catalog-motion{--product-mask:url(/assets/hydraulic-5.svg)}
.detail-dialog[data-image="hydraulic-5"] .detail-object{--product-mask:url(/assets/hydraulic-5.svg)}
.product-card[data-preview-image="lifting-1"] .catalog-motion{--product-mask:url(/assets/lifting-1.svg)}
.detail-dialog[data-image="lifting-1"] .detail-object{--product-mask:url(/assets/lifting-1.svg)}
.product-card[data-preview-image="lifting-2"] .catalog-motion{--product-mask:url(/assets/lifting-2.svg)}
.detail-dialog[data-image="lifting-2"] .detail-object{--product-mask:url(/assets/lifting-2.svg)}
.product-card[data-preview-image="lifting-3"] .catalog-motion{--product-mask:url(/assets/lifting-3.svg)}
.detail-dialog[data-image="lifting-3"] .detail-object{--product-mask:url(/assets/lifting-3.svg)}
.product-card[data-preview-image="lifting-4"] .catalog-motion{--product-mask:url(/assets/lifting-4.svg)}
.detail-dialog[data-image="lifting-4"] .detail-object{--product-mask:url(/assets/lifting-4.svg)}
.product-card[data-preview-image="lifting-5"] .catalog-motion{--product-mask:url(/assets/lifting-5.svg)}
.detail-dialog[data-image="lifting-5"] .detail-object{--product-mask:url(/assets/lifting-5.svg)}
.product-card[data-preview-image="motor"] .catalog-motion{--product-mask:url(/assets/motor.svg)}
.detail-dialog[data-image="motor"] .detail-object{--product-mask:url(/assets/motor.svg)}
.product-card[data-preview-image="motor-brake"] .catalog-motion{--product-mask:url(/assets/motor-brake.svg)}
.detail-dialog[data-image="motor-brake"] .detail-object{--product-mask:url(/assets/motor-brake.svg)}
.product-card[data-preview-image="motor-flange"] .catalog-motion{--product-mask:url(/assets/motor-flange.svg)}
.detail-dialog[data-image="motor-flange"] .detail-object{--product-mask:url(/assets/motor-flange.svg)}
.product-card[data-preview-image="motor-geared"] .catalog-motion{--product-mask:url(/assets/motor-geared.svg)}
.detail-dialog[data-image="motor-geared"] .detail-object{--product-mask:url(/assets/motor-geared.svg)}
.product-card[data-preview-image="motor-servo"] .catalog-motion{--product-mask:url(/assets/motor-servo.svg)}
.detail-dialog[data-image="motor-servo"] .detail-object{--product-mask:url(/assets/motor-servo.svg)}
.product-card[data-preview-image="pipes"] .catalog-motion{--product-mask:url(/assets/pipes.svg)}
.detail-dialog[data-image="pipes"] .detail-object{--product-mask:url(/assets/pipes.svg)}
.product-card[data-preview-image="pipes-elbow"] .catalog-motion{--product-mask:url(/assets/pipes-elbow.svg)}
.detail-dialog[data-image="pipes-elbow"] .detail-object{--product-mask:url(/assets/pipes-elbow.svg)}
.product-card[data-preview-image="pipes-rectangular"] .catalog-motion{--product-mask:url(/assets/pipes-rectangular.svg)}
.detail-dialog[data-image="pipes-rectangular"] .detail-object{--product-mask:url(/assets/pipes-rectangular.svg)}
.product-card[data-preview-image="pipes-reducer"] .catalog-motion{--product-mask:url(/assets/pipes-reducer.svg)}
.detail-dialog[data-image="pipes-reducer"] .detail-object{--product-mask:url(/assets/pipes-reducer.svg)}
.product-card[data-preview-image="pipes-square"] .catalog-motion{--product-mask:url(/assets/pipes-square.svg)}
.detail-dialog[data-image="pipes-square"] .detail-object{--product-mask:url(/assets/pipes-square.svg)}
.product-card[data-preview-image="pump-1"] .catalog-motion{--product-mask:url(/assets/pump-1.svg)}
.detail-dialog[data-image="pump-1"] .detail-object{--product-mask:url(/assets/pump-1.svg)}
.product-card[data-preview-image="pump-2"] .catalog-motion{--product-mask:url(/assets/pump-2.svg)}
.detail-dialog[data-image="pump-2"] .detail-object{--product-mask:url(/assets/pump-2.svg)}
.product-card[data-preview-image="pump-3"] .catalog-motion{--product-mask:url(/assets/pump-3.svg)}
.detail-dialog[data-image="pump-3"] .detail-object{--product-mask:url(/assets/pump-3.svg)}
.product-card[data-preview-image="pump-4"] .catalog-motion{--product-mask:url(/assets/pump-4.svg)}
.detail-dialog[data-image="pump-4"] .detail-object{--product-mask:url(/assets/pump-4.svg)}
.product-card[data-preview-image="pump-5"] .catalog-motion{--product-mask:url(/assets/pump-5.svg)}
.detail-dialog[data-image="pump-5"] .detail-object{--product-mask:url(/assets/pump-5.svg)}
.product-card[data-preview-image="steel-1"] .catalog-motion{--product-mask:url(/assets/steel-1.svg)}
.detail-dialog[data-image="steel-1"] .detail-object{--product-mask:url(/assets/steel-1.svg)}
.product-card[data-preview-image="steel-2"] .catalog-motion{--product-mask:url(/assets/steel-2.svg)}
.detail-dialog[data-image="steel-2"] .detail-object{--product-mask:url(/assets/steel-2.svg)}
.product-card[data-preview-image="steel-3"] .catalog-motion{--product-mask:url(/assets/steel-3.svg)}
.detail-dialog[data-image="steel-3"] .detail-object{--product-mask:url(/assets/steel-3.svg)}
.product-card[data-preview-image="steel-4"] .catalog-motion{--product-mask:url(/assets/steel-4.svg)}
.detail-dialog[data-image="steel-4"] .detail-object{--product-mask:url(/assets/steel-4.svg)}
.product-card[data-preview-image="steel-5"] .catalog-motion{--product-mask:url(/assets/steel-5.svg)}
.detail-dialog[data-image="steel-5"] .detail-object{--product-mask:url(/assets/steel-5.svg)}
.product-card[data-preview-image="tooling-1"] .catalog-motion{--product-mask:url(/assets/tooling-1.svg)}
.detail-dialog[data-image="tooling-1"] .detail-object{--product-mask:url(/assets/tooling-1.svg)}
.product-card[data-preview-image="tooling-2"] .catalog-motion{--product-mask:url(/assets/tooling-2.svg)}
.detail-dialog[data-image="tooling-2"] .detail-object{--product-mask:url(/assets/tooling-2.svg)}
.product-card[data-preview-image="tooling-3"] .catalog-motion{--product-mask:url(/assets/tooling-3.svg)}
.detail-dialog[data-image="tooling-3"] .detail-object{--product-mask:url(/assets/tooling-3.svg)}
.product-card[data-preview-image="tooling-4"] .catalog-motion{--product-mask:url(/assets/tooling-4.svg)}
.detail-dialog[data-image="tooling-4"] .detail-object{--product-mask:url(/assets/tooling-4.svg)}
.product-card[data-preview-image="tooling-5"] .catalog-motion{--product-mask:url(/assets/tooling-5.svg)}
.detail-dialog[data-image="tooling-5"] .detail-object{--product-mask:url(/assets/tooling-5.svg)}
.product-card[data-preview-image="valve-1"] .catalog-motion{--product-mask:url(/assets/valve-1.svg)}
.detail-dialog[data-image="valve-1"] .detail-object{--product-mask:url(/assets/valve-1.svg)}
.product-card[data-preview-image="valve-2"] .catalog-motion{--product-mask:url(/assets/valve-2.svg)}
.detail-dialog[data-image="valve-2"] .detail-object{--product-mask:url(/assets/valve-2.svg)}
.product-card[data-preview-image="valve-3"] .catalog-motion{--product-mask:url(/assets/valve-3.svg)}
.detail-dialog[data-image="valve-3"] .detail-object{--product-mask:url(/assets/valve-3.svg)}
.product-card[data-preview-image="valve-4"] .catalog-motion{--product-mask:url(/assets/valve-4.svg)}
.detail-dialog[data-image="valve-4"] .detail-object{--product-mask:url(/assets/valve-4.svg)}
.product-card[data-preview-image="valve-5"] .catalog-motion{--product-mask:url(/assets/valve-5.svg)}
.detail-dialog[data-image="valve-5"] .detail-object{--product-mask:url(/assets/valve-5.svg)}
.product-card[data-preview-image="welding-1"] .catalog-motion{--product-mask:url(/assets/welding-1.svg)}
.detail-dialog[data-image="welding-1"] .detail-object{--product-mask:url(/assets/welding-1.svg)}
.product-card[data-preview-image="welding-2"] .catalog-motion{--product-mask:url(/assets/welding-2.svg)}
.detail-dialog[data-image="welding-2"] .detail-object{--product-mask:url(/assets/welding-2.svg)}
.product-card[data-preview-image="welding-3"] .catalog-motion{--product-mask:url(/assets/welding-3.svg)}
.detail-dialog[data-image="welding-3"] .detail-object{--product-mask:url(/assets/welding-3.svg)}
.product-card[data-preview-image="welding-4"] .catalog-motion{--product-mask:url(/assets/welding-4.svg)}
.detail-dialog[data-image="welding-4"] .detail-object{--product-mask:url(/assets/welding-4.svg)}
.product-card[data-preview-image="welding-5"] .catalog-motion{--product-mask:url(/assets/welding-5.svg)}
.detail-dialog[data-image="welding-5"] .detail-object{--product-mask:url(/assets/welding-5.svg)}