.button,nav a,.project-caption a {
    transition:background .2s,color .2s,transform .2s
}
.primary:hover {
    background:#b90065;
    transform:translateY(-2px)
}
.secondary:hover {
    background:white;
    color:var(--ink)
}
.service-photo .asset-photo,.project-image .asset-photo {
    transition:transform .5s
}
.service-card summary:hover .asset-photo,.project:hover .asset-photo {
    transform:scale(1.035)
}
.service-symbol {
    transition:transform .2s
}

@media(prefers-reduced-motion:reduce) {
    html {
    scroll-behavior:auto
}
*,*::before,*::after {
    animation:none!important;
    transition:none!important
}

}