.projects-intro { padding-top: 48px; }
.projects-intro__lead { max-width: 640px; margin-top: 24px; font-size: 18px; line-height: 1.5; }

.projects-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding-block: 40px 16px;
    border-bottom: 1px solid var(--ink);
}

.projects-panel { padding-bottom: 120px; }
.projects-panel[data-view="grille"] { padding-top: 32px; }
.projects-panel .grid { --gap: 40px 24px; }
.projects-panel .card__title { font-size: 22px; line-height: 1.2; font-weight: 500; }
.projects-panel .card__img { font-size: 13px; }

@media (max-width: 760px) {
    .projects-intro { padding-top: 24px; }
    .projects-intro__lead { margin-top: 16px; font-size: 16px; }
    .projects-bar { flex-direction: column-reverse; flex-wrap: nowrap; align-items: stretch; gap: 8px; padding-block: 24px 0; }
    .projects-bar .toggle { justify-content: flex-end; }
    .projects-panel { padding-bottom: 64px; }
    .projects-panel[data-view="grille"] { padding-top: 24px; }
    .projects-panel .grid { grid-template-columns: 1fr; gap: 32px; }
    .projects-panel .card { gap: 8px; }
    .projects-panel .card__title { font-size: 20px; }
    .projects-panel .card__img { font-size: 12px; }
    .project-row--head { display: none; }
}