.site-footer {
  padding: calc(56px * var(--ui-scale)) 0 calc(34px * var(--ui-scale));
  background: #080c0f;
  border-top: 1px solid var(--line-softer);
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: calc(24px * var(--ui-scale));
}

.footer-grid h4 {
  margin: 0 0 calc(10px * var(--ui-scale));
  font-size: 1.35rem;
  letter-spacing: 0.8px;
  font-family: var(--font-display);
}

.footer-grid p,
.footer-grid li,
.footer-grid a {
  color: var(--muted);
}

.footer-grid ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.footer-social-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  color: var(--red-accent-light) !important;
  transition: 0.22s ease;
}

.footer-social-badge:hover {
  transform: translateY(-1px);
}

.footer-social-badge span {
  font-weight: 700;
}

.footer-social-badge img {
  width: calc(24px * var(--ui-scale));
  height: calc(24px * var(--ui-scale));
  object-fit: contain;
}

.footer-brand {
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-display);
  letter-spacing: 1px;
  font-size: 1.15rem;
}

.footer-brand img {
  width: calc(75px * var(--ui-scale));
  height: calc(75px * var(--ui-scale));
  object-fit: contain;
  filter: drop-shadow(0 0 12px var(--red-main-light));
}

.footer-brand small {
  display: block;
  font-size: 0.76rem;
  color: var(--red-accent-light);
  margin-top: -3px;
  font-family: var(--font-body);
  letter-spacing: 0.7px;
}

.socket {
  margin-top: calc(30px * var(--ui-scale));
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: calc(16px * var(--ui-scale));
  color: #818a9a;
  text-align: center;
  font-size: 0.94rem;
}