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

.projects{
    background:var(--color-light);
}

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

.project-card{
    position:relative;
}

.project-card__badge{
    position:absolute;
    top:20px;
    left:20px;
    z-index:2;
}

.project-card .card__image{
    aspect-ratio:4/3;
}

.project-card .card__image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.project-card .card__body{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.project-card__location{
    margin:0;
    color:var(--color-muted);
    font-size:15px;
}

.project-card__meta{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;

    padding:20px 0;

    border-top:1px solid var(--color-border);
    border-bottom:1px solid var(--color-border);
}

.project-card__meta div{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.project-card__meta strong{
    color:var(--color-primary);
    font-size:14px;
}

.project-card .btn{
    width:100%;
    margin-top:auto;
}

.projects__footer{
    margin-top:60px;
    display:flex;
    justify-content:center;
}

@media (max-width:1024px){

    .projects__grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:768px){

    .projects__grid{
        grid-template-columns:1fr;
    }

}