:root{--page-title-display:none;}/* Start custom CSS */@media screen and (min-width: 1024.5px){
    
     /* Default transition */
  .project-item {
    transition: opacity 0.3s ease;
  }

  /* When hovering the container, dim all items */
  .projects-wrapper:hover .project-item {
    opacity: 0.35;
  }

  /* Keep the hovered item fully visible */
  .projects-wrapper .project-item:hover {
    opacity: 1;
  }
    
    
    .project-item .project-img{
    opacity: 0;
transform: translate(-50%, 20px);
  transition:
    opacity 0.35s ease,
    transform 0.45s cubic-bezier(.22, 1, .36, 1);
    will-change: opacity, transform;
      pointer-events: none;
    
}

.project-item:hover .project-img{
    opacity: 1;
    transform: translate(-50%, 0);
}

.project-item .project-title {
    transition: color 0.3s ease;
  }

  .project-item:hover .project-title {
    color: var(--firm-blue);
  }


    
}/* End custom CSS */