.posts-hero{text-align:center;background:0 0;padding:7rem 0 3rem}.page-title{margin-bottom:1rem;font-size:3rem;font-weight:800}.page-description{max-width:700px;color:var(--color-muted);margin:0 auto;font-size:1.1rem;line-height:1.6}.posts-list{flex-direction:column;gap:3rem;display:flex}.post-item{background-color:var(--color-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius);grid-template-columns:300px 1fr;gap:2rem;transition:transform .3s,box-shadow .3s;display:grid;overflow:hidden}.post-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0f172a4d}.post-image-container{height:100%;position:relative}.post-image{width:100%;height:100%;display:block;position:relative;overflow:hidden}.post-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.post-item:hover .post-image img{transform:scale(1.05)}.post-content{flex-direction:column;padding:2rem;display:flex}.post-meta{color:var(--color-muted);align-items:center;gap:1rem;margin-bottom:1rem;font-size:.875rem;display:flex}.post-categories{gap:.5rem;display:flex}.post-category{color:#3b82f6;background-color:#3b82f626;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.post-title{margin-bottom:1rem;font-size:1.5rem;line-height:1.3}.post-title a{color:var(--color-foreground);text-decoration:none;transition:color .2s}.post-title a:hover{color:var(--color-primary)}.post-excerpt{color:var(--color-muted);flex-grow:1;margin-bottom:1.5rem;font-size:1rem}.post-read-more{color:var(--color-primary);align-self:flex-start;align-items:center;margin-top:auto;font-size:.95rem;font-weight:500;transition:color .2s;display:inline-flex}.post-read-more:hover{color:#2779bd}.post-read-more:after{content:"→";margin-left:.25rem;transition:transform .2s}.post-read-more:hover:after{transform:translate(4px)}@media (max-width:992px){.post-item{grid-template-columns:250px 1fr}}@media (max-width:768px){.posts-hero{padding:6rem 0 2.5rem}.page-title{font-size:2.5rem}.page-description{font-size:1rem}.post-item{grid-template-columns:1fr}.post-image-container{height:200px}}@media (max-width:480px){.page-title{font-size:2rem}}.posts-page{background:0 0}.post-card{background-color:var(--color-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}