/* Use the supplied wordmark itself, preserving the lettering in the image. */
.brand-logo-frame { position: relative; display: block; flex: 0 0 auto; width: 150px; height: 78px; overflow: hidden; }
.brand-logo-frame img { position: absolute; left: 50%; top: 50%; width: 190px; height: 190px; max-width: none; transform: translate(-50%, -50%); object-fit: contain; filter: contrast(3); mix-blend-mode: screen; }
.sidebar-brand { display: flex; flex-direction: column; align-items: flex-start; }
.sidebar-brand .brand-logo-frame { width: 150px; height: 78px; }
.sidebar-brand small { margin-top: -3px; }
@media (max-width: 480px) {
  .nav .brand-logo-frame { width: 110px; height: 64px; }
  .nav .brand-logo-frame img { width: 145px; height: 145px; }
}