.destination-hero__inner {
  width: var(--content);
  margin-inline: auto;
  padding-block: clamp(56px, 7vw, 92px);
}

.destination-hero__inner > p:not(.section-kicker) {
  max-width: 760px;
  color: var(--smoke);
}

.game-categories,
.games-experience,
.games-start,
.games-final {
  padding-block: var(--section-space);
}

.game-categories__inner,
.games-experience__inner,
.games-start__inner,
.games-final__inner {
  width: var(--content);
  margin-inline: auto;
}

.games-heading { max-width: 820px; }
.games-heading > p:last-child { color: var(--smoke); }

.game-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 32px;
}

.game-category {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-media);
  background: var(--velvet);
}

.game-category img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.game-category > div { padding: 22px; }
.game-category h3 { margin: 0 0 8px; }
.game-category p { margin: 0; color: var(--smoke); }
.games-text-link { display: inline-block; margin-top: 16px; color: var(--lavender); }

.games-experience { background: var(--velvet); }
.games-experience__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  align-items: center;
  gap: clamp(32px, 5vw, 76px);
}

.games-experience figure { margin: 0; }
.games-experience img { width: 100%; border-radius: var(--radius-media); }
.games-experience p:not(.section-kicker) { color: var(--smoke); }
.games-experience .button { margin-top: 18px; }

.games-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 32px;
}

.games-steps article { padding: 24px; border: 1px solid var(--line); border-radius: var(--radius-media); }
.games-steps span { color: var(--lavender); font-family: var(--display); font-weight: 760; }
.games-steps h3 { margin: 14px 0 8px; }
.games-steps p { margin: 0; color: var(--smoke); }

.games-final { background: linear-gradient(135deg, var(--brand-deep), var(--night)); }
.games-final__inner { text-align: center; }
.games-final__inner .button { margin-top: 24px; }

@media (max-width: 640px) {
  .destination-hero__inner { padding-block: 48px; }
  .game-category-grid,
  .games-steps { grid-template-columns: 1fr; gap: 14px; margin-top: 24px; }
  .game-categories,
  .games-experience,
  .games-start,
  .games-final { padding-block: 48px; }
  .games-experience__inner { grid-template-columns: 1fr; gap: 24px; }
  .game-category > div,
  .games-steps article { padding: 20px; }
}