.site-footer { padding:32px clamp(24px,5vw,72px) 24px; color:#dbe8e2; background:#13251f; border-top:4px solid var(--green); font-size:12px; }
.site-footer-main { max-width:1240px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.site-footer-brand { display:flex; align-items:center; gap:11px; color:white; text-decoration:none; }
.site-footer-brand strong,.site-footer-brand small { display:block; }
.site-footer-brand strong { font-size:15px; }
.site-footer-brand small { margin-top:2px; color:#aabbb4; font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
.site-footer-mark { width:34px; height:34px; display:grid; place-items:center; flex:0 0 auto; color:white; background:var(--green); border-radius:10px 10px 10px 3px; font:700 19px/1 Georgia,"Times New Roman",serif; }
.site-footer-nav { display:flex; align-items:center; gap:6px; }
.site-footer-nav a { min-height:36px; padding:0 12px; display:inline-flex; align-items:center; color:#dbe8e2; border-radius:7px; font-weight:750; text-decoration:none; }
.site-footer-nav a:hover { color:white; background:rgba(255,255,255,.08); }
.site-footer-meta { max-width:1240px; margin:24px auto 0; padding-top:18px; display:flex; justify-content:space-between; gap:24px; color:#8fa49b; border-top:1px solid rgba(255,255,255,.12); font-size:10px; line-height:1.5; }

@media (max-width:680px) {
  .site-footer { padding:28px 14px 22px; }
  .site-footer-main { align-items:flex-start; flex-direction:column; gap:18px; }
  .site-footer-nav { width:100%; flex-wrap:wrap; overflow:visible; }
  .site-footer-nav a { flex:1 1 calc(33.333% - 6px); justify-content:center; background:rgba(255,255,255,.05); }
  .site-footer-meta { padding-right:54px; align-items:flex-start; flex-direction:column; gap:7px; }
}