.footer{background-color:var(--footer-background);color:var(--footer-text);font-family:var(--font-body);padding-top:4rem}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:4rem;padding-bottom:3rem;display:grid}.footer-brand p{color:var(--footer-muted);max-width:28rem;margin:1rem 0 1.5rem}.footer-logo{align-items:center;display:flex}.footer .logo a{color:var(--primary);font-family:var(--font-heading);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.footer .logo a:hover{color:var(--secondary)}.footer-logo img{width:auto;height:auto;max-height:3.5rem}.footer-socials{gap:1rem;display:flex}.footer-socials a{border-radius:var(--radius-full);background-color:var(--footer-surface);width:2.5rem;height:2.5rem;color:var(--white);justify-content:center;align-items:center;text-decoration:none;transition:background-color .2s;display:flex}.footer-socials a:hover{background-color:var(--secondary)}.footer-links h4,.footer-contact h4{font-family:var(--font-heading);color:var(--white);margin-bottom:1rem}.footer-links ul,.footer-contact ul{list-style:none}.footer-links li,.footer-contact li{color:var(--footer-muted);margin-bottom:.75rem}.footer-links a{color:var(--secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-contact li span.city{padding-left:1.7rem}.footer-bottom{border-top:1px solid var(--footer-border);color:var(--footer-muted);justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:.9rem;display:flex}.footer-bottom-links{gap:2rem;display:flex}.footer-bottom-links a,.footer-bottom-links .cc-link-button{color:var(--secondary);text-decoration:none;transition:color .2s}.footer-bottom-links a:hover,.footer-bottom-links .cc-link-button:hover{color:var(--primary)}@media (max-width:64rem){.footer-top{grid-template-columns:1fr;gap:3rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}.contact-info-link{color:var(--primary);text-decoration:none;transition:color .2s}.contact-info-link:hover,.footer .contact-info-link{color:var(--secondary)}.footer .contact-info-link:hover{color:var(--primary)}