.brand-logo { display: block; flex: 0 0 280px; }
.brand-logo img { display: block; width: 220px; height: auto; }
.site-footer .brand-logo img { filter: brightness(0) invert(1); opacity: .96; }
.site-footer .brand-logo { margin-bottom: 16px; }
.header-name { color: var(--ink); text-decoration: none; font: 700 18px Georgia, serif; letter-spacing: .02em; }
.header-name small { display: block; color: var(--gold); margin-top: 3px; font: 700 9px Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
@media (max-width: 520px) { .brand-logo { flex-basis: 205px; } .brand-logo img { width: 205px; } }