.layer--award-list {
    /* overflow-x: hidden; */
}
.layer--award-list ul {
    margin-top: 30px;
    list-style-type: none;
}
.layer--award-list ul li {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    gap: 10px 30px;
    position: relative;
    padding: 15px 0;
    justify-content: space-between;
}

.layer--award-list ul li:hover * {

   color: #F3F4F1;
   transition: all 250ms cubic-bezier(0.167, 0.006, 0.076, 1.015);


    

}
.layer--award-list ul li:before {
    transition: all 250ms cubic-bezier(0.167, 0.006, 0.076, 1.015);
    content: "";

    width: 200%;
    height: calc(100% + 1px);
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    position: absolute;
    z-index: -1;
    

}
.layer--award-list ul li:hover:before {
    background: #1B1B18;
}

.layer--award-list ul .more-awards {
    display: none;
}
.layer--award-list ul .more-awards.show {
    display: grid;
}

.layer--award-list ul li img {
    display: block;
    opacity: 0;
    position: absolute;
    widtH: 250px;
    right: 60px;
    top: 50%;
    z-index: 10;
    transform: translatey(-50%) rotate(0) scale(1.0);
    border-radius: 7px;
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
    transition: all 0.3s ease-in-out;
}
.layer--award-list ul li:nth-child(2n+2):hover img {
    /* transform: translatey(-50%) rotate(-2deg) scale(1.2) translatex(30px); */
}
.layer--award-list ul li:hover img {
    opacity: 1;
    z-index: 100;
    transform: translatey(-50%) rotate(3deg) scale(1.2) translatex(30px);
}
@media screen and (max-width: 640px) {
    .layer--award-list ul li img {
        display: none !important;
    }
}
/* .layer--award-list ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 29px;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.98453 18.3757C9.98453 19.0597 9.4301 19.6141 8.74617 19.6141V19.6141C8.06224 19.6141 7.50781 19.0597 7.50781 18.3757L7.50781 1.94539C7.50781 1.26147 8.06225 0.707031 8.74617 0.707031V0.707031C9.4301 0.707031 9.98453 1.26146 9.98453 1.94539L9.98453 18.3757Z' fill='%237E9339'/%3E%3Cpath d='M16.3887 13.7342C16.9624 14.1065 17.1257 14.8734 16.7535 15.4471V15.4471C16.3812 16.0209 15.6143 16.1842 15.0406 15.8119L1.25758 6.86841C0.683851 6.49613 0.520542 5.72924 0.892822 5.15551V5.15551C1.2651 4.58178 2.03199 4.41847 2.60572 4.79075L16.3887 13.7342Z' fill='%237E9339'/%3E%3Cpath d='M15.4347 5.04855C16.023 4.69973 16.7827 4.89385 17.1315 5.48214V5.48214C17.4803 6.07043 17.2862 6.8301 16.6979 7.17892L2.56519 15.5588C1.9769 15.9077 1.21722 15.7135 0.868404 15.1252V15.1252C0.519583 14.537 0.713708 13.7773 1.30199 13.4285L15.4347 5.04855Z' fill='%237E9339'/%3E%3C/svg%3E%0A");
} */

.layer--award-list ul li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    transform: translatex(-50vw);
    border-top: 1px solid #1B1B18;
}
.layer--award-list ul li:first-child:after {
    content: none;
}
.more_inner {
    padding-top: 10px;
}
.expander,
.more_inner {
    displaY: grid;
    grid-column-start: 1;
    grid-column-end: 13; 
    grid-template-columns: repeat(12,1fr);
    gap: 30px;
}
.award-year {
    grid-column-start: 1;
    grid-column-end: 3; 
    text-align: left;
    font-size: 4rem;
}
.award-type {
    grid-column-start: 3;
    grid-column-end: 8;
    text-align: left;
    /* text-transform: uppercase; */
    font-size: 4rem;
}
.award-category{
    grid-column-start: 8;
    grid-column-end: 13;
    text-align: left;
    align-self: flex-end;
}

.award-project {
    grid-column-start: 1;
    grid-column-end: 8;
    text-align: left;
}
.award-role {
    grid-column-start: 8;
    grid-column-end: 13;
    text-align: left;
}

.more {
    grid-column-start: 1;
    grid-column-end: 13; 
    display: none;
}
.layer--award-list dl {
    grid-column-start: 1;
    grid-column-end: 13; 
}
.layer--award-list dl > div {
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 10px;
    align-items: center;
}
.layer--award-list dt {
    grid-column-start: 1;
    grid-column-end: 3; 
}
.layer--award-list dd {
    grid-column-start: 3;
    grid-column-end: 12; 
}

.show-more-awards {
    grid-column-start: 1;
    grid-column-end: 3; 
    text-wrap: nowrap;
    margin-top: 30px;
}

@media screen and (max-width: 640px) {
    .award-year,
    .award-type,
    .award-category {
        
    }
    .award-year {
        grid-row-start: 1;
        grid-row-end: 5;
    }
    .award-type {
        grid-column-start: 5;
  grid-column-end: 13;
 
  font-size: 1em;
    }
    .award-category {
        grid-column-start: 5;
        grid-column-end: 13;
       
        font-size: 1.8rem;
        
    }

    .expander, .more_inner { 
        gap: 5px 0;

    }
    .layer--award-list dl {
        margin-bottom: 10px;
    }
    .layer--award-list dl > div {
        align-items: start;
        gap: 0;
        margin-bottom: 15px;
    }
    .layer--award-list dl > div:last-child { 
        margin-bottom: 0;
    }
    .layer--award-list dt {
        grid-column-start: 1;
        grid-column-end: 5;
        padding-top: 2px;
        
      }
      .layer--award-list dd {
        grid-column-start: 5;
        grid-column-end: 12;
        font-size: 2rem;
        line-height: 1;
      }
}