.brand-crest {
  position: relative;
  display: grid;
  width: 70px;
  height: 82px;
  place-items: center;
  overflow: hidden;
  color: var(--brass-light);
  border: 1px solid rgba(197, 160, 89, 0.7);
  background: linear-gradient(180deg, #28211a, #0f0d0b);
  clip-path: polygon(13% 0, 87% 0, 100% 18%, 100% 68%, 50% 100%, 0 68%, 0 18%);
  box-shadow:
    inset 0 0 0 3px #0b0908,
    inset 0 -14px 18px rgba(0, 0, 0, 0.5),
    0 7px 16px rgba(0, 0, 0, 0.5);
}

.crest-lettering {
  position: relative;
  z-index: 3;
  font-family: "Cinzel", Georgia, serif;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 0 #000;
}

.crest-blade {
  position: absolute;
  width: 2px;
  height: 59px;
  background: linear-gradient(180deg, #a99c87, #534a3e 74%, #1d1915);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.55);
}

.crest-blade::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 41px;
  width: 16px;
  height: 3px;
  background: var(--brass-dark);
}

.crest-blade--left {
  transform: rotate(32deg);
}

.crest-blade--right {
  transform: rotate(-32deg);
}