.project-hover-preview {
  width: min(400px, calc(100vw - 32px));
}

.preview-description p {
  margin: 0;
}

.project-visual-card:hover .project-hover-preview,
.project-visual-card:focus-visible .project-hover-preview,
.featured-card:hover .project-hover-preview,
.featured-card:focus-visible .project-hover-preview {
  opacity: 1;
  visibility: visible;
}

@media (hover: none) {
  .project-hover-preview {
    display: none;
  }
}