projects.sass

.project
    @include article(auto)

.projects__section,
.projects_categories__term
    .projects
        @include grid(2, md)

.projects__page
    .hero
        .content
            align-items: stretch
        .hero-text
            display: flex
            flex-direction: column
            gap: $spacing-3
    @include media-breakpoint-up(sm)
        .hero
            .project-infos
                width: columns(8)
    @include media-breakpoint-up(md)
        .hero
            .project-infos
                width: columns(6)
    @include media-breakpoint-up(desktop)
        .hero
            .content
                align-items: stretch
            .hero-text
                justify-content: space-between
                gap: $spacing-5
                width: columns(6)
            .project-infos
                width: columns(4)
            figure
                width: columns(6)

.project-infos
    @include section__page-infos