.blog-container{
    max-width:1400px;
    margin:120px auto;
    padding:0 5%;
}

.blog-header{
    margin-bottom:3rem;
}

.blog-header small{

    font-family: Inter, sans-serif;

    font-size:0.75rem;
    font-weight:500;

    text-transform:uppercase;
    letter-spacing:0.12em;

    color:#B70000;
}

.blog-header h1{
    max-width:900px;
    margin:1rem 0 1.5rem;
}

.blog-header p{
    max-width:700px;
    font-size:1.3rem;
}

.month-section{
    margin-bottom:6rem;
}

.month-heading{
    font-size:3rem;
    margin-bottom:2rem;
}

.posts-grid{

    display:grid;

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

    gap:2rem;
}

.blog-card{
    display:flex;
    flex-direction:column;
    text-decoration:none;
    color:inherit;
}

.blog-card .card-image{

    aspect-ratio:16/9;
    overflow:hidden;
}

.blog-card .card-image img{

    width:100%;
    height:100%;
    object-fit:cover;
}

.blog-card .card-content{
    display:flex;
    flex-direction:column;
    flex-grow:1;
}

.card-meta{

    font-family:Inter,sans-serif;

    font-size:0.75rem;
    font-weight:500;

    text-transform:uppercase;
    letter-spacing:0.12em;

    color:#666;

    margin-bottom:.2rem;
}

.blog-card h3{
    font-size:1.4rem;
    margin:0 0 0.4rem;
}

.card-excerpt{
    margin-top:1rem;
    color:#555;

    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

@media(max-width:1024px){

    .posts-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){

    .posts-grid{
        grid-template-columns:1fr;
    }

    .month-heading{
        font-size:2rem;
    }

    .blog-header h1{
        font-size:2.5rem;
    }
}

.featured-post{
    margin-bottom:6rem;
}

.featured-card{

    display:grid;

    grid-template-columns:
        1.1fr 1fr;

    gap:2rem;

    text-decoration:none;

    color:inherit;
}

.featured-image{

    aspect-ratio:16/9;

    overflow:hidden;

    border-radius:12px;
}

.featured-image img{

    width:100%;
    height:100%;

    object-fit:cover;
}

.featured-content{

    display:flex;

    flex-direction:column;

    justify-content:center;
}

.featured-content h2{

    font-size:1.8rem;

    margin-bottom:1rem;
}

.author-signature{

    margin-top:2rem;

    display:flex;

    flex-direction:column;

    gap:0.25rem;
}

.author-signature strong{

    font-family:
    "ClashDisplay",
    sans-serif;

    font-size:1.2rem;
}

.author-signature span{

    color:#666;

    font-size:0.9rem;

    text-transform:uppercase;

    letter-spacing:0.08em;
}

.card-category{

    margin-top:auto;

    color:#B70000;

    font-size:0.8rem;

    text-transform:uppercase;

    letter-spacing:0.08em;
}

.month-heading{

    display:flex;
    align-items:center;
    gap:1rem;
}

.month-heading::after{

    content:"";
    flex:1;
    height:1px;
    background:rgba(0,0,0,0.15);
}


@media(max-width:768px){

    .posts-grid{
        grid-template-columns:1fr;
    }

    .month-heading{
        font-size:2rem;
    }

    .blog-header h1{
        font-size:2.5rem;
    }

    /* Featured card becomes a regular card */
    .featured-card{
        grid-template-columns:1fr;
        gap:1rem;
    }

    .featured-image{
        aspect-ratio:16/9;
    }

    .featured-content h2{
        font-size:1.5rem;
    }
}