/* Страница-список блога /blog/ */

.blog-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:27px;
    max-width:1700px;
    margin:10px auto 0;
}

.blog-card{
    display:block;
    text-decoration:none;
}

.blog-card-image{
    display:block;
    width:95%;
    margin-bottom:10px;
    aspect-ratio:5 / 3;
    object-fit:cover;
}

.blog-card-title{
    font-size:22px;
    line-height:1.45;
    font-weight:700;
    color:#666;
    transition:color .25s;
}

.blog-card:hover .blog-card-title{
    color:#d81b7d;
}

@media (max-width:1280px){
    .blog-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:48px;
    }
}

@media (max-width:760px){
    .blog-grid{
        grid-template-columns:1fr;
        gap:36px;
    }

    .blog-card-image{
        width:100%;
    }

    .blog-card-title{
        font-size:19px;
    }
}