@media (max-height: 650px) and (orientation: landscape) {
  html,
  body,
  #app,
  .entry-gate,
  .hero-stage {
    min-height: 100svh;
    min-height: 100dvh;
  }

  .hero-scroll {
    height: 300svh;
    min-height: 1500px;
  }

  .fragment-button {
    width: clamp(82px, 23svh, 104px);
  }

  .football-motion {
    width: clamp(64px, 20svh, 86px);
  }

  .theme-preview {
    padding:
      max(10px, env(safe-area-inset-top))
      max(16px, env(safe-area-inset-right))
      max(10px, env(safe-area-inset-bottom))
      max(16px, env(safe-area-inset-left));
  }

  .preview-card {
    width: min(92vw, 980px);
    min-height: min(86dvh, 520px);
  }

  .preview-card__body {
    width: 58%;
    min-height: inherit;
    justify-content: center;
    padding: clamp(28px, 7vh, 48px) clamp(38px, 6vw, 72px);
  }

  .preview-card h2 {
    font-size: clamp(42px, 14vh, 74px);
  }

  .preview-card .preview-card__body > .preview-card__lead {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.55;
  }

  .preview-card .preview-card__body > .preview-card__note {
    margin-top: 9px;
    font-size: 11px;
    line-height: 1.5;
  }

  .enter-theme {
    margin-top: 20px;
    min-width: 216px;
    min-height: 48px;
    padding: 9px 16px 10px 21px;
    font-size: 14px;
  }

  .preview-close {
    --close-top-y: -44px;
  }

  .preview-close__glyph {
    top: 12%;
    right: auto;
    left: var(--close-glyph-x);
    width: 64px;
    height: 23px;
  }

  .hero-copy__mark {
    width: clamp(48px, 12vh, 72px);
    margin-bottom: 8px;
  }
}