.brand-logo {
  display: block;
  width: 52px;
  height: 52px;
  object-fit: contain;
  flex: 0 0 auto;
}
.wordmark, .brand { gap: 9px; }
.wordmark { flex-shrink: 0; }
.footer-brand .brand-logo { width: 40px; height: 40px; }
@media (max-width: 600px) {
  .brand-logo { width: 40px; height: 40px; }
  .wordmark, .brand { gap: 7px; }
  .wordmark { font-size: 18px; }
  .site-header { flex-wrap: wrap; row-gap: 15px; }
  .site-header>nav { margin-left: auto; }
}
@media (max-width: 360px) {
  .wordmark { font-size: 17px; }
  .signup-header-note { max-width: 125px; }
}