.brand {
  gap: 10px;
  padding: 0 8px 34px;
  font-family: "Playfair Display", serif;
}

.brand img {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
}

.brand span {
  display: inline;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  color: var(--ink);
  font-size: 25px;
  letter-spacing: .12em;
}

.topbar-logo {
  display: none;
}

.public-language {position:fixed;z-index:30;right:22px;top:18px;margin:0}
.public-language select,.topbar-language select{width:auto;min-width:72px;padding:9px 30px 9px 11px;border-radius:999px;background:var(--paper);box-shadow:0 8px 25px rgba(74,51,42,.08)}
.topbar-language{margin:0 10px 0 auto}
body:has(.app-shell:not(.hidden)) .public-language{display:none}
.language-settings{max-width:620px}
.language-settings h2{font-size:28px}
.language-settings select{max-width:280px}

.entry-mark,
.onboarding-card .mark {
  border: 0;
  border-radius: 0;
  color: transparent;
  font-size: 0;
  background: url("/assets/ava-mark.svg") center / contain no-repeat;
}

@media (max-width: 900px) {
  .topbar {
    justify-content: flex-start;
    gap: 12px;
  }

  .topbar-logo {
    display: block;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
  }

  .topbar .avatar {
    margin-left: 0;
  }

  .topbar-language{margin-left:auto;margin-right:0}
}

@media (max-width: 580px) {
  .topbar-logo {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }
  .topbar-language select{min-width:62px;padding:8px 25px 8px 9px}
  .public-language{right:12px;top:12px}
}