/* 
GRID
*/
.work-block.--grid {height: fit-content;}
.work-block.--grid .--code {margin-bottom: 4px;}
.work-block.--grid .--title {margin-top: 4px;}
@media (hover: hover) {
    .work-block.--grid .--title,
    .work-block.--grid .--authorship {transition: 200ms ease-in-out;}
}

/* 
TABLE
*/
.work-block.--table {
    display: grid !important;
    padding: .5rem 1rem;
}

.work-block.--table .--code {grid-column: 1/2; grid-row: 1;}
.work-block.--table .--title {grid-column: 2/-1; grid-row: 1;}
.work-block.--table .--authorship {grid-column: 2/-1; grid-row: 2;}
.work-block.--table .--construction {grid-column: 2/-1; grid-row: 3;}

.work-block.--table_thumb {
    bottom: 0;
    right: 0;
}
.work-block.--table_thumb .--media {width: 50vw;}

@media only screen and (min-width: 768px) {
    .work-block.--table .--code {
        grid-column: 1/3;
        grid-row: 1;
    }
    
    .work-block.--table .--title {
        grid-column: 3/13;
        grid-row: 1;
    }
    
    .work-block.--table .--authorship {
        grid-column: 13/-5;
        grid-row: 1;
    }
    
    .work-block.--table .--construction {
        grid-column: -5/-1;
        grid-row: 1;
    }
}

@media only screen and (min-width: 1024px) {
    .work-block.--table .--code {grid-column: 1/2;}
    .work-block.--table .--title {grid-column: 2/7;}
    .work-block.--table .--authorship {grid-column: 7/13;}
    .work-block.--table .--country {grid-column: 13/15;}
    .work-block.--table .--project {grid-column: 15/17;}
    .work-block.--table .--construction {grid-column: 17/19;}
    .work-block.--table .--oguse {grid-column: 19/22;}
    .work-block.--table .--newuse {grid-column: 22/-1;}

    .work-block.--table_thumb .--media {width: 25vw;}
}

@media (hover: hover) {
    .work-block.--table {transition: 200ms ease-in-out;}
    .work-block.--table:hover {background: var(--c-light);}
}

/*
MAP
*/
.work-block.--map {
    width: 10px;
    height: 10px;
    background: black;
    outline: 1px solid white;
}