/* Retain depth on touchscreens without relying on a hovering cursor. */
@media (prefers-reduced-motion:no-preference) and (hover:none), (prefers-reduced-motion:no-preference) and (pointer:coarse){
 .product-shell{transform:perspective(1500px) rotateX(var(--touch-tilt,0deg))!important}
 .approach-art .monogram{transform:perspective(1000px) rotateX(var(--touch-tilt,0deg))!important}
 .clinic-cinema,.discovery-stage,.product-shell{touch-action:pan-y pinch-zoom}
 .cinema-ripple{display:block}
 .care-grid article{translate:0 calc((1 - var(--card-progress,1))*40px)}
}