/* 
CARD
*/
.project-block.--card .project_b-thumbnail:not(.--hover) {z-index: 5;}
.project-block.--card .project_b-info {margin-top: var(--size-s);}




/* 
TABLE
*/
.project-block.--list {
    padding: var(--size-s) 0;
    border-top: 2px solid var(--c-gray);
}

.project-block.--list .--title {grid-column: 1/-1;}
@media only screen and (min-width: 768px) {
    .project-block.--list .--info {grid-column: 1/3;}
    .project-block.--list .--title {grid-column: 3/-1;}
}
@media only screen and (min-width: 1096px) {
    .project-block.--list {padding: var(--size-sx) 0;}
    .project-block.--list .--info {grid-column: 1/3;}
    .project-block.--list .--title {grid-column: 3/-1;}
}

@media (hover: hover) {
    .project-block.--card .project_b-thumbnail {transition: opacity 500ms;}
    .project-block.--card:hover .project_b-figure.--hover .project_b-thumbnail:not(.--hover) {opacity: 0;}
    .project-block.--card:hover .project_b-figure.--no_hover .project_b-thumbnail {opacity: .5;}

    .project-block.--card .project_b-info p {transition: color 250ms;}
    .project-block.--card:hover .project_b-info p[data-category="office"] {color: var(--c-office);}
    .project-block.--card:hover .project_b-info p[data-category="observatory"] {color: var(--c-observatory);}

    .project-block.--list .--info p {transition: color 250ms;}
    .project-block.--list:hover .--info[data-category="office"] p {color: var(--c-office);}
    .project-block.--list:hover .--info[data-category="observatory"] p {color: var(--c-observatory);}
}