/* Project listing page */
.projects-wrap{
    max-width:1200px;
    margin:0 auto;
    padding:28px 20px}
.projects-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:44px 36px}

/* 992px → 2 colonnes */
@media (max-width: 992px) {
  .projects-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*600px → 1 colonne */
@media (max-width: 600px) {
  .projects-grid {
    grid-template-columns: 1fr;
  }
}

/* Card */
.card{
    display:block;
    background:#0e141b;
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;padding:14px;
    box-shadow:0 12px 30px rgba(0,0,0,.28);
    transition:transform .18s ease, box-shadow .18s ease}
.card .thumb{
    margin:0;
    border-radius:14px;
    overflow:hidden;
    background:#000000;
    height:200px;
    display:block}
.card .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block}
.card h3{
    margin:.6rem .2rem 0;
    color:#8C8C8C;
    transition:color .18s ease}

/* Hover behaviour */
.card:hover{transform:translateY(-3px);box-shadow:0 18px 46px #0088FF}
.card:hover h3{color:#FFFFFF}