ul.flexContainer{font-size:0;display:flex;flex-wrap:wrap;gap:35px;padding:40px 0}ul.flexContainer li.flexBox{display:flex;position:relative;flex-direction:column;transition:all .2s;aspect-ratio:1/1;border-radius:10px;overflow:hidden}ul.flexContainer.nav li.flexBox{border:1px solid #fff}ul.flexContainer li.flexBox:hover{transform:scale(1.025);box-shadow:0 20px 40px rgb(0 0 0/50%)}ul.flexContainer li.flexBox a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:4}ul.flexContainer li.flexBox ul.tagFlash{position:absolute;top:30px;left:30px}ul.flexContainer li.flexBox .postContent{position:absolute;bottom:0;left:0;padding:30px;display:flex;flex-direction:column;justify-content:space-between;z-index:3;align-self:flex-end}ul.flexContainer li.flexBox.news ul.tagFlash{gap:5px}ul.flexContainer li.flexBox.news ul.tagFlash li{font-size:8px;padding:5px 6px 4px}ul.flexContainer li.flexBox .postContent p{color:#f4f5f5;text-transform:uppercase;font-weight:800;margin:0;line-height:1.1}ul.flexContainer li.flexBox.work .postContent p{font-size:38px}ul.flexContainer li.flexBox.work .postContent p.pre{font-size:16px;font-style:italic;margin-bottom:10px;text-transform:lowercase;color:#76d574;font-family:playfair-display,serif}ul.flexContainer.nav li.flexBox .postContent p{font-size:30px;word-spacing:100vw}ul.flexContainer li.flexBox.news .postContent p{font-size:24px}ul.flexContainer li.flexBox.news .postContent .postAuthor{margin-top:20px;gap:15px}ul.flexContainer li.flexBox.news .postContent .postAuthor p{font-size:10px}ul.flexContainer li.flexBox.news .postContent .postAuthor img{width:40px;height:40px}ul.flexContainer li.flexBox .archiveImage{position:absolute;width:100%;height:100%;top:0;left:0}ul.flexContainer li.flexBox .archiveImage img{object-fit:cover;width:100%;height:100%}ul.col2 li{width:calc(calc(100% / 2) - calc(35px / 2))}ul.col3 li{width:calc(calc(100% / 3) - calc(35px * 2 / 3))}ul.col4 li{width:calc(calc(100% / 4) - calc(35px * 3 / 4))}@media only screen and (max-width :1200px){ul.col3 li,ul.col4 li{width:calc(calc(100% / 2) - calc(35px / 2))}}@media only screen and (max-width :615px){ul.col2 li,ul.col3 li,ul.col4 li{width:100%}ul.col4.nav{gap:20px}ul.col4.nav li{width:calc(calc(100% / 2) - calc(20px / 2))}ul.flexContainer.col4.nav li.flexBox .postContent{padding:10px!important}ul.flexContainer.col4.nav li.flexBox .postContent p{font-size:20px!important}}