.hero-section {
  padding-top: var(--space-12);
}
.hero-layout {
  display: grid;
  gap: var(--space-8);
}
.hero-copy {
  max-width: 640px;
}
.hero-lead {
  font-size: var(--font-size-lg);
}
.hero-media {
  align-self: center;
}
.hero-image-card figcaption {
  margin-top: var(--space-2);
  font-size: var(--font-size-sm);
}
.hero-disclaimer {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
}
.section-updates-overview .updates-grid {
  margin-top: var(--space-6);
}
.update-highlight ul,
.events-grid ul,
.gameplay-list,
.stickers-list,
.changelog-card ul,
.howto-steps,
.howto-aside ul,
.community-card ul,
.gameplay-aside ol {
  margin-top: var(--space-2);
}
.section-season {
  background: var(--color-surface-soft);
}
.season-grid,
.gameplay-grid,
.stickers-grid,
.dev-grid,
.howto-grid {
  gap: var(--space-8);
  align-items: center;
}
.section-events .events-grid {
  margin-top: var(--space-6);
}
.event-card h3,
.community-card h3 {
  margin-bottom: var(--space-2);
}
.section-gameplay-changes {
  background: var(--color-surface);
}
.gameplay-aside h3,
.howto-aside h3 {
  margin-bottom: var(--space-2);
}
.section-stickers {
  background: var(--color-surface-soft);
}
.changelog-card h3 {
  margin-top: var(--space-4);
  margin-bottom: var(--space-2);
}
.changelog-card h3:first-of-type {
  margin-top: 0;
}
.section-dev-interview {
  background: var(--color-surface);
}
.dev-quotes blockquote {
  margin-bottom: var(--space-4);
}
.dev-author {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.section-how-to-use {
  background: var(--color-surface-soft);
}
.howto-steps li + li {
  margin-top: var(--space-2);
}
.section-community .community-grid {
  margin-top: var(--space-6);
}
.section-download-cta {
  padding-bottom: var(--space-16);
}
.download-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  align-items: flex-start;
}
.download-text {
  max-width: 640px;
}
.download-action {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .hero-layout {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: center;
  }
  .download-card {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}