.section--hero-about {
  padding-top: var(--space-16);
  padding-bottom: var(--space-16);
}

.section--hero-about__grid {
  align-items: center;
  gap: var(--space-8);
}

.section--hero-about__text h1 {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}

.hero-about__note {
  max-width: 40rem;
}

.section--hero-about__media {
  max-width: 520px;
  margin-left: auto;
}

.section--mission__grid,
.section--atmosphere__grid,
.section--team__grid,
.section--poker-core__grid,
.section--gastronomy__grid {
  gap: var(--space-8);
}

.section--atmosphere__media,
.section--poker-core__media {
  max-width: 520px;
}

.section--team__poker-philosophy,
.section--gastronomy__private {
  height: 100%;
}

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

.section--community__text {
  max-width: 40rem;
}

.section--community__cta {
  max-width: 26rem;
}

.hero-about__cta {
  flex-wrap: wrap;
}

@media (max-width: 992px) {
  .section--hero-about__media,
  .section--atmosphere__media,
  .section--poker-core__media {
    max-width: 100%;
    margin-left: 0;
  }

  .section--community__cta {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .section--hero-about {
    padding-top: var(--space-12);
    padding-bottom: var(--space-12);
  }

  .section--community.section--tight {
    padding-top: var(--space-8);
    padding-bottom: var(--space-12);
  }
}