.card-tilt-3d-scene {
  perspective: 1500px;
}

.card-tilt-3d {
  position: relative;
  transform: rotate3d(0, 0, 0, 0deg);
  transform-style: preserve-3d;
  will-change: transform;
  transition:
    transform 300ms ease-out,
    box-shadow 300ms ease-out;
}

.card-tilt-3d--active {
  transition-duration: 150ms;
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.27) !important;
  z-index: 2;
}

.card-tilt-3d__glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
  border-radius: inherit;
  background-image: radial-gradient(
    circle at 50% -20%,
    rgba(255, 255, 255, 0.13),
    rgba(0, 0, 0, 0.06)
  );
}

.card-tilt-3d.project-card:hover {
  transform: none;
}

.card-tilt-3d--active.project-card {
  border-color: #007BFF !important;
}

.card-tilt-3d:hover .project-image img,
.card-tilt-3d.card-tilt-3d--active .project-image img {
  transform: none !important;
}

.card-tilt-3d-scene.projects-grid,
.card-tilt-3d-scene.featured-projects-grid {
  padding: 1rem 0;
}

@media (prefers-reduced-motion: reduce) {
  .card-tilt-3d,
  .card-tilt-3d--active {
    transform: none !important;
    transition: box-shadow 0.2s ease !important;
  }
}