/* ============================================================
   Page: Cases — hover states that were inline onMouseEnter/onMouseLeave
   handlers in the original React component (CaseCard, LogoWordmark).
   ============================================================ */

/* Featured case card — flat, only the border tints on hover (was onMouseEnter/onMouseLeave inline) */
.case-card {
  transition: border-color 240ms ease;
}
.case-card--light:hover {
  border-color: var(--carbon);
}
.case-card--dark:hover {
  border-color: rgba(255, 157, 0, 0.5);
}

/* Client wordmark cell — brighten wordmark on hover (was onMouseEnter/onMouseLeave inline) */
.client-cell:hover .client-wordmark {
  opacity: 1;
  color: var(--orange);
}