/* Base grid styles */
.grid-base {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    margin: 0 auto;
    align-items: stretch;
  }
  
  /* Team grid */
  .team-grid {
    max-width: calc(var(--team-max-columns) * var(--team-card-width) + var(--team-max-columns) * 1rem);
  }
  
  /* Services grid */
  .services-grid {
    max-width: calc(var(--services-max-columns) * var(--services-card-width) + var(--services-max-columns) * 1rem);
  }
  
  /* Projects grid */
  .projects-grid {
    max-width: calc(var(--projects-max-columns) * var(--projects-card-width) + var(--projects-max-columns) * 1rem);
  }
  
  /* Gallery grid */
  .gallery-grid {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(var(--gallery-max-columns), 1fr);
    gap: 0.5rem;
  }
  
  @media (max-width: 768px) {
    .gallery-grid {
      grid-template-columns: repeat(var(--gallery-min-columns), 1fr);
      gap: 0.25rem;
    }
  }