projects.sass

.project
    @include article(auto)

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

.projects__page
    .document-content
        min-height: 350px
        // Add after element to avoid "min-height" to ignore the last block's margin-bottom
        &::after
            content: ''
            display: block
            height: 1px
    &:not(.full-width)
        .project-sidebar
            @include sidebar
    .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