/* Official Font Awesome brand marks; LinkedIn remains hidden until its centralized URL is configured. */
.social-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: transform .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease;
}
.social-link:hover { transform: translateY(-3px) scale(1.04); }
.social-link:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.social-link .social-name { display: none; }
.social-inline .social-link { color: var(--gold); }
.social-inline .social-link:hover { color: var(--gold-light); }
.footer-bottom .social-link { color: var(--gold); }
.footer-bottom .social-link:hover { color: var(--gold-light); }
.social-large { align-items: center; flex-wrap: wrap; }
.social-large .social-link {
  width: 144px;
  height: 58px;
  justify-content: flex-start;
  padding: 0 18px;
  background: #f6f3ed;
  border: 1px solid #c5bbac;
  color: var(--navy);
}
.social-large .social-link .social-name {
  display: inline;
  font: 700 10px var(--sans);
  letter-spacing: .07em;
  text-transform: uppercase;
}
.social-large .social-link i { font-size: 20px; color: var(--gold); }
.social-large .social-link:hover { background: var(--navy); border-color: var(--navy); color: #fff; }
.social-large .social-link:hover i { color: var(--gold-light); }
@media (max-width: 520px) { .social-large .social-link { width: 100%; } }