/* Homepage project card layout. Typography: home-typography.css */

.o3-city {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.o3-city svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: var(--o3-red, #dc2b25);
}

.o3-city span {
  color: #aaa49b;
}

.o3-card-body h3 {
  margin-bottom: 12px;
}

.o3-price {
  color: var(--o3-ink);
}

.o3-facts-1 {
  grid-template-columns: 1fr;
}

.o3-facts-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 680px) {
  .o3-facts-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}