.site-footer {
  --site-footer-gold: #d8b875;
  position: relative;
  z-index: 1;
  width: min(100% - 6rem, 1240px);
  margin: 0 auto;
  border-top: 1px solid rgba(216, 184, 117, .14);
  color: #f2efe8;
}
.site-footer-main { display: flex; align-items: center; min-height: 74px; }
.site-footer .site-footer-logo {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: var(--site-footer-gold);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.08em;
  text-decoration: none;
  white-space: nowrap;
}
.site-footer-logo-mark { display: inline-flex; align-items: flex-start; gap: .12rem; }
.site-footer-logo-terminal {
  color: #fff;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .08em;
  line-height: 1;
  transform: translateY(.1em);
}
.site-footer-logo-spark {
  display: block;
  width: 3px;
  height: 3px;
  margin: 3px 0 0 2px;
  border-radius: 50%;
  background: #f8d897;
  box-shadow: 0 0 11px 3px rgba(216, 184, 117, .58);
  animation: site-footer-spark 4.2s ease-in-out infinite;
}
.site-footer-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
  padding: .95rem 0 1.55rem;
  color: #8d968c;
  font-size: .68rem;
}
.site-footer-meta small { font-size: inherit; }
.site-footer-meta nav { display: flex; flex-wrap: wrap; gap: .55rem 1.35rem; }
.site-footer .site-footer-meta a { color: inherit; text-decoration: none; }
.site-footer .site-footer-meta a:hover { color: var(--site-footer-gold); }

@keyframes site-footer-spark {
  50% { opacity: .42; box-shadow: 0 0 3px 1px rgba(216, 184, 117, .14); }
}
@media (max-width: 1180px) {
  .site-footer { width: min(100% - 3rem, 1100px); }
}
@media (max-width: 600px) {
  .site-footer { width: calc(100% - 2rem); }
  .site-footer-main { min-height: 64px; }
  .site-footer-meta { align-items: flex-start; flex-direction: column; gap: .65rem; padding: .8rem 0 1.3rem; font-size: .65rem; }
}
@media (prefers-reduced-motion: reduce) {
  .site-footer-logo-spark { animation: none; }
}