.award-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:28px;
    row-gap:50px;
}

.award-item {
    display:block;
    color:inherit;
    text-decoration:none;
}

.award-thumb {
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
    background:#f5f5f5;
}

.award-thumb img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .25s ease;
}

.award-title {
    margin-top:16px;
    color:#333;
    font-size:18px;
    font-weight:600;
    line-height:1.5;
}

.award-date {
    margin-top:10px;
    color:#999;
    font-size:15px;
    font-weight:400;
}

.award-item:hover .award-thumb img {
    transform:scale(1.03);
}

.award-item:hover .award-title {
    color:#164fa3;
}

@media(max-width:1200px) {
    .award-grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
        column-gap:24px;
    }
}

@media(max-width:900px) {
    .award-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        column-gap:20px;
        row-gap:40px;
    }
}

@media(max-width:600px) {
    .award-page {
        padding:36px 0 70px;
    }

    .award-grid {
        grid-template-columns:1fr;
        row-gap:36px;
        justify-items:center;
    }

    .award-item {
        width:100%;
        max-width:320px;
    }

    .award-title {
        font-size:17px;
    }

    .award-date {
        font-size:14px;
    }
}