.posts-container{flex-direction:column;margin:2rem 0;display:flex}.recent-posts-container{gap:2rem;width:100%;margin-bottom:4rem;display:flex}.recent-posts-container .latest-post-container{width:60%}.recent-posts-container .latest-post-container .latest-post{flex-direction:column;width:100%}.recent-posts-container .latest-post-container .latest-post img{width:100%;height:480px}.recent-posts-container .latest-post-container .latest-post h2{margin-top:0}.recent-posts-container .secondary-posts-container{flex-direction:column;gap:1.5rem;width:40%;display:flex}.posts-container .older-posts-container{flex-direction:column;gap:2rem 1rem;display:flex}.post{gap:1rem;width:fit-content;height:fit-content;transition:transform .1s;display:flex}.post:hover{transform:scale(1.01)}.post img{object-fit:cover;border-radius:16px;width:12rem;height:7.5rem}.post .excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;font-size:12px;font-weight:300;display:-webkit-box;overflow:hidden}.post time{color:#999;font-size:12px;font-weight:300}@media screen and (width>=800px){.posts-container .older-posts-container{flex-flow:wrap;display:flex}.posts-container .older-posts-container .post{flex-direction:column;width:calc(33% - .7rem)}.posts-container .older-posts-container .post img{width:100%}}@media screen and (width>=1080px){.posts-container .older-posts-container .post{width:calc(25% - 1rem)}}@media screen and (width>=1600px){.posts-container .older-posts-container .post{width:calc(20% - 1rem)}}@media screen and (width<=998px){.recent-posts-container .secondary-post{gap:1rem}.recent-posts-container .secondary-posts-container h2,.posts-container .older-posts-container h2{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:0;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.recent-posts-container .secondary-posts-container .post .excerpt,.posts-container .older-posts-container .post .excerpt{margin-top:4px;margin-bottom:8px}.recent-posts-container .secondary-post img{width:8rem}.posts-container .recent-posts-container .secondary-posts-container{gap:1.5rem}.posts-container .recent-posts-container .secondary-posts-container .post img{width:30%;height:7.5rem}.posts-container .older-posts-container{position:relative}.posts-container .older-posts-container:before{content:"OLDER POSTS";color:#666;letter-spacing:2px;font-size:10px;position:absolute;top:-3rem;left:50%;transform:translate(-50%)}}@media screen and (width<=799px){.posts-container .older-posts-container .post img{width:30%}.posts-container .older-posts-container .post aside{flex-direction:column;width:calc(70% - 1rem);display:flex}}@media screen and (width<=768px){.posts-container .recent-posts-container{flex-direction:column}.posts-container .recent-posts-container .latest-post-container,.posts-container .recent-posts-container .secondary-posts-container,.posts-container .post.latest-post{width:100%}.posts-container .recent-posts-container .secondary-posts-container{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.posts-container .recent-posts-container .secondary-posts-container .post,.posts-container .older-posts-container .post{flex-direction:row;width:100%}.posts-container .post{flex-direction:column;width:calc(50% - 1rem);display:flex}.posts-container .post img{width:100%}}