.work-post {}

.post-list { } 

.post-item { position: relative; box-shadow: rgba(99, 99, 99, 0.2) 0rem 2rem 8rem 0rem; border-radius: 10rem; background: #fff; overflow: hidden; } 
.post-item > a { display: block; } 

.post-item__thumbnail { display: block; position: relative;padding-bottom: 100%; font-size: 0; } 
.post-item__thumbnail > img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; } 
.post-item__title {padding: 15rem 15rem 30rem; font-size: 16rem; font-weight: 500;} 
.post-item__excerpt {display: none;padding: 5rem 15rem 5rem; font-size: 14rem; } 
.post-item__meta {padding: 10rem 15rem 20rem; display: flex; align-items: center; justify-content: space-between;} 
.post-item__meta .post-item__author { font-size: 13rem; color: #cdcdcd;} 
.post-item__meta .post-item__date { font-size: 13rem; color: #cdcdcd;} 


@media all and (max-width:660px) {
    .post-item__meta {display: block;}
    .post-item__title {font-size: 13rem;}
    .post-item__meta > span {display: block;font-size: 10rem !important;}
    .post-item__excerpt {display: none;}
}



/* gallery */

.gallery-post .post-item {cursor: pointer;}

.gallery-post .post-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);backdrop-filter: blur(4px); opacity: 0;visibility: hidden; cursor: pointer;;transition: .4s;z-index: 100;}
.gallery-post .post-popup.on {opacity: 1; visibility: visible;}
.gallery-post .post-popup__content {display: flex;align-items: center;justify-content: center;height: 100%;}
.gallery-post .post-popup__content > img {width: 500rem;max-width: 100%;max-height: 80vh;}