.blog-index{display:grid;gap:30px;grid-template-columns:1fr;margin:0 auto;width:100%}@media (min-width:992px){.blog-index{grid-template-columns:repeat(2,1fr)}}.post-item{background-color:#fff;border:1px solid #e1e1e1;border-radius:8px;height:100%;overflow:hidden;transition:all .2s ease}.post-item:hover{border-color:#bbb;box-shadow:0 5px 15px rgba(0,0,0,.05);transform:translateY(-2px)}.post-inner{color:inherit;display:flex;flex-direction:column;height:100%;margin-top:0;text-decoration:none}@media (min-width:600px){.post-inner{align-items:stretch;flex-direction:row}}.post-featured-image{background-color:#f4f4f4;display:block;flex-shrink:0;height:200px;margin:0;overflow:hidden;width:100%}@media (min-width:600px){.post-featured-image{aspect-ratio:1/1;border-bottom:none;border-right:1px solid #f0f0f0;height:auto;width:180px}}.post-featured-image img{height:100%;object-fit:cover;object-position:center;transition:transform .4s ease;width:100%}.post-item:hover .post-featured-image img{transform:scale(1.05)}.post-content{display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:25px}h2.post-title{color:#111;font-family:Public Sans,sans-serif;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 10px}.post-item:hover h2.post-title{color:#507dbc}.post-descriptions{color:#555;font-size:15px;line-height:1.5;margin-bottom:15px}.blog-post-meta{color:#999;font-size:12px;font-weight:500;margin-top:auto}