.hero { inset: 0 0 clamp(92px, 13vh, 126px); }
.hero-copy { padding-top: 1vh; }
.game-logo {
  display: block;
  width: clamp(235px, 23vw, 360px);
  max-height: 104px;
  margin: 0 0 clamp(15px, 2vh, 23px);
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 5px 18px rgba(0, 0, 0, .55));
}
.eyebrow { margin-bottom: clamp(14px, 2vh, 21px); }
.corner-data { top: 32px; }

@media (max-height: 760px) and (min-width: 801px) {
  .game-logo { width: 230px; max-height: 70px; margin-bottom: 12px; }
  .headline-art { max-height: 38vh; }
}

@media (max-width: 640px) {
  .hero { inset: 0 0 78px; }
  .hero-copy { padding-top: 80px; padding-bottom: 16px; }
  .game-logo { width: 205px; max-height: 72px; margin-bottom: 12px; }
  .headline-art { max-height: 27vh; }
  .eyebrow { gap: 8px; font-size: 7px; letter-spacing: .13em; white-space: nowrap; }
  .eyebrow::before { width: 22px; }
  .eyebrow b { display: inline; color: var(--paper); }
}

@media (max-height: 700px) and (max-width: 640px) {
  .hero { inset-bottom: 68px; }
  .hero-copy { padding-top: 52px; }
  .game-logo { width: 168px; max-height: 54px; margin-bottom: 8px; }
  .eyebrow { margin-bottom: 8px; font-size: 6px; }
  .headline-art { max-height: 23vh; }
}