.archive-list{transition:opacity var(--tr_main);background-color:var(--c_off-white);padding:0}.archive-list.transitioning{opacity:0}.archive-list__container{width:var(--w_main);color:var(--c_off-black);margin:0 auto;padding-top:100px}.archive-list h2{font-size:var(--fs_xlarge);line-height:var(--fs_xlarge);color:var(--c_off-black);margin:0}.archive__top-bar{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.archive__top-bar p{color:var(--c_blue);margin:0;padding:0;font-weight:500}.archive__top-bar .button{cursor:pointer;letter-spacing:.3px;color:var(--c_off-black);margin:0;padding:40px 0 40px 40px;font-weight:600}.archive-list .divider{background-color:var(--c_off-black);border-radius:var(--br_small);width:100%;height:1px}.archive-list .archive-items{width:100%;height:0;margin:0;overflow:hidden}.archive-list .archive-items ul{margin:0;padding:0 0 50px;list-style:none}@media (max-width:1580px){.archive-list h2{margin-top:0}}@media (max-width:768px){.archive__top-bar .button{text-align:left;padding:12px 0}.archive__top-bar__left p{display:none}.archive__top-bar{flex-direction:column;align-items:flex-start}}
.archive-list .archive-items .project-item{cursor:none;font-family:neue-haas-grotesk-display,sans-serif}.archive-list .archive-items .project-content{align-items:center;padding:15px 0;display:flex}.archive-list .archive-items .project-client{letter-spacing:.3px;font-weight:600;font-size:var(--fs_main);width:calc(var(--column_main)*3 + var(--gap_main)*2);display:inline-block}.archive-list .archive-items .project-title{margin-left:var(--gap_main);font-size:var(--fs_main);width:calc(var(--column_main)*2 + var(--gap_main));font-weight:500;display:inline-block}.archive-list .archive-items .project-categories{margin-left:var(--gap_main);font-size:var(--fs_main);width:var(--column_main);text-align:right;font-weight:500;display:inline-block}.archive-list .archive-items .project-item.has-images:hover .project-images__container,.archive-list .archive-items .project-item.clicked.has-images .project-images__container{height:200px;margin:0 0 30px}.archive-list .archive-items .project-item.expanded.has-images .project-images__container{transition-delay:.3s}.archive-list .archive-items .project-item .project-images__container{height:0;transition:all var(--tr_main);margin:0 auto;transition-delay:.1s;display:flex;overflow:hidden}.archive-list .archive-items .project-images{justify-content:flex-start;align-items:center;gap:var(--gap_main);width:fit-content;height:200px;transition:all var(--tr_main);margin:0;display:flex;overflow:hidden}.archive-list .archive-items .project-images li{height:100%}.archive-list .archive-items .project-images .project-image img{object-fit:cover;border-radius:var(--br_main);width:auto;height:100%}.archive-list .archive-items .project-images .project-image:first-child{z-index:1}.archive-list .archive-items .project-line{width:calc(var(--column_main)*3 + var(--gap_main)*2);background-color:var(--c_off-black);border-radius:var(--br_small);height:1px}@media (max-width:768px){.archive-list .archive-items .project-client{width:70%}.archive-list .archive-items .project-title{display:none}.archive-list .archive-items .project-categories{width:30%}.archive-list .archive-items .project-line{width:100%}}
.project-list{transition:opacity var(--tr_main);background-color:var(--c_off-white);opacity:0;padding:0;font-size:0}.project-list.loaded{opacity:1}.project-list.transitioning{opacity:0}.project-list__container{width:100vw;color:var(--c_off-black);margin:0 auto}.project-list .top-section{min-height:200px;width:var(--w_main);align-items:start;margin:30px auto;display:flex}.project-list .top-section p{width:var(--column_main);margin:0;margin-left:var(--gap_main);width:calc(var(--column_main)*2 + var(--gap_main)*1);color:var(--c_orange);font-family:neue-haas-grotesk-display,sans-serif;font-weight:500;font-size:var(--fs_main);opacity:0;display:none}.project-list .top-section .categories{font-size:var(--fs_main);letter-spacing:.3px;width:calc(var(--column_main)*4 + var(--gap_main)*3);margin:0;font-family:neue-haas-grotesk-display,sans-serif;font-weight:600;display:inline-block}.project-list .divider{background-color:var(--c_off-black);border-radius:var(--br_small);width:100%;height:1px}.project-list .project-items{width:100%;margin:0;font-size:0;display:inline-block}.project-list .project-items ul{margin:0;padding:0;font-size:0;list-style:none}.project-list .category{display:inline-block}.project-list .category-button{color:var(--c_off-black);font-family:neue-haas-grotesk-display,sans-serif;font-size:var(--fs_main);cursor:pointer;transition:color var(--tr_main);background:0 0;border:0;margin:0;padding:3px 0;font-weight:600}.project-list .category-button.active{color:var(--c_orange)}@media (max-width:768px){.project-list .top-section{flex-direction:column;justify-content:space-between;min-height:auto}.project-list .top-section p{width:var(--w_main);margin:0;display:none}.project-list .top-section .categories{width:var(--w_main)}}
.project-list .project-items .project-item{cursor:none;font-family:neue-haas-grotesk-display,sans-serif;overflow:hidden}.project-list .project-items .project-item .project-row__container{flex-direction:row;justify-content:space-between;display:flex}.project-list .project-items .project-item:hover .project-content.category-code{background-color:var(--c_blue)}.project-list .project-items .project-item:hover .project-content.category-media{background-color:var(--c_yellow)}.project-list .project-items .project-item:hover .project-content.category-design{background-color:var(--c_orange)}.project-list .project-items .project-item:hover .project-content.category-experiences{background-color:var(--c_light-blue)}.project-list .project-items .project-item:hover .project-content{color:var(--c_off-white)}.project-list .project-items .project-item:hover .project-content.category-media{color:var(--c_off-black)}.project-list .project-items .project-content{width:calc(var(--column_main)*2 + var(--gap_main));padding:30px 0;padding-left:calc(var(--gap_main) - 1px);border-left:1px solid var(--c_off-black);transition:all var(--tr_main);padding-right:calc((100vw - var(--w_main))/2);flex-direction:column;justify-content:space-between;display:flex}.project-list .project-items .project-client{letter-spacing:.3px;font-size:2rem;font-weight:600;line-height:2rem}.project-list .project-items .project-title{font-size:var(--fs_main);font-weight:500}.project-list .project-items .project-categories{font-size:var(--fs_main);text-align:right;font-weight:500;display:inline-block}.project-list .project-content__bottom-bar{justify-content:flex-end;align-items:flex-end;margin-top:20px;display:flex}.project-list .project-items .project-item.expanded.has-images .project-images__container{transition-delay:.3s}.project-list .project-items .project-images{height:200px;transition:all var(--tr_main);width:calc(var(--column_main)*4 + var(--gap_main)*3);padding-left:calc((100vw - var(--w_main))/2);margin:30px 0;transition-delay:.1s;overflow:hidden}.project-list .project-items .project-images li{width:fit-content;height:100%;margin-right:var(--gap_main);display:inline-block}.project-list .project-items .project-images .project-image img{object-fit:cover;border-radius:var(--br_main);width:auto;min-width:200px;height:100%}.project-list .project-items .project-images .project-image:first-child{z-index:1}.project-list .project-items .project-line{background-color:var(--c_off-black);border-radius:var(--br_small);width:100%;height:1px}.middle-row{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.project-categories-mobile{display:none}@media (max-width:768px){.project-list .project-content__bottom-bar{justify-content:space-between;align-items:flex-end}.project-list .project-items .project-images{display:none}.project-list .project-items .project-content{width:var(--w_main);padding-left:calc((100vw - var(--w_main))/2);border:none}.project-list .mobile-image{border-radius:var(--br_main);object-fit:cover;width:100%;height:auto;max-height:60vh;margin-bottom:30px}.project-list .project-items .project-item:hover .project-content.category-code,.project-list .project-items .project-item:hover .project-content.category-media,.project-list .project-items .project-item:hover .project-content.category-design,.project-list .project-items .project-item:hover .project-content.category-experiences{background-color:var(--c_off-white)}.project-list .project-items .project-item:hover .project-content{color:var(--c_off-black)}.project-list .project-items .project-item{cursor:default}.project-list .project-items .project-categories{display:none}.project-categories-mobile{font-size:var(--fs_main);font-weight:500;display:inline-block}.middle-row{margin-top:15px}}