/* Specific overrides for the projects page */
.hero {
  padding-top: calc(var(--nav-height) + 2rem);
  padding-bottom: 2rem;
  min-height: auto;
}

/* Override Grid for Small Projects */
.card-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.5rem;
}

.project-card {
  aspect-ratio: 1;
  /* Square cards for small projects seem appropriate, or we can keep 16/9 but smaller */
  border-radius: 12px;
}

/* Make title smaller in the overlay */
.project-overlay h3 {
  font-size: 1.2rem;
}

.project-overlay p {
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Cursor Preview Styles */
.mini-cursor {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #2696e8;
  box-shadow:
    0 0 10px #2696e8,
    0 0 20px #2696e8;
  position: relative;
  z-index: 2;
  animation: floatCursor 3s infinite ease-in-out;
}

.mini-trail {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #2696e8;
  position: absolute;
  opacity: 0.5;
  animation: floatCursor 3s infinite ease-in-out;
}

@keyframes floatCursor {

  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(20px, -20px);
  }
}