/* Home Works entrance only. Detail pages keep the original shared styling. */
.works.shell {
  background: linear-gradient(135deg, #eef2f9 0%, #e7ecf6 57%, #eeeaf5 100%);
  color: #293854;
}

.works h2 {
  color: #36578d;
}

.category-card {
  background: rgba(255, 255, 255, .68);
  border-color: rgba(185, 198, 222, .78);
  color: #33425f;
  box-shadow: 0 7px 20px rgba(50, 65, 103, .07);
  transition: transform .24s ease, background-color .24s ease,
    border-color .24s ease, color .24s ease, box-shadow .24s ease;
}

.category-arrow {
  color: #8496b5;
}

.category-card:hover,
.category-card:focus-visible {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, .9);
  border-color: #b3c5e4;
  color: #294e86;
  box-shadow: 0 14px 27px rgba(50, 65, 103, .13);
}

@media (prefers-reduced-motion: reduce) {
  .category-card { transition: none; }
  .category-card:hover,
  .category-card:focus-visible { transform: none; }
}