.wordmark {
  display: flex;
  align-items: baseline;
  letter-spacing: .07em;
  line-height: 1;
}

.wordmark-major {
  font-size: 25px;
  font-weight: 600;
}

.wordmark-minor {
  font-size: 18px;
  font-weight: 600;
}

.wordmark > :nth-child(-n+3) {
  letter-spacing: 0;
  color: #ad7540;
  background: linear-gradient(180deg, #ce9860 0%, #8f552a 52%, #bd7d42 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wordmark > :last-child {
  color: #e9e4d8;
  background: linear-gradient(180deg, #f0e6d2 0%, #bda57c 58%, #dfceb0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wordmark > span {
  -webkit-text-stroke: .2px rgba(63, 39, 20, .6);
  text-shadow: 0 1px 0 rgba(244, 225, 190, .15), 0 2px 4px rgba(0, 0, 0, .8);
}

.brand .mark {
  width: 46px;
  height: 46px;
  border: 0;
  transform: none;
  background: url('/static/explorer/images/header-compass-mark-transparent.png') center / contain no-repeat;
}

.brand .mark::after {
  display: none;
}