/* =============================================
   CS Plan sàrl — Page projet
   ============================================= */

#project { background-color: var(--bg); }

.project-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  margin-top: 1.5rem;
}
.project-grid img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: var(--radius);
  cursor: pointer;
  transition: opacity 0.2s;
}
.project-grid img:hover { opacity: 0.85; }

/* ----- Responsive ----- */
@media (max-width: 720px) {
  .project-grid { grid-template-columns: 1fr; }
}