\n
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);
}
}
João Garcia Miguel
Official archive, includes articles, podcasts and more.
