.hero--parties::before {
  background-image: url('/assets/images/parties-hero-atmosphere.webp');
}

.parties-intro-grid {
  align-items: stretch;
}

.dj-section-grid,
.theme-section-grid,
.venues-grid,
.offline-grid {
  align-items: center;
  gap: var(--space-16);
}

.dj-section-text,
.theme-section-text,
.venues-text {
  align-self: stretch;
}

.parties-image-card {
  padding: var(--space-4);
}

.parties-image-card img {
  border-radius: var(--radius-lg);
}

.parties-list {
  list-style: none !important;
  padding-left: 0;
}

.parties-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: var(--space-3);
  color: var(--color-text-soft);
  font-size: var(--font-size-sm);
}

.parties-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--color-primary);
}

.participants-grid {
  max-width: 960px;
  margin: 0 auto;
}

.participants-card {
  padding: var(--space-10) var(--space-12);
}

.parties-faq-grid {
  gap: var(--space-8);
}

.venues-image-wrapper,
.theme-section-image-wrapper,
.dj-section-image-wrapper {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 960px) {
  .participants-card {
    padding: var(--space-8);
  }
}

@media (max-width: 768px) {
  .dj-section-grid,
  .theme-section-grid,
  .venues-grid,
  .offline-grid {
    gap: var(--space-10);
  }

  .hero-panel.hero-panel--bottom {
    margin-bottom: 10vh;
  }
}