.articles-listing{background:var(--bg-light);padding:5rem 0}.articles-listing-wrapper{margin:0 auto;max-width:var(--container-xl);padding:0 2rem}.articles-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:4rem}.grid-enter-active,.grid-leave-active{transition:all .3s ease}.grid-enter-from{opacity:0;transform:translateY(20px)}.grid-leave-to{opacity:0;transform:scale(.9)}.grid-move{transition:transform .3s ease}.article-card{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s ease}.article-card:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-8px)}.featured-card{grid-column:span 2}.featured-card .article-content{padding:2rem}.featured-card .article-title{font-size:1.75rem}.article-image-wrapper{aspect-ratio:16/10;overflow:hidden;position:relative;width:100%}.article-image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease;width:100%}.article-card:hover .article-image{transform:scale(1.05)}.article-category-badge{background:var(--accent-primary);border-radius:50px;color:var(--brand-black);font-family:var(--font-montserrat),sans-serif;font-size:.75rem;font-weight:var(--font-semibold);left:1rem;letter-spacing:.05em;padding:.5rem 1rem;position:absolute;text-transform:uppercase;top:1rem}.listing-article-content{display:flex;flex:1;flex-direction:column;gap:.875rem;padding:1.5rem}.article-meta{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-inter),sans-serif;font-size:.875rem;gap:.5rem}.article-date,.article-read-time{color:var(--text-secondary)}.meta-separator{color:var(--text-muted)}.article-title{color:var(--text-primary);font-family:var(--font-heading),sans-serif;font-size:1.375rem;font-weight:var(--font-bold);-webkit-line-clamp:2;line-height:1.3}.article-excerpt,.article-title{display:-webkit-box;margin:0;-webkit-box-orient:vertical;overflow:hidden}.article-excerpt{color:var(--text-secondary);font-family:var(--font-inter),sans-serif;font-size:.9375rem;-webkit-line-clamp:3;line-height:1.6}.article-footer{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.article-author{align-items:center;display:flex;gap:.75rem}.author-avatar{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.author-info{display:flex;flex-direction:column;gap:.125rem}.author-name{color:var(--text-primary);font-size:.875rem;font-weight:var(--font-semibold)}.author-name,.author-role{font-family:var(--font-inter),sans-serif;margin:0}.author-role{color:var(--text-muted);font-size:.75rem}.article-read-more{align-items:center;color:var(--text-blue);display:flex;font-family:var(--font-inter),sans-serif;font-size:.875rem;font-weight:var(--font-semibold);gap:.5rem;transition:gap .3s ease}.article-card:hover .article-read-more{gap:.75rem}@media (max-width:1023px){.featured-card{grid-column:span 1}}@media (max-width:767px){.articles-listing{padding:3rem 0}.articles-grid{gap:1.5rem;grid-template-columns:1fr;margin-bottom:3rem}.article-footer{align-items:flex-start;flex-direction:column;gap:1rem}}@media (min-width:1024px) and (max-width:1279px){.articles-listing-wrapper{max-width:var(--container-lg)}}@media (min-width:1280px) and (max-width:1399px){.articles-listing-wrapper{max-width:var(--container-xl)}}@media (min-width:1400px) and (max-width:2559px){.articles-listing-wrapper{max-width:var(--container-2xl)}}@media (min-width:2560px){.articles-listing-wrapper{max-width:var(--container-ultrawide)}}