.button .icon,.service-link .icon,.contact-details>a>.icon,.service-portrait,.service-icon,.philosophy-grid article>.icon{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.button:active,.floating-contact a:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){
 .button:hover>.icon:last-child,.service-link:hover>.icon,.contact-details>a:hover>.icon{transform:translateX(4px)}
 .service-card:hover .service-portrait{transform:scale(1.045)}
 .service-card:hover .service-icon,.philosophy-grid article:hover>.icon{transform:translateY(-4px) rotate(-5deg)}
 .cinema-rail a .icon{transition:transform .3s ease}
 .cinema-rail a:hover .icon{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
}