.blog-container,.blog-title{margin-bottom:2rem}.blog-title{font-size:2rem;font-weight:700;margin-top:2rem;text-align:center}.blog-posts-grid{display:grid;grid-gap:16px;gap:16px;padding:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-width:1200px;margin:0 auto}@media (min-width:768px){.blog-posts-grid{grid-template-columns:repeat(3,1fr)}}.blog-post-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.blog-post{position:relative;height:300px;border-radius:12px;overflow:hidden;background-position:50%;background-size:cover;background-repeat:no-repeat}.blog-post:before{content:"";top:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9))}.blog-post-content,.blog-post:before{position:absolute;left:0;right:0;bottom:0}.blog-post-content{padding:1.5rem;color:#fff;display:flex;flex-direction:column;gap:10px}.blog-post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.blog-post-tag{background:hsla(0,0%,100%,.2);padding:.25rem .75rem;border-radius:999px;font-size:.75rem}.blog-post-title{font-size:1.2rem;font-weight:700}.blog-post-excerpt,.blog-post-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}.blog-post-excerpt{color:hsla(0,0%,100%,.8);font-size:.9rem;line-height:1.4}.open-in-app-button{border-radius:12px;background:#b70202;border:1px solid #b70202;color:#fff;padding:8px 20px;margin-top:10px}.blog-post-author{display:flex;align-items:center;gap:.5rem}.blog-post-author-image{width:32px;height:32px;border-radius:50%}.blog-post-author-name{font-size:.8rem;font-weight:700;margin:0 0 6px}.blog-post-author-date{font-size:.8rem;color:hsla(0,0%,100%,.8);margin:0}@media (min-width:768px){.blog-post{height:250px}.blog-post:first-child{grid-column:span 2;grid-row:span 2;height:100%;width:100%}.open-in-app-button{margin-top:1rem}}@media (min-width:1024px){.blog-post:first-child{grid-column:span 2;grid-row:span 2}}