/* =========================================
   WORK HOVER OVERLAY (BEHANCE STYLE)
========================================= */

.work-info {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  text-align: center;
  padding: 2rem;

  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.35s ease, transform 0.35s ease;

  pointer-events: none;
}

/* Title */
.work-info .work-title {
  font-size: 2rem;
  font-weight: 800;
  margin: 0;
  color: white;
}

/* Summary */
.work-info .work-summary {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.85;
  color: white;
}

/* Reveal */
.work-item:hover .work-info {
  opacity: 1;
  transform: translateY(0);
}