/* Hand-inked footer marks use equal boxes so their visual scale stays consistent. */
.hc-social a {
  width: 22px !important;
  height: 22px !important;
}

.hc-social img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transition: opacity 160ms ease, transform 160ms ease;
}

.hc-social a:hover img,
.hc-social a:focus-visible img {
  opacity: .72;
  transform: translateY(-1px);
}