footer {
  display: grid;
  gap: 16px;
  font-size: 0.86rem;
}

.footer-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.footer-intro p { margin: 0; }
.footer-intro nav { display: flex; gap: 18px; }
.footer-intro a { color: var(--accent); font-weight: 700; }
.social-icons { display: flex; flex-wrap: wrap; gap: 8px; }
.social-icons a { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--accent); background: var(--surface); transition: color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease; }
.social-icons a:hover { color: var(--ink); border-color: var(--accent); transform: translateY(-2px); box-shadow: 0 7px 18px rgb(17 106 123 / 16%); }
.social-icons svg { width: 19px; height: 19px; fill: currentColor; }

@media (max-width: 760px) {
  .footer-intro { align-items: flex-start; flex-direction: column; }
}