/* Visually align the transparent icon artwork with the cropped wordmark. */
.brand-icon {
  transform: translateY(-4px);
}

/* The footer icon is the home link. */
.footer-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: filter .2s ease, transform .2s ease;
}

.footer-logo:hover,
.footer-logo:focus-visible {
  filter: brightness(1.2);
  transform: translateY(-1px);
  outline: 2px solid rgba(255, 166, 0, .7);
  outline-offset: 4px;
}

@media (max-width: 560px) {
  .brand-icon {
    transform: translateY(-3px);
  }
}