.pixel-mafia {
  z-index: 16;
  display: grid;
  align-items: center;
  background: var(--page-paper);
  color: #fff;
  padding: clamp(40px, 7vw, 150px) clamp(12px, 1.5vw, 42px) 0 clamp(12px, 1.5vw, 42px);
}

.pixel-mafia__panel {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
  gap: clamp(26px, 4vw, 110px);
  align-items: center;
  width: 100%;
  min-height: clamp(360px, 39vw, 820px);
  padding: clamp(18px, 2vw, 54px);
  border-radius: clamp(24px, 1vw, 32px);
  background: #071018;
}

.pixel-mafia__image-wrap {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: clamp(24px, 1vw, 32px);
}

.pixel-mafia__image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(0 0, 0 0, 0 0);
}

.pixel-mafia__copy {
  display: grid;
  align-content: center;
  gap: clamp(18px, 1.8vw, 42px);
}

.pixel-mafia__logo {
  width: clamp(96px, 12vw, 300px);
}

.pixel-mafia__headline {
  font-weight: 500;
  font-size: clamp(20px, 2dvw, 100px);
  color: var(--page-paper);
  letter-spacing: -6%;
  mix-blend-mode: difference;
  margin: 0;
}

.pixel-mafia__body-wrapper {
  width: clamp(200px, 38dvw, 1000px);
}

.pixel-mafia__body {
  font-weight: 500;
  font-size: clamp(16px, 1.5dvw, 100px);
  color: var(--page-paper);
  letter-spacing: -6%;
  mix-blend-mode: difference;
  margin: 0 0 clamp(16px, 1.5dvw, 40px) 0;
}

.pixel-mafia__body:last-child {
  margin-bottom: 0;
}

.pixel-mafia__rover {
  position: absolute;
  left: 58%;
  top: -18%;
  z-index: 1;
  width: clamp(340px, 43vw, 1220px);
  transform: translate(-50%, -24%) rotate(8deg);
  will-change: transform;
}

.pixel-mafia__rover img {
  width: 100%;
}

@media (max-width: 720px) {
  .pixel-mafia {
    padding: clamp(24px, 4vw, 48px) clamp(16px, 3vw, 24px) 0 clamp(16px, 3vw, 24px);
  }

  .pixel-mafia__panel {
    grid-template-columns: 1fr;
    gap: clamp(20px, 4vw, 40px);
    padding: clamp(40px, 3vw, 28px);
  }

  .pixel-mafia__image-wrap {
    width: 100%;
    aspect-ratio: 1 / 1;
  }

  .pixel-mafia__body-wrapper {
    width: 100%;
  }

  .pixel-mafia__body {
    font-weight: 400;
  }
}

