/* project.css */

/* ==== Proje kartı hover efekti ==== */
.project-card{
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  border-radius: 1rem;
}
.project-card:hover{
  transform: translateY(-4px) scale(1.012);
  box-shadow: 0 20px 40px rgba(0,0,0,.18);
}

.project-card .thumb{ position: relative; overflow: hidden; }
.project-card .thumb img{
  transition: transform .55s ease, filter .55s ease;
  will-change: transform;
}
.project-card:hover .thumb img{
  transform: scale(1.06);
  filter: saturate(1.05);
}

.project-card .thumb::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,.35) 100%);
  opacity:0; transition: opacity .35s ease;
  pointer-events:none;
}
.project-card:hover .thumb::after{ opacity:1; }

.project-card h3{
  transition: transform .30s ease, color .30s ease, text-shadow .30s ease;
}
.project-card:hover h3{
  transform: translateY(-2px);
  color: var(--accentText);
  text-shadow: 0 1px 0 rgba(0,0,0,.08);
}