/* Brand v1: original generated mark, common square geometry on every screen. */
.brand-mark { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
body .site-header .brand-mark { width: 32px; height: 32px; }
.footer-mark { display: inline-block; width: 24px; height: 24px; object-fit: contain; vertical-align: middle; flex: 0 0 auto; }
@media (max-width:600px) {
 body .site-header .brand-mark { width: 28px; height: 28px; }
 .footer-mark { margin-inline-end: 7px; }
}