.hero-reviews {
  padding-top: var(--space-12);
}

.hero-reviews-card {
  max-width: 34rem;
}

.hero-reviews-media img {
  min-height: 260px;
}

.section-summary {
  padding-top: 0;
}

.reviews-stats {
  margin-top: var(--space-6);
}

.stats-card {
  text-align: left;
}

.section-block {
  background: transparent;
}

.section-ambiance {
  background: var(--color-surface-alt);
}

.section-poker {
  background: var(--color-surface);
}

.section-events {
  background: var(--color-surface-alt);
}

.experience-card,
.moments-card {
  align-self: center;
}

.highlight-quote {
  font-style: italic;
  color: var(--color-text);
  margin-top: var(--space-4);
}

.quote-meta {
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.ambiance-media {
  align-self: center;
}

.ambiance-tags {
  margin-top: var(--space-4);
}

.mini-review p {
  margin-bottom: var(--space-3);
}

.section-callout {
  background: transparent;
}

.callout-card {
  gap: var(--space-4);
}

.callout-text {
  max-width: 40rem;
}

.callout-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  justify-content: flex-start;
}

@media (max-width: 767.98px) {
  .hero-reviews {
    padding-top: var(--space-10);
  }

  .hero-overlay-card {
    padding: var(--space-4);
  }

  .callout-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .callout-actions {
    width: 100%;
  }
}