/* Original o2 vector silhouette; keep proportions and clear space at each size. */
img.o2-mark { display:inline-block; object-fit:contain; flex:none; max-width:none; padding:0; border:0; border-radius:0; box-shadow:none; }
.shop-public .nav a.brand { display:inline-flex; align-items:center; gap:13px; }
.shop-public .brand .o2-mark-header { width:44px; height:auto; }
.shop-public .hero h1 .o2-mark-headline { width:1.05em; height:1.01em; vertical-align:-.15em; margin:0 .025em; }
.shop-public .footer-brand { display:inline-flex; align-items:center; gap:11px; }
.shop-public .footer-brand .o2-mark-footer { width:31px; height:auto; }
.top .brand .o2-mark-crm { width:38px; height:auto; }
.login-brand { display:flex; align-items:center; gap:18px; margin:12px 0; }
.login-brand .o2-mark-login { width:54px; height:auto; }
.login .login-brand h1 { margin:0; }
@media(max-width:430px) {
 .shop-public .brand .o2-mark-header { width:38px; }
 .shop-public .nav a.brand { gap:11px; }
 .login-brand { gap:14px; }
 .login-brand .o2-mark-login { width:44px; }
 .login .login-brand h1 { font-size:30px; }
}