.compass-seal {
  bottom: 32px;
  left: -60px;
  width: 124px;
  height: 124px;
  gap: 0;
  background: linear-gradient(145deg, #fffdf7 0%, #f1eadc 100%);
  border: 1px solid #bca47f;
  outline: 0;
  box-shadow: 0 12px 28px #3e34241f, inset 0 0 0 6px #f8f3e9, inset 0 0 0 7px #c9b89980;
  transform: rotate(-6deg);
}

.compass-seal::after {
  content: '';
  position: absolute;
  inset: 11px;
  border: 1px solid #d8cbb6;
  border-radius: 50%;
  pointer-events: none;
}

.compass-seal span {
  position: relative;
  z-index: 1;
  font-size: 6.5px;
  line-height: 1;
  letter-spacing: 2px;
  font-weight: 600;
}

.compass-seal img {
  position: relative;
  z-index: 1;
  width: 64px;
  height: 64px;
  margin: 1px 0;
  object-fit: contain;
}

@media (max-width: 800px) {
  .compass-seal {
    width: 98px;
    height: 98px;
    left: -34px;
    bottom: 31px;
  }

  .compass-seal::after { inset: 9px; }
  .compass-seal img { width: 48px; height: 48px; }
  .compass-seal span { font-size: 5.8px; letter-spacing: 1.55px; }
}

@media (max-width: 600px) {
  .compass-seal {
    width: 102px;
    height: 102px;
    left: -26px;
    bottom: 23px;
  }

  .compass-seal img { width: 51px; height: 51px; }
}