.brand-mark {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(232, 204, 138, .72);
  border-radius: 11px;
  background: linear-gradient(145deg, #183a58, #071727);
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .035), 0 4px 12px rgba(0, 0, 0, .2);
  color: #f2dfaa;
  font-family: var(--serif);
  font-size: 1.28rem;
  font-weight: 700;
  line-height: 1;
}