/* A compact wordmark that remains legible beside the resident account action. */
.brand.link-brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; min-width: 0; width: auto; color: #f3f7ff; font-size: inherit; letter-spacing: normal; text-decoration: none; }
.link-brand img.link-brand-mark { display: block; width: 42px; height: 42px; max-width: none; flex: 0 0 42px; object-fit: contain; }
.link-brand .link-brand-wordmark { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; color: #f3f7ff; font-size: 35px; font-weight: 740; line-height: .91; letter-spacing: -.075em; }
.link-brand .link-brand-wordmark > span { display: block; margin-left: 2px; color: #9cc8fb; font-size: 10px; font-weight: 650; line-height: 1; letter-spacing: .2em; }
@media (max-width: 600px) {
  .brand.link-brand { gap: 8px; }
  .link-brand img.link-brand-mark { width: 36px; height: 36px; flex-basis: 36px; }
  .link-brand .link-brand-wordmark { gap: 3px; font-size: 31px; }
  .link-brand .link-brand-wordmark > span { margin-left: 1px; font-size: 9px; letter-spacing: .17em; }
}