/* Footer micro-interactions. */
.site-footer__brand .custom-logo-link {
    display: inline-block;
    transform-origin: left center;
    transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1), filter 280ms ease;
}

.site-footer__brand .custom-logo-link:hover,
.site-footer__brand .custom-logo-link:focus-visible {
    transform: translateY(-4px) scale(1.015);
    filter: drop-shadow(0 10px 20px rgba(93, 161, 216, 0.18));
}

.site-footer__contact a,
.footer-menu a {
    position: relative;
    display: inline-block;
    width: fit-content;
    color: var(--sps-white);
    text-decoration: none;
    transition: transform 220ms ease, color 220ms ease;
}

.site-footer__contact a::after,
.footer-menu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--sps-primary), var(--sps-orange));
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

.site-footer__contact a:hover,
.site-footer__contact a:focus-visible,
.footer-menu a:hover,
.footer-menu a:focus-visible {
    color: #d8e9f7;
    transform: translateX(5px);
}

.site-footer__contact a:hover::after,
.site-footer__contact a:focus-visible::after,
.footer-menu a:hover::after,
.footer-menu a:focus-visible::after {
    transform: scaleX(1);
}

.site-footer__bottom {
    transition: border-color 280ms ease;
}

.site-footer:hover .site-footer__bottom {
    border-top-color: rgba(93, 161, 216, 0.34);
}

@media (prefers-reduced-motion: reduce) {
    .site-footer__brand .custom-logo-link,
    .site-footer__contact a,
    .footer-menu a,
    .site-footer__contact a::after,
    .footer-menu a::after,
    .site-footer__bottom {
        transition: none;
    }
}