.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl);margin:var(--spacing-3xl) 0;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1) .2s both}.article-card{background:var(--white);border:1px solid var(--medium-gray);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-gold) 0%,#c59335 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1)}.article-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--accent-gold)}.article-card:hover:before{transform:scaleX(1)}.article-card.featured{grid-column:span 2}.card-link{display:block;padding:var(--spacing-xl);text-decoration:none;color:inherit}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.read-time{font-size:.85rem;color:#6b7280;font-family:var(--font-mono-blog)}.card-title{font-family:var(--font-display-blog);font-size:1.75rem;font-weight:700;color:var(--primary-purple);margin-bottom:var(--spacing-sm);line-height:1.3;letter-spacing:-.01em;transition:color var(--transition-base)}.article-card.featured .card-title{font-size:2.25rem}.article-card:hover .card-title{color:var(--accent-gold)}.card-excerpt{font-size:1rem;line-height:1.7;color:#6b7280;margin-bottom:var(--spacing-md);font-family:var(--font-body-blog)}.article-card.featured .card-excerpt{font-size:1.15rem}.card-meta{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#6b7280;margin-bottom:var(--spacing-sm)}.card-meta .author{font-weight:600;color:var(--dark-gray)}.card-meta .separator{opacity:.4}.card-footer{padding-top:var(--spacing-sm);border-top:1px solid var(--medium-gray)}.read-more{font-size:.95rem;font-weight:600;color:var(--accent-gold);transition:all var(--transition-base);display:inline-block}.article-card:hover .read-more{transform:translate(4px)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.article-card.featured{grid-column:span 1}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}}@media (max-width: 768px){.articles-grid{grid-template-columns:1fr;gap:var(--spacing-md);margin:var(--spacing-xl) 0}.article-card.featured .card-title{font-size:1.75rem}}@media (max-width: 480px){.card-link{padding:var(--spacing-md)}.card-title{font-size:1.5rem}.card-excerpt{font-size:.95rem}}