/* Grid Container */
.section-grid {
    padding: 40px 0;
    background: var(--color3);
}
.grid-box {
    display: grid;
    gap: 23px;
    padding: 0 40px;
}
/* Grid Item */
.grid-post-image {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    display: block;
    height: 100%;
}
.grid-post-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
}


/* Article inside Grid */
.grid-post-item {
    position: relative;
}
.grid-post-item:hover .grid-post-image img {
    transform: scale(1.05);
}

/* Post Category Tag */
.post-taxonomy {
    position: absolute;
    top: 6px;
    right: 6px;
    background: #fff;
    min-width: 75px;
    height: 35px;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 8px;
    text-align: center;
    font-family: var(--bold_font)
}
.grid-post-title {
    position: absolute;
    bottom: 0;
    color: #fff;
    min-height: 48px;
    padding: 0 14px 10px 9px;
    font-size: 17px;
    line-height: 1.4;
    pointer-events: none;
    text-shadow: 0 2px 2px #000;
}
@media screen and (min-width: 992px){
    .grid-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr) 1.7fr;
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 23px;
        grid-row-gap: 23px;

    }
    .grid-box .grid-post-item:first-child { grid-area: 1 / 3 / 3 / 4; }
}
@media screen and (min-width: 1400px){
    .grid-box {
        padding: 0 60px;

    }
    .grid-box .grid-post-item:first-child { grid-area: 1 / 3 / 3 / 4; }
}