/* ==========================
   PROJECTES
========================== */

.projects-header{

    text-align:center;

    max-width:700px;

    margin:0 auto 5rem;

}

.projects-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:2rem;

}

.project-large{

    grid-column:span 2;

    height:500px;

}

.project-wide{

    grid-column:span 2;

    height:350px;

}

.project-card{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    min-height:320px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.project-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .6s ease;

}

.project-card:hover img{

    transform:scale(1.05);

}

.project-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:2rem;

    color:white;

    background:linear-gradient(

        to top,

        rgba(0,0,0,.65),

        rgba(0,0,0,.1)

    );

}

.project-overlay h3{

    margin-bottom:.5rem;

}