.archive-projects .project-item {
    margin-block: 50px;
    padding-bottom: 50px;
    border-bottom: 2px solid var(--light-grey);
    display: flex;
    gap: 20px;

}

.archive-projects .project-item:last-child {
    border: none;
}

.archive-projects .project-item img {
    width: 300px;
    height: auto;
    object-fit: contain;
}

.archive-projects .project-item .text {
    width: 100%;
}

.archive-projects .project-item .text p {
    line-height: 23px;
}

.archive-projects .project-year {
    display: flex;
    gap: 10px;
    font-size: 15px;
    margin-block: 30px;
}

.archive-projects .project-year.wp-block-group {
    margin-block: 6px;
}

.archive-projects .project-year:nth-child(1) {
    margin-top: 30px;
}

.archive-projects .project-year .year-name {
    font-weight: 600;
    color: var(--light-text-grey);
    width: 100px;
    align-self: start;
}

.archive-projects .project-year .projects {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.archive-projects .project-item .excerpt {
    margin-top: 50px;
}

.archive-projects .project-item .excerpt p {
    margin-block: 25px;
}

.archive-projects .project-item .excerpt br {
    margin-bottom: 10px;
}

.archive-projects .project-year {
    width: 100%;
}

.archive-projects .wp-block-group.project-year .project-el {
    width: calc(100% - 80px);
}

.archive-projects .project-year .projects .project-el.hover {
    transition: margin .3s ease, padding .3s ease;
    cursor: pointer;
}

.archive-projects .project-year .projects .project-el.hover strong {
    text-decoration: underline;
}

.archive-projects .project-year .projects .project-el.hover:hover {
    margin-left: 3px;
    padding-left: 3px;
}

.archive-projects .project-year .projects .project-el strong {
    text-transform: uppercase;
}

@media (max-width: 750px) {
    .archive-projects .project-item {
        flex-direction: column;
    }
}