/* One SVG preserves the approved mobile proportions at every width. */
.brand-lockup { display: inline-flex; align-items: center; justify-self: start; flex: 0 1 auto; min-width: 0; max-width: 100%; min-height: 44px; }
.brand-lockup .brand-signature { display: block; width: auto; height: clamp(18.7px, 1.819vw, 25.5px); max-width: 100%; }
.brand-lockup--dark .brand-signature { filter: invert(1); }
.brand-lockup:focus-visible { outline: 1px solid #c8b5dc; outline-offset: 6px; }
/* Another uniform 15% reduction, preserving the internal logo/text geometry. */
@media (max-width: 640px) { .brand-lockup .brand-signature { height: 13.51075px; } }