@media (max-width: 860px) {
  .hero-grid,
  .release-grid,
  .about-grid {
    grid-template-columns: 1fr;
  }

  .hero {
    padding-top: 110px;
  }

  .hero-title {
    white-space: normal;
    font-size: clamp(58px, 16vw, 108px);
  }

  .cover-wrap {
    order: -1;
  }

  .section {
    padding: 78px 0;
  }

  .footer-grid {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  .shell {
    width: min(calc(100% - 22px), var(--content));
  }

  .hero-title {
    font-size: clamp(52px, 17vw, 82px);
  }

  .menu-links a {
    font-size: 44px;
  }

  .platform {
    min-height: 68px;
  }
}