/* Projects Page */
.projects-overview {
    padding-bottom: 72px;
    animation: pageFadeUp 0.8s ease both;
}

.projects-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.project-card {
    min-height: 320px;
}

.project-card h2 {
    color: var(--accent);
    font-size: 1.2rem;
    font-weight: 500;
}

.project-card p {
    flex-grow: 1;
    line-height: 1.6;
}

.project-card .btn {
    align-self: flex-start;
    margin-top: auto;
}

@media (max-width: 768px) {
    .projects-overview {
        padding-bottom: 60px;
    }
}

@media (max-width: 480px) {
    .project-card {
        min-height: auto;
    }

    .project-card .btn {
        width: 100%;
        align-self: stretch;
    }
}