.projects-page {
    width: 80vw;
    max-width: 860px;
    margin: 0 auto;
    padding: 52px 0 80px;
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.projects-page h1 {
    font-size: 46px;
    font-weight: 800;
}

.projects-page .project img {
    height: 220px;
}

/* Type badge on each card */
.project-type-badge {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--gray-100);
    margin-top: 2px;
}

@media only screen and (max-width: 880px) {
    .projects-page {
        width: 90vw;
        padding: 32px 0 60px;
    }
}