.brand { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.brand-lockup { display: flex; align-items: center; gap: 12px; }
.brand-mark { line-height: 1.1; }
.brand-tagline { display: block; font-size: 10px; line-height: 1.5; color: #e0e8e5; white-space: nowrap; }
@media (max-width: 760px) {
  .brand-lockup { gap: 10px; }
  .brand-tagline { font-size: 9px; }
}
@media (max-width: 360px) {
  .brand-lockup { gap: 8px; }
}