.project-link:focus-visible {
  outline: 2px solid red;
  outline-offset: 4px;
}
/* Smooth hover feel on the list item itself */
.project-item {
  transition: transform 450ms cubic-bezier(0.2, 0.8, 0.2, 1),
    opacity 450ms cubic-bezier(0.2, 0.8, 0.2, 1),
    filter 450ms cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: transform, opacity, filter;
}

/* When ANY item is hovered, de-emphasize siblings (optional, looks very “Awwwards”) */
.projects-wrapper:hover .project-item {
  opacity: 0.55;
  filter: blur(0.5px);
  transform: translateZ(0); /* helps GPU */
}

/* Bring hovered item forward */
.projects-wrapper:hover .project-item:hover {
  opacity: 1;
  filter: blur(0px);
  transform: translate3d(0, -2px, 0);
}