/* Shared footer visual system. Layout variations are kept in footer-layouts.css. */
.site-footer {
    position: relative;
    overflow: hidden;
    background: var(--brand-primary);
    color: #fff;
}

.site-footer::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, rgb(255 255 255 / .08), transparent 36%, rgb(0 0 0 / .06));
    content: '';
}

.site-footer .footer-shell,
.site-footer .footer-bottom { position: relative; }
.site-footer .footer-shell::before { background: rgb(255 255 255 / .18); }
.site-footer .footer-brand { padding-right: 2.5rem; }
.site-footer .footer-company { color: rgb(255 255 255 / .92); font-weight: 750; }
.site-footer .footer-description { max-width: 25rem; color: rgb(255 255 255 / .76); line-height: 1.7; }
.site-footer .footer-wordmark { color: #fff; }
.site-footer .footer-wordmark small { color: rgb(255 255 255 / .72); }
.site-footer .footer-accordion { border-left-color: rgb(255 255 255 / .14); }
.site-footer .footer-accordion-summary h2 { color: #fff; letter-spacing: .08em; }
.site-footer .footer-accordion-content a,
.site-footer .footer-contact-list { color: rgb(255 255 255 / .78); }
.site-footer .footer-accordion-content a:hover,
.site-footer .footer-contact-list a:hover { color: #fff; }
.site-footer .footer-social-list a { border-color: rgb(255 255 255 / .14); background: rgb(255 255 255 / .07); }
.site-footer .footer-social-list a:hover { border-color: rgb(255 255 255 / .32); background: rgb(255 255 255 / .14); }
.site-footer .footer-contact-list svg { color: #fff; }
.site-footer .footer-bottom { border-top: 1px solid rgb(255 255 255 / .16); background: transparent; }
.site-footer .footer-bottom-inner p { color: rgb(255 255 255 / .72); }

@media (max-width: 1023px) {
    .site-footer .footer-brand { padding-right: 0; }
    .site-footer .footer-accordion { border-left: 0; border-top: 1px solid rgb(255 255 255 / .14); }
}