.brand {
  min-width: 52px;
  position: relative;
  padding: 0 6px 0 0;
}

.brand-logo-stack {
  position: relative;
  display: inline-grid;
  align-items: center;
  height: 46px;
}

.brand-logo-full,
.brand-logo-mark {
  grid-area: 1 / 1;
  object-fit: contain;
  object-position: left center;
  transition: opacity .22s ease, transform .22s ease, width .22s ease;
}

.brand-logo-full {
  width: 174px;
  height: 42px;
  opacity: 1;
}

.brand-logo-mark {
  width: 38px;
  height: 42px;
  opacity: 0;
  transform: translateY(2px) scale(.92);
}

.nav.is-compact .brand-logo-full {
  width: 44px;
  opacity: 0;
  transform: translateX(-8px) scale(.96);
}

.nav.is-compact .brand-logo-mark {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.nav.is-compact .brand:hover .brand-logo-full,
.nav.is-compact .brand:focus-visible .brand-logo-full {
  width: 174px;
  opacity: 1;
  transform: translateX(0) scale(1);
}

.nav.is-compact .brand:hover .brand-logo-mark,
.nav.is-compact .brand:focus-visible .brand-logo-mark {
  opacity: 0;
  transform: translateY(2px) scale(.92);
}

.language-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 12px 0 14px;
  border-radius: 999px;
  background: rgba(135, 80, 255, .1);
  color: var(--ink);
  transition: background .18s ease, color .18s ease, transform .18s ease;
}

.language-switcher:hover,
.language-switcher:focus-within {
  background: var(--ink);
  color: #fff;
  transform: translateY(-1px);
}

.language-label {
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

.language-select {
  position: absolute;
  inset: 0;
  width: 100%;
  min-height: 100%;
  border: 0;
  border-radius: inherit;
  color: transparent;
  background: transparent;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  opacity: 0;
}

.language-switcher::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid currentColor;
  pointer-events: none;
}

@media (max-width: 560px) {
  .brand-logo-full { width: 144px; height: 36px; }
  .brand-logo-mark { width: 34px; height: 36px; }
  .nav.is-compact .brand:hover .brand-logo-full,
  .nav.is-compact .brand:focus-visible .brand-logo-full {
    width: 144px;
  }

  .language-switcher {
    display: none;
  }
}