.brand-logo-img {
  display: block;
  width: 142px;
  height: auto;
}

.nav.on-light .brand-logo-img {
  filter: brightness(0);
}

.parent-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, .62);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  transition: color 160ms ease;
}

.parent-brand::before {
  content: "";
  width: 1px;
  height: 22px;
  background: rgba(255, 255, 255, .22);
}

.parent-brand:hover { color: #fff; }
.nav.on-light .parent-brand { color: var(--ink-3); }
.nav.on-light .parent-brand::before { background: var(--line); }
.nav.on-light .parent-brand:hover { color: var(--brand-deep); }

@media (max-width: 860px) {
  .brand-logo-img { width: 122px; }
  .parent-brand { display: none; }
}