@media (prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 .button,.site-preferences button,.album-card,.media-open,.card,.service-card{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease}
 .button:active,.site-preferences button:active{transform:scale(.97)}
 .card-photo img,.media-thumb img,.album-cover img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
 .media-dialog[open]{animation:viewer-enter .24s ease-out}
 @media(hover:hover){
  .button:hover{transform:translateY(-2px)}
  .card:hover,.album-card:hover,.service-card:hover{transform:translateY(-4px)}
  .card-photo:hover img,.media-open:hover .media-thumb img,.album-card:hover .album-cover img{transform:scale(1.045)}
  .footer-contacts a:hover .footer-contact-icon{transform:translateY(-2px)}
 }
 .footer-contact-icon{transition:transform .25s ease}
 @keyframes viewer-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}