/* Motion adds response and rhythm without changing layout or hiding content. */
.motion-photo-frame{overflow:hidden}.motion-photo-frame img{transform-origin:center}
@media(prefers-reduced-motion:no-preference){
 .price-button>span,.depth-button>span,.depth-text-link>span,.home-link>span,.price-hero__aside a>span,.price-letra a>span{display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1)}
 .price-button:hover>span,.depth-button:hover>span,.depth-text-link:hover>span,.home-link:hover>span,.price-hero__aside a:hover>span,.price-letra a:hover>span{transform:translate(3px,-3px)}
 .price-button:active,.depth-button:active{transform:scale(.98)}
 .catalog-photo img,.discover-card img{transition:transform .65s cubic-bezier(.16,1,.3,1)}
 .catalog-photo:hover img,.discover-card:hover img{transform:scale(1.035)}
 .related-grid>a,.connection-example-grid>a{transition:background-color .25s,border-color .25s}
}
@media(prefers-reduced-motion:reduce){.motion-photo-frame img{transform:none!important}.price-button>span,.depth-button>span,.depth-text-link>span{transform:none!important;transition:none!important}}