.blog-page{width:100%}.blog-filters{justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.filter-btn{border:1px solid var(--color-border);background:var(--color-white);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);border-radius:30px;padding:.5rem 1.5rem}.filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-btn.active{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.featured-post{margin-bottom:var(--spacing-3xl)}.featured-card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);color:inherit;transition:transform var(--transition-normal), box-shadow var(--transition-normal);grid-template-columns:1.2fr 1fr;text-decoration:none;display:grid;overflow:hidden}.featured-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000014}.featured-image{width:100%;height:100%;min-height:350px;position:relative;overflow:hidden}.featured-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.featured-card:hover .featured-image img{transform:scale(1.05)}.featured-content{padding:var(--spacing-2xl);flex-direction:column;justify-content:center;display:flex}.post-meta{margin-bottom:var(--spacing-sm);flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.post-tags{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.category-tag{color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.post-date{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.featured-content h2{margin-bottom:var(--spacing-md);color:var(--color-text-dark);font-size:2rem;line-height:1.3}.featured-content p{color:var(--color-text);margin-bottom:var(--spacing-lg);line-height:1.6}.read-more{color:var(--color-text-dark);align-items:center;margin-top:auto;font-weight:500;display:inline-flex}.read-more span{transition:transform var(--transition-fast)}.featured-card:hover .read-more span{transform:translate(5px)}.blog-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.blog-card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);color:inherit;transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;height:100%;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.blog-card-image{width:100%;padding-top:66.66%;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{flex-direction:column;flex:1;padding:1.5rem 1.25rem;display:flex}.blog-card-content h3{margin-bottom:var(--spacing-sm);color:var(--color-text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.25rem;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card-content p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card .read-more{font-size:var(--font-size-sm);margin-top:auto}@media (max-width:992px){.blog-grid{grid-template-columns:repeat(2,1fr)}.featured-card{grid-template-columns:1fr}.featured-image{min-height:250px}}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}
