/* New footer design, brought over from the redesign.
   Loaded after style.css on pages that still use the original stylesheet. */
.footer { background: #102b22; color: rgba(255,255,255,.78); }
.footer-brand img { height: 64px; width: 64px; aspect-ratio: 1; object-fit: contain; margin-bottom: 16px;
  background: #f7f4eb; padding: 4px; border-radius: 2px; }
.footer-wordmark { display: block; font-family: var(--font-display); color: #fff; font-size: 1.5rem; margin-bottom: 16px; }
.footer-wordmark .brand-byline { display: block; margin-top: 6px; font-family: var(--font-body); font-size: .85rem;
  font-weight: 400; letter-spacing: .06em; color: #e8d5a3; }
.footer-brand p { color: rgba(255,255,255,.78); }
.footer-col h2 { font-family: var(--font-body); font-size: .9rem; font-weight: 700; color: #e8d5a3;
  letter-spacing: .04em; text-transform: uppercase; margin-bottom: 18px; line-height: 1.4; }
.footer-col li a { display: inline-flex; align-items: center; min-height: 36px; color: rgba(255,255,255,.78); }
.footer-col li a:hover { color: var(--gold); }
.footer-contact-item, .footer-contact-item a { color: rgba(255,255,255,.78); }
.footer-contact-item a:hover { color: var(--gold); }
.footer-bottom p, .footer-legal a { color: rgba(255,255,255,.78); }
.footer-legal a:hover { color: var(--gold); }
@media (max-width: 768px) { .footer { padding-top: 56px; } }