.archive-title {
    font-family: var(--font-sans);
    font-size: clamp(3rem, 5vw, 4.5rem);
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 1.1;
    margin-bottom: 2rem;
}

.archive-letter-a {
    color: #a82523;
}

.archive-letter-r {
    color: #1e88e5;
}

.archive-letter-c {
    color: #ed9c38;
}

.archive-letter-h {
    color: #a8cede;
}

.archive-letter-i {
    color: #f5e7f8;
}

.archive-letter-v {
    color: #5c5e59;
}

.archive-letter-e {
    color: #87c786;
}

.archive-letter-a,
.archive-letter-r,
.archive-letter-c,
.archive-letter-h,
.archive-letter-i,
.archive-letter-v,
.archive-letter-e {
    text-shadow: 0 0 18px rgba(168, 37, 35, 0.28), 0 0 36px rgba(168, 37, 35, 0.14);
}

.archive-placeholder {
    margin-top: 3rem;
    max-width: 640px;
    color: var(--text-muted);
    font-size: clamp(1rem, 1.2vw, 1.15rem);
}