.site-footer { margin-top: 48px; padding: clamp(40px, 5vw, 72px) var(--gutter) 28px; background: #111722; color: #f8faff; }
.footer-main { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-bottom: 40px; }
.footer-logo { display: inline-block; }
.footer-logo img { display: block; width: 144px; height: auto; }
.footer-email { font-size: clamp(18px, 2vw, 24px); letter-spacing: -.02em; }
.site-footer a:hover { text-decoration: underline; text-underline-offset: 5px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 24px; color: #b9c4d5; font-size: 13px; line-height: 1.6; }
.footer-light { background: #e5ebf3; color: var(--ink); }
.footer-light .footer-bottom { color: #4b5563; }
@media (max-width: 767px) {
  .footer-main { align-items: flex-start; flex-direction: column; gap: 24px; padding-bottom: 32px; }
  .footer-bottom { flex-direction: column; gap: 16px; }
}