.post_article.project{
    aspect-ratio: 2;
}

.post_article.project .post-image{
    /* height: 100%; position: absolute; inset: 0; */
    
}
.post_article.project .post-image img{
    object-fit: cover; object-position: center;
    height: 100%; width: 100%; aspect-ratio: unset;
}
.post_article.project .post-image::after{
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(42deg, rgba(0, 0, 0, 0.20) 42.4%, rgba(0, 0, 0, 0.00) 76.42%);
    background-size: cover; background-repeat: no-repeat; background-position: center;

    pointer-events: none; z-index: 2;
}


.swiper-slide:has(.post_article.project){
    height: auto;
}


.post-content{
    display: flex; flex-direction: column; 
    gap: max(1rem, calc(1 * var(--su)));
}

.project .post-wrapper .post-content{
    padding: max(4rem, calc(5 * var(--su)));
}

.project .post-wrapper .post-content .post-title{
    margin-bottom: max(0.5rem, calc(0.5 * var(--su)));
}
.project .post-wrapper .post-content  .term-list{
    margin-top: auto;
}



/************************/
/* MEDIA QUERIES DESKTOP*/
/************************/
@media screen and (min-width: 993px) {
    .project .post-wrapper .post-content .post-title{
        max-width: 30%;
    }
    .project .post-wrapper .post-content .seperator{
        max-width: 20%;
    }
}


/************************/
/* MEDIA QUERIES TABLET */
/************************/
@media screen and (max-width: 992px) {
    
}


/************************/
/* MEDIA QUERIES MOBILE */
/************************/
@media screen and (max-width: 767px) {
    
}