letter-spacing: -0.02em; margin: 0 0 var(--space-lg) 0; background: linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-text-secondary) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .articles-description { font-family: var(--font-body); font-size: 1.125rem; color: var(--color-text-secondary); max-width: 600px; margin: 0 auto; line-height: 1.6; font-style: italic; } /* Articles grid layout */ .articles-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: var(--space-2xl); margin-bottom: clamp(4rem, 8vw, 6rem); } /* Featured article (first post) */ .featured-article { grid-column: 1 / -1; position: relative; background: var(--color-bg-primary); border-radius: var(--border-radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--color-border-light); } .featured-article .gh-card-link { display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: center; min-height: 400px; } .featured-article .gh-card-image { aspect-ratio: 16/10; height: 100%; } .featured-article .gh-card-wrapper { padding: var(--space-2xl); height: auto; } .featured-article .gh-card-title { font-size: clamp(1.75rem, 4vw, 2.5rem); margin-bottom: var(--space-md); } .featured-article .gh-card-excerpt { font-size: 1.125rem; -webkit-line-clamp: 4; margin: var(--space-lg) 0; } .featured-article .gh-card-tag { font-size: 0.875rem; background: var(--primary-color); color: #ffffff; } /* Responsive Design */ @media (max-width: 768px) { .gh-inner { padding: 0 var(--space-lg); } .articles-grid { grid-template-columns: 1fr; gap: var(--space-lg); } .featured-article .gh-card-link { grid-template-columns: 1fr; gap: 0; } .featured-article .gh-card-wrapper { padding: var(--space-lg); } }