.project_b-regular {margin-bottom: 2rem;}
.project_b-regular > * {grid-column: 1/-1;}

.project_b-year {grid-column: 1/2;}
.project_b-title,
.project_b-typology {grid-column: 2/-1;}

.project_b-thumbnail {
    margin-top: 2px;
    width: 100%;
    aspect-ratio: 3/2;
    background-color: lightgray;
}

.project_b-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project_b-thumbnail-crop {padding: 1rem;}
.project_b-thumbnail-crop img {object-fit: contain;}

@media (hover: hover) {
    @media only screen and (min-width: 1024px) {
        .project-block:hover {display: grid;}
        .project_b-regular {margin-bottom: 0; padding-bottom: 1rem;}

        .project-block .project_b-thumbnail {display: none;}
        
        .project-block div:first-of-type {
            grid-column: 1/-1;
            grid-row: 1;
        }
        
        .project_b-year {
            grid-column: 1/2;
            grid-row: 2;
        }
        
        .project_b-title {
            grid-column: 1/-1;
            grid-row: 1;
        }
        
        .project-block div:not(:first-of-type) {
            grid-column: 1/-1;
            grid-row: 1;
            padding: 0;
        }
        
        .project_b-typology {
            grid-column: 2/-1;
            grid-row: 1;
            padding-left: .5rem;
            margin-top: 2rem;
        }
    }
}