/* Project Category Styling · only legacy fallbacks live here.
   Authoritative project card / badge layout lives in projects.css. */

.project_list .project .project_image[src*="category-"] {
  object-fit: contain;
  background-color: #f8f9fa;
  transition: background 0.3s ease, transform 0.3s ease, filter 0.3s ease;
}

.project_list .project .project_image[src*="category-web"] {
  background: linear-gradient(135deg, rgba(74, 108, 247, 0.10), rgba(138, 148, 255, 0.16));
}
.project_list .project .project_image[src*="category-ai"] {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.10), rgba(167, 139, 250, 0.16));
}
.project_list .project .project_image[src*="category-mobile"] {
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.10), rgba(14, 165, 233, 0.16));
}
.project_list .project .project_image[src*="category-health"] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.10), rgba(34, 197, 94, 0.16));
}
.project_list .project .project_image[src*="category-iot"] {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.10), rgba(245, 158, 11, 0.16));
}
.project_list .project .project_image[src*="category-code"] {
  background: linear-gradient(135deg, rgba(51, 65, 85, 0.10), rgba(100, 116, 139, 0.16));
}
.project_list .project .project_image[src*="category-web3"] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.10), rgba(239, 68, 68, 0.16));
}