.post-list{--post-list-row-gap:12px;--post-list-col-gap:32px;padding:16px 0;display:flex;flex-wrap:wrap;gap:var(--post-list-col-gap,32px) var(--post-list-row-gap,12px)}.post{display:flex;flex-direction:column;flex-basis:100%;gap:16px}.post-preview{width:100%}.post-img{width:100%;height:calc((100vw - 32px) * 244 / 360);display:block;background:#F3F5F5;border-radius:4px;object-fit:cover;object-position:center}.post-content{display:flex;flex-direction:column;flex-basis:100%;gap:8px}.post-title{color:#1F61A2;font-size:16px;line-height:20px;font-weight:700}.post-description{color:#000;font-size:14px;line-height:20px;font-weight:400}.post-date{color:#ACB9B9;font-size:12px;line-height:16px;font-weight:700;text-transform:capitalize}@media screen and (min-width:360px){.post{flex-basis:calc((100% - var(--post-list-row-gap,12px)) / 2)}.post:nth-child(5n+1){flex-basis:100%}.post:nth-child(5n+1) .post-img{height:calc((100vw - 32px) * 244 / 360)}.post:nth-child(5n+1) .post-title{font-size:24px;line-height:32px}.post-img{height:calc(((100vw - 32px) - var(--post-list-row-gap,12px)) / 2 * 264 / 352)}}@media screen and (min-width:768px){.post-list{--post-list-row-gap:16px;--post-list-col-gap:64px;padding:24px 0}.post-content{gap:24px}.post:nth-child(5n+1){flex-direction:row;align-items:center}.post:nth-child(6n){flex-direction:row-reverse}.post:nth-child(5n+1) .post-img{height:calc(((100vw - 32px) - var(--post-list-row-gap,12px)) / 2 * 264 / 352)}.post:nth-child(5n+1) .post-title{font-size:28px;line-height:36px}.post-title{font-size:20px;line-height:28px}}@media screen and (min-width:1024px){.post-list{--post-list-row-gap:24px;padding:32px 0}.post{flex-basis:calc((100% - var(--post-list-row-gap,12px) * 3) / 4)}.post:nth-child(5n+1) .post-title{font-size:32px;line-height:44px}.post-img{max-height:164px;height:calc(((100vw - 32px) - (var(--post-list-row-gap,24px) * 3)) / 4 * 164 / 222)}.post:nth-child(5n+1) .post-img{max-height:352px}.post-description{font-size:16px;line-height:24px}}@media screen and (min-width:1280px){.post-list{--post-list-row-gap:16px;padding:20px 0}.post-img{max-height:240px;height:calc(((100vw - 32px) - (var(--post-list-row-gap,24px) * 3)) / 4 * 240 / 300)}.post:nth-child(5n+1) .post-img{max-height:464px}}