.brand {
  height: 74px;
  min-height: 74px;
  gap: 8px;
  padding-left: 8px;
  font-family: Cinzel, Georgia, serif;
  letter-spacing: 0;
}

.brand-emblem {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 44px;
  color: #d8efff;
  font-size: 34px;
  text-shadow: 0 0 7px #57b8f4, 0 0 17px #2386d2, 1px 1px 0 #e5bd67;
}

.brand-title {
  display: flex;
  min-width: 0;
  flex-direction: column;
  line-height: 1.04;
  text-shadow: 0 2px 5px #000, 0 0 14px #4b8db155;
}

.brand-title span {
  color: #e3d3a3;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .095em;
  white-space: nowrap;
}

.brand-title strong {
  margin-top: 3px;
  color: #edf7ff;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .035em;
  white-space: nowrap;
  background: linear-gradient(180deg, #fff 0%, #b9d8ec 46%, #6386aa 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 0 #a87e38);
}

.sidebar.collapsed .brand {
  height: 63px;
  min-height: 63px;
}

.sidebar.collapsed .brand-title {
  display: none;
}

.sidebar.collapsed .brand-emblem {
  flex-basis: auto;
}

.page-footer span:nth-child(2) a {
  color: #9ba9b7;
  text-decoration: none;
}

.portrait-elf img[src$="art-sylvanas.jpg"],
.portrait-elf img[src$="art-illidan.jpg"],
.portrait-elf img[src$="art-malfurion.webp"] {
  filter: none;
}

.portrait-lich img[src$="art-arthas.jpg"] {
  filter: none;
}

@media (max-width: 760px) {
  .brand {
    height: 63px;
    min-height: 63px;
    padding: 0;
  }

  .brand-emblem {
    flex-basis: auto;
  }
}