.footer{background-color:var(--color-surface-low);flex-direction:column;padding-top:48px;padding-bottom:56px;display:flex;position:relative;overflow:hidden}.footer:before{content:"";pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.footer__grid{z-index:1;grid-template-columns:minmax(240px,1.2fr) repeat(3,minmax(0,1fr));align-items:start;gap:32px;padding-bottom:24px;display:grid}.footer__column{flex-direction:column;display:flex}.footer__brand{max-width:220px}.footer__column h4{color:var(--color-on-surface);letter-spacing:.08em;margin-bottom:16px}.footer__logo{object-fit:contain;width:auto;height:56px;margin-bottom:16px}.footer__brand p{color:var(--color-on-surface-variant);font-size:14px;line-height:1.6}.footer__links{flex-direction:column;gap:16px;display:flex}.footer__links a{color:var(--color-on-surface-variant);transition:color var(--transition-med);font-size:15px;line-height:1.6}.footer__links a:hover{color:var(--color-secondary)}.footer__divider{background-color:var(--color-outline-variant);opacity:.3;width:100%;height:1px;margin-bottom:32px}.footer__bottom{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;width:100%;margin-top:12px;padding-top:8px;display:flex}.footer__copyright{align-items:center;gap:24px;display:flex}.footer__socials{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.footer__socials a{color:var(--color-on-surface-variant);transition:transform var(--transition-med), color var(--transition-med)}.footer__socials a:hover{color:var(--color-on-surface);transform:translateY(-2px)}@media (max-width:1024px){.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}}@media (max-width:768px){.footer{padding-top:48px;padding-bottom:56px}.footer__grid{grid-template-columns:1fr;gap:40px;padding-bottom:32px}.footer__divider{margin-bottom:48px}.footer__bottom{text-align:center;flex-direction:column-reverse;gap:28px;margin-top:20px;padding-top:16px}.footer__copyright{flex-direction:column;gap:12px}}
