/* ==========================================================
   PROJECTS
========================================================== */

#projects{
    scroll-margin-top:var(--section-scroll-offset);
}

.project-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.project-card{
    background:var(--card-color);
    border-radius:20px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    transition:.4s;
    border:1px solid var(--border);
}

.project-image{
    width:100%;
    height:260px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:2rem;
    font-weight:700;
    letter-spacing:2px;
    color:var(--text);
    background:linear-gradient(135deg,rgba(0,229,255,.12),rgba(124,77,255,.18));
    border-radius:20px 20px 0 0;
}

.project-card h3{
    width:100%;
    padding:25px 20px;
    margin:0;
    font-size:1.3rem;
    color:var(--text);
}

.project-card:hover{
    transform:translateY(-12px);
    box-shadow:0 0 35px rgba(0,229,255,.25);
}