/* neighborhoods/index — the grid of neighborhood cards. */

.neighborhoods__intro {
  margin-bottom: var(--space-8);
}

.neighborhoods__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  padding-block: var(--space-4);
  margin-top: var(--space-8);
}

.listing-card {
  display: grid;
  grid-template-rows: 150px auto;
  gap: var(--space-4);
  height: 100%;
  padding: var(--space-4);
  border: var(--border) solid var(--neutral-200);
  transition: filter var(--duration) var(--ease);
}

.listing-card:hover {
  filter: brightness(0.75);
}

.listing-card__title {
  font-size: var(--text-2xl);
  line-height: var(--leading-2xl);
  font-weight: var(--weight-bold);
}

@media (min-width: 48em) {
  .neighborhoods__list {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}