:root {
  --f2ntom-emblem-ring: rgba(199, 169, 104, 0.13);
  --f2ntom-emblem-outer-ring: rgba(199, 169, 104, 0.018);
  --f2ntom-emblem-glow: rgba(199, 169, 104, 0.045);
  --f2ntom-emblem-guide: rgba(199, 169, 104, 0.18);
}

f2ntom-emblem {
  position: relative;
  left: 70px;
  display: flex;
  width: 349px;
  min-width: 0;
  min-height: 580px;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

f2ntom-emblem::before {
  position: absolute;
  width: 470px;
  height: 470px;
  border: 1px solid var(--f2ntom-emblem-ring);
  border-radius: 50%;
  box-shadow:
    0 0 0 38px var(--f2ntom-emblem-outer-ring),
    0 0 90px var(--f2ntom-emblem-glow);
  content: "";
}

f2ntom-emblem::after {
  position: absolute;
  width: 1px;
  height: 700px;
  background: linear-gradient(transparent, var(--f2ntom-emblem-guide), transparent);
  content: "";
}

f2ntom-emblem img {
  position: relative;
  z-index: 2;
  display: block;
  width: 286px;
  max-width: 82%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 35px 55px rgba(0, 0, 0, 0.65));
}

f2ntom-emblem .f2ntom-emblem-code {
  position: absolute;
  right: -8px;
  bottom: 54px;
  color: var(--muted2, var(--muted-foreground));
  font-size: 9px;
  letter-spacing: 0.22em;
  writing-mode: vertical-rl;
}

@media (max-width: 980px) {
  f2ntom-emblem {
    left: 0;
    width: 340px;
    min-height: 420px;
    justify-self: center;
  }

  f2ntom-emblem::before {
    width: 340px;
    height: 340px;
  }

  f2ntom-emblem img {
    width: 238px;
    max-width: 70%;
  }
}

@media (max-width: 760px) {
  f2ntom-emblem {
    width: 300px;
    min-height: 340px;
    margin-top: 25px;
  }

  f2ntom-emblem::before {
    width: 300px;
    height: 300px;
  }

  f2ntom-emblem::after {
    height: 460px;
  }

  f2ntom-emblem img {
    width: 210px;
    max-width: 70%;
  }

  f2ntom-emblem .f2ntom-emblem-code {
    display: none;
  }
}