/* ==========================================================
   JAM PROJECTS
   FRONTEND GRID
========================================================== */

.jam-projects-grid{

    display:grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(320px,1fr)
        );

    gap:32px;

}

.jam-project-card{

    overflow:hidden;

    border-radius:20px;

    background:#ffffff;

    border:1px solid rgba(0,0,0,.08);

    box-shadow:
        0 12px 28px rgba(0,0,0,.08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

    width:100%;

}

.jam-project-card:hover{

    transform:translateY(-4px);

    box-shadow:
        0 18px 36px rgba(0,0,0,.12);

}

.jam-project-card__image{

    width:100%;

    height:260px;

    object-fit:cover;

    display:block;

}

.jam-project-card__content{

    padding:24px;

}

.jam-project-card__content h3{

    margin:0 0 12px;

    font-size:24px;

    line-height:1.3;

}

.jam-project-card__content p{

    margin:0 0 8px;

    color:#555;

}

.jam-project-card__badge{

    display:inline-block;

    margin-bottom:12px;

    padding:6px 12px;

    border-radius:999px;

    background:#f0e8ff;

    color:#5d2ea8;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

}

.jam-project-card__meta{

    margin:0 0 8px;

    color:#666;

    font-size:14px;

}

.jam-project-card__price{

    margin:16px 0;

    font-size:28px;

    font-weight:800;

    color:#255902;

}

.jam-project-card__excerpt{

    margin-top:16px;

    line-height:1.6;

}

.jam-project-card__button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:20px;

    padding:12px 18px;

    border-radius:12px;

    background:#5d2ea8;

    color:#ffffff;

    font-weight:600;

    text-decoration:none;

}

.jam-project-card__button:hover{

    color:#ffffff;

}

/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

    .jam-projects-grid{

        grid-template-columns:1fr;

    }

}