/* Shared Quiet wave wordmark. Text is outlined in the SVG for consistent type. */
.brand {
  --brand-logo-width: 190px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  gap: 2px;
}
.brand-logo { display: block; width: var(--brand-logo-width); height: auto; }
.brand-formerly {
  /* Match the wordmark's left edge and remove the SVG's bottom whitespace. */
  margin-left: calc(var(--brand-logo-width) * .410557);
  margin-top: calc(var(--brand-logo-width) * -.046183);
  color: var(--ink-muted, #667a80);
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: .02em;
}
.partner-brand { display: block; max-width: 100%; height: auto; }
.window-brand { display: block; width: 100px; height: auto; justify-self: end; }
.contribution-brand { display: block; }
@media (max-width: 600px) {
  .brand { --brand-logo-width: 152px; }
  .partner-brand { width: 174px; }
}
@media (max-width: 380px) {
  .brand { --brand-logo-width: 132px; }
}