.brand-mark {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  background: var(--forest);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.brand-mark span {
  position: relative;
  z-index: 2;
  font-size: .83rem;
  font-weight: 800;
  letter-spacing: .06em;
  transform: translateY(-3px);
}

.brand-mark i {
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: 6px;
  height: 13px;
  background: var(--lime);
  clip-path: polygon(0 100%, 25% 44%, 42% 72%, 67% 8%, 100% 100%);
}

.brand > span:last-child {
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 1.05;
}

.brand small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .04em;
}