.site-footer .footer-brand {
  display: grid;
  min-width: 0;
  gap: 16px;
  padding-block: 18px;
}

.site-footer .footer-contact {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: 12px;
  min-height: 54px;
  max-width: 100%;
  padding: 7px 10px 7px 7px;
  border: 1px solid var(--wow-line, var(--line));
  border-radius: 10px;
  color: var(--wow-ink, var(--text));
  text-decoration: none;
  transition: border-color .16s ease, background-color .16s ease;
}

.site-footer .footer-contact-icon {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--wow-cyan, var(--accent)) 10%, transparent);
  color: var(--wow-cyan, var(--accent));
}

.site-footer .footer-contact-icon svg { width: 21px; height: 21px; }
.site-footer .footer-contact-copy { display: grid; min-width: 0; gap: 3px; }
.site-footer .footer-contact-label { color: var(--wow-muted, var(--muted)); font-size: 11px; line-height: 1.35; }
.site-footer .footer-contact-email { font-size: 14px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }

.site-footer .footer-contact:hover {
  border-color: var(--wow-cyan, var(--accent));
  background: color-mix(in srgb, var(--wow-cyan, var(--accent)) 5%, transparent);
}

.site-footer .footer-contact:focus-visible {
  outline: 2px solid var(--wow-cyan, var(--accent));
  outline-offset: 4px;
}

@media (max-width: 700px) {
  .site-footer .footer-brand { gap: 14px; padding-block: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .site-footer .footer-contact { transition: none; }
}