/* Official artwork: preserve proportions, original colors and opaque backing. */
.brand-art { display: block; width: 180px; max-width: 100%; height: auto; background: #fff; border-radius: 4px; }
.site-header .brand-art { width: 160px; }
.drawer-header .brand-art { width: 180px; }
.marketh-footer-brand .marketh-footer-logo { width: fit-content; max-width: 100%; }
.marketh-footer-logo .brand-art { width: 200px; }
.brand .brand-art { width: 180px; }
@media (max-width: 899px) { .site-header .brand-art { width: 140px; } }
@media (max-width: 639px) { .site-header .brand-art { width: 130px; } }
@media (max-width: 359px) { .site-header .brand-art { width: 120px; } }

/* Header-only transparent artwork; other branding assets retain their backing. */
.site-header .brand-art { background: transparent; }
[data-theme="dark"] .site-header .brand-art { filter: drop-shadow(0 0 0.65px rgba(255,255,255,0.95)); }

/* Footer-only transparent backing; dimensions, layout and other artwork stay intact. */
.marketh-footer-logo .brand-art { background: transparent; }