.section--gameplay-hero {
  position: relative;
}

.section-gameplay-hero__grid {
  align-items: center;
}

.section-gameplay-hero__content {
  max-width: 32rem;
}

.section-gameplay-hero__visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-gameplay-hero__image-wrapper {
  padding: var(--space-4);
}

.section-mechanics__list,
.section-relax__list,
.section-tips__list,
.section-customization__list {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-3);
}

.section-mechanics__tiles {
  display: grid;
  gap: var(--space-4);
}

.section-mechanics__tile {
  text-align: left;
}

.section-levels__features {
  margin-top: var(--space-4);
}

.section-difficulty__intro,
.section-feedback__intro {
  max-width: 28rem;
}

.section-difficulty__card,
.section-feedback__card {
  align-self: stretch;
}

.section-relax__highlight,
.section-customization__card {
  align-self: center;
}

.section-puzzles__grid,
.section-screenshots__grid {
  display: grid;
  gap: var(--space-6);
}

.section-tips__aside {
  align-self: start;
}

.section-tips__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.section-screenshots__item img {
  border-radius: var(--radius-md);
}

.section-download {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

@media (max-width: 768px) {
  .section-gameplay-hero__grid {
    text-align: left;
  }

  .section-gameplay-hero__visual {
    margin-top: var(--space-6);
  }

  .section-tips__links {
    justify-content: flex-start;
  }
}