.site-footer {
  background: var(--void);
  color: var(--carbon);
  padding-block: clamp(60px, 8vw, 92px) 30px;
}

.site-footer-top {
  display: flex;
  flex-direction: column;
  gap: 42px;
  padding-bottom: 46px;
  border-bottom: 1px solid var(--charcoal);
}

.site-footer-tagline { margin-top: 18px; font-size: 14px; line-height: 1.6; color: var(--ash); max-width: 340px; }
.site-footer-requisites {
  margin-top: 20px;
  font-family: var(--mono);
  font-size: 11px; letter-spacing: 0.02em; line-height: 1.7; color: var(--smoke); max-width: 340px;
}

.site-footer-col-title {
  font-family: var(--mono);
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--iris); margin-bottom: 20px;
}
.site-footer-nav { display: flex; flex-direction: column; gap: 13px; }
.site-footer-nav a { font-size: 14px; color: var(--ash); transition: color 0.2s var(--ease); }
.site-footer-nav a:hover { color: var(--carbon); }

.site-footer-contacts { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.site-footer-phone-group { display: flex; flex-direction: column; gap: 4px; }
.site-footer-phone-label {
  font-family: var(--mono);
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--smoke);
}
.site-footer-phone { font-family: var(--display); font-weight: 400; font-size: 26px; letter-spacing: -0.03em; color: var(--carbon); transition: color 0.2s var(--ease); }
.site-footer-phone:hover { color: var(--iris); }
.site-footer-email { font-size: 14px; color: var(--ash); transition: color 0.2s var(--ease); }
.site-footer-email:hover { color: var(--iris); }

.site-footer-bottom {
  display: flex; flex-direction: column; gap: 14px;
  padding-top: 26px;
  font-family: var(--mono);
  font-size: 11px; letter-spacing: 0.02em; color: var(--smoke);
}
.site-footer-legal { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.site-footer-legal a { transition: color 0.2s var(--ease); }
.site-footer-legal a:hover { color: var(--carbon); }