/* ===== Projects Grid Animations ===== */
.project-link {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.project-card:hover .project-link {
    transform: scale(1.1);
}

.project-card-title a:hover {
    color: var(--primary-color);
}

@media (max-width: 576px) {
    .project-card .relative.h-64 {
        height: 160px;
    }

    .project-card .p-6 {
        padding: 1rem;
    }

    .project-card h3 {
        font-size: 0.85rem;
    }

    .project-card .absolute.top-4.left-4 {
        top: 0.5rem;
        left: 0.5rem;
        padding: 0.25rem 0.5rem;
        font-size: 0.65rem;
    }
}