body {
    background-color: #F5F0E8;
    font-family: 'Inter', sans-serif;
    color: #2D3748;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.drop-cap::first-letter {
    float: left;
    font-size: 5rem;
    line-height: 4rem;
    padding-right: .75rem;
    padding-top: .25rem;
    font-family: 'Playfair Display', serif;
    color: #3B5B43;
    font-weight: 700;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    font-size: inherit;
    vertical-align: middle;
}

.uppercase-label {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.7rem;
    font-weight: 600;
    color: #3B5B43;
}

.font-serif {
    font-family: 'Playfair Display', serif;
}

.article-card {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.article-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.article-card img {
    transition: transform 0.5s ease;
}

.article-card:hover img {
    transform: scale(1.05);
}

.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}