.logo-art {
  position: relative;
  display: inline-block;
  flex: 0 0 50px;
  width: 50px;
  height: 64px;
  overflow: hidden;
}

.logo-art img {
  position: absolute;
  top: -49px;
  left: -36px;
  width: 125px;
  max-width: none;
  height: auto;
  display: block;
}

.brand-mark {
  border-color: #68775c;
  background:
    radial-gradient(ellipse at 36% 35%, #8d9e7e 0 13%, transparent 14%),
    radial-gradient(ellipse at 67% 64%, #a0ad91 0 17%, transparent 18%),
    radial-gradient(circle at 38% 35%, #fff 0, #f0f2eb 48%, #cbd3c0 100%);
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.8);
}

.brand-mark:before {
  width: 10px;
  height: 7px;
  right: 4px;
  top: 7px;
  background: #849575;
  border-radius: 70% 35% 55% 35%;
  box-shadow: none;
}

.brand-mark:after {
  width: 7px;
  height: 6px;
  left: 6px;
  bottom: 5px;
  background: #9eac8f;
  border: 0;
  border-radius: 35% 65% 40% 60%;
}