.site-footer.foot{padding-block:54px 40px;border-top:1px solid var(--line,#262626);background:var(--panel,#1e1e1e)}
.site-footer .foot__grid{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(150px,.8fr) minmax(220px,1.25fr) minmax(150px,.8fr);gap:clamp(28px,4vw,52px)}
.site-footer .foot__about{max-width:36ch}
.site-footer .foot__about p{margin-top:14px;color:var(--muted,#8a8a8a);font-size:.9rem;line-height:1.6}
.site-footer h4{margin:0 0 14px;color:var(--muted,#8a8a8a);font:600 .74rem/1.2 "Inter",system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.site-footer ul{margin:0;padding:0;list-style:none}
.site-footer li{margin:0 0 10px}
.site-footer li a{color:var(--text-2,#b8b8b8);font-size:.9rem;line-height:1.45;transition:color .15s var(--ease,cubic-bezier(.4,0,.2,1))}
.site-footer li a:hover{color:var(--text,#fff)}
.site-footer li a:focus-visible{outline:2px solid var(--gold,#cca860);outline-offset:3px;border-radius:3px}
.site-footer .foot__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:42px;padding-top:22px;border-top:1px solid var(--line,#262626);color:var(--muted,#8a8a8a);font-size:.8rem}
@media(max-width:980px){.site-footer .foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.site-footer .foot__grid{grid-template-columns:1fr}.site-footer .foot__bar{align-items:flex-start;flex-direction:column}}