:root { --brand: #e00020; }
.brand-full, .brand-lockup { object-fit: contain !important; height: auto !important; max-height: 65px; }
.brand-lockup-light { max-height: 60px; }
.web-brand-name .web-tick { display: none; }
.product-wordmark { display: block; width: 210px; height: auto; max-width: 100%; object-fit: contain; }
#mainNav:not(.scrolled) .product-wordmark { content: url('/product-light.svg'); }
.login-brand .product-wordmark { width: 270px; margin: 0 auto 14px; }
.side-brand .product-wordmark { width: 210px; }
@media (max-width: 600px) { .nav .product-wordmark { width: 164px; } }