/*
==========================================
PROJECT RELATED
==========================================
*/

.project-related{

    margin:140px 0;

}

.project-related .container{

    width:min(1320px, calc(100% - 80px));

    margin:auto;

}

/* ===========================
HEADER
=========================== */

.related-header{

    text-align:center;

    margin-bottom:70px;

}

.related-header h2{

    margin:0;

    font-size:52px;

    font-weight:300;

    line-height:1.2;

    color:#222;

}

/* ===========================
GRID
=========================== */

.related-grid{

    display:grid;

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

    gap:50px;

}

/* ===========================
CARD
=========================== */

.related-card{

    text-align:center;

}

.related-card a{

    display:block;

    color:inherit;

    text-decoration:none;

}

.related-image{

    overflow:hidden;

}

.related-image img{

    width:100%;

    aspect-ratio:1;

    object-fit:cover;

    transition:transform .8s ease;

}

.related-card:hover img{

    transform:scale(1.05);

}

.related-card h3{

    margin:28px 0 12px;

    font-size:30px;

    font-weight:300;

    line-height:1.3;

    color:#222;

}

.related-card span{

    display:inline-block;

    font-size:12px;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#666;

    transition:.3s;

}

.related-card:hover span{

    color:#000;

    letter-spacing:4px;

}

/* ===========================
RESPONSIVE
=========================== */

@media(max-width:991px){

    .related-grid{

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

        gap:40px;

    }

}

@media(max-width:767px){

    .project-related{

        margin:90px 0;

    }

    .project-related .container{

        width:calc(100% - 40px);

    }

    .related-header{

        margin-bottom:50px;

    }

    .related-header h2{

        font-size:36px;

    }

    .related-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .related-card h3{

        font-size:26px;

    }

}