.base-message {
  position: absolute;
  z-index: 4;
  left: 52.05%;
  top: 79.2%;
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .42em;
  transform: translate(-50%, -50%) perspective(520px) rotateY(-5.5deg) rotateX(1.8deg) scaleY(.9);
  transform-origin: 50% 50%;
  color: #54311f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(9px, .82vw, 13px);
  font-weight: 700;
  letter-spacing: .055em;
  line-height: 1.04;
  text-align: center;
  text-shadow: 0 1px 0 rgba(244, 211, 166, .7), 0 -1px 0 rgba(40, 17, 7, .5), 1px 0 0 rgba(83, 43, 22, .18);
  text-transform: uppercase;
  opacity: .72;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.base-message > .base-line {
  display: flex;
  justify-content: center;
  width: 100%;
  white-space: nowrap;
}

.base-message > .base-line > i {
  display: inline-block;
  font: inherit;
  font-style: normal;
  transform: translateY(calc(var(--letter-index) * -.045em));
}

.base-message > strong.base-line {
  font: inherit;
  font-size: 1.08em;
  letter-spacing: .075em;
}

@media (max-width: 1120px) {
  .base-message {
    top: 79.2%;
    width: 40%;
    font-size: clamp(8px, 1.05vw, 11px);
  }
}

@media (max-width: 760px) {
  .base-message {
    left: 52.05%;
    top: 79.2%;
    width: 41%;
    font-size: clamp(7.5px, 2.25vw, 10.5px);
    transform: translate(-50%, -50%) perspective(430px) rotateY(-5deg) rotateX(1.6deg) scaleY(.9);
    gap: .34em;
  }
}