/* Shared logo proportions across the public site and account workspace. */
.brand img.brand-logo,
.entry-brand img.brand-logo,
.wordmark img.brand-logo {
  display: block;
  width: 210px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  mix-blend-mode: normal;
}
.sidebar .brand { width: 100%; }
.sidebar .brand img.brand-logo { width: 100%; max-width: 190px; }
.welcome-header .brand img.brand-logo { width: 220px; }
.site-header .wordmark img.brand-logo,
.site-footer .wordmark img.brand-logo { width: 210px; height: auto; }
.mobile-brand.wordmark img.brand-logo { width: 190px; height: auto; }
@media (max-width: 600px) {
  .entry-brand img.brand-logo,
  .site-header .wordmark img.brand-logo { width: 174px; }
  .welcome-header .brand img.brand-logo { width: 180px; }
}
@media (max-width: 360px) {
  .entry-brand img.brand-logo,
  .site-header .wordmark img.brand-logo { width: 150px; }
  .welcome-header .brand img.brand-logo { width: 150px; }
}