/* Restrained motion: transforms never change the approved layout. */
:root{--motion-fast:250ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
.button,.social,.text-button,.service-button,.menu-toggle,.navigation a,.footer a,.category a,.brand-arrow,input,textarea,summary{transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}
.button .icon,.category a .icon,.faq summary .icon{transition:transform var(--motion-fast) var(--motion-ease)}
.button:active{box-shadow:inset 0 0 0 2px #ffffff55}
@media(hover:hover) and (pointer:fine){.button:hover .icon,.category a:hover .icon{transform:translate(2px,-2px)}.social:hover,.brand-arrow:hover,.menu-toggle:hover{background-color:#ffffff0d}.category:hover{border-color:#e5262e66}.button:hover{box-shadow:0 5px 18px #e5262e22}}
@media(min-width:1200px) and (prefers-reduced-motion:no-preference){.mechanical:before,.suppliers:before,.mp-background:before{translate:0 var(--parallax-y,0px)}}
@media(prefers-reduced-motion:reduce){.button,.social,.text-button,.service-button,.menu-toggle,.navigation a,.footer a,.category a,.brand-arrow,input,textarea,summary,.button .icon,.category a .icon,.faq summary .icon{transition:none!important}.mechanical:before,.suppliers:before,.mp-background:before{translate:none!important}}