.post-card{background:var(--surface);transition:transform var(--transition-fast), background var(--transition-fast);border-radius:8px;overflow:hidden}.post-card:hover{background:var(--surface-hover);transform:translateY(-5px)}.post-card-image{height:240px;transition:transform var(--transition-slow);background-position:50%;background-size:cover;position:relative}.post-card:hover .post-card-image{transform:scale(1.05)}.post-card-image-link{display:block;overflow:hidden}.post-card-category{background:var(--primary);color:#000;text-transform:uppercase;border-radius:2px;padding:.2rem .6rem;font-size:.7rem;font-weight:800;position:absolute;top:1rem;left:1rem}.post-card-content{padding:1.5rem}.post-card-date{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.post-card-title{margin:.8rem 0;font-size:1.25rem;font-weight:700;line-height:1.4}.post-card-title a:hover{color:var(--primary)}.post-card-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card-more{text-transform:uppercase;color:var(--primary);align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.post-card-more .arrow{transition:transform var(--transition-fast)}.post-card-more:hover .arrow{transform:translate(5px)}
.grid-title{text-transform:uppercase;letter-spacing:-1px;margin-bottom:3rem;font-size:2rem;font-weight:900;display:inline-block;position:relative}.grid-title:after{content:"";background:var(--primary);width:60px;height:4px;position:absolute;bottom:-10px;left:0}.post-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;display:grid}@media (max-width:480px){.post-grid{grid-template-columns:1fr}}