.project-preview-list{position:relative;text-align:center;width:100%}.project-preview-list__content{width:100%}.project-preview-list__content h3{display:block;font:600 .75rem/.875rem NeueSpeciale;margin:0}.project-preview-list__content span{display:block}.project-preview-list__thumbnail{align-items:center;display:flex;height:100px;margin-bottom:15px}.project-preview-list__thumbnail .image__wrapper{height:100%;-o-object-fit:contain;object-fit:contain;padding-top:0!important;width:100%}.project-preview-list__thumbnail .image__wrapper picture{-o-object-fit:contain;object-fit:contain;position:relative!important}.project-preview-list__thumbnail .image__wrapper img{filter:drop-shadow(0 -5px 0 white) drop-shadow(0 5px 0 white) drop-shadow(-5px 0 0 white) drop-shadow(5px 0 0 white);-o-object-fit:contain!important;object-fit:contain!important}.projects-list{display:flex;justify-content:space-between;min-height:100vh;padding:0 var(--page-gutter)}.projects-list__types{display:flex;gap:20px}@media(min-width:64.0625rem){.projects-list__types a{white-space:nowrap}}.projects-list__controls{flex-shrink:0;width:20%}.projects-list__controls .sticky{display:flex;flex-direction:column;gap:40px;margin-top:calc(var(--header-height)*-1);max-width:510px;padding-bottom:var(--page-gutter);padding-top:calc(var(--header-height) + var(--page-gutter));position:sticky;top:0}.projects-list__controls .sticky .label-top{margin-bottom:10px!important}@media(max-width:64rem){.projects-list__controls .sticky{padding-bottom:20px;padding-top:10px}.projects-list__controls .sticky .label-top{margin-bottom:10px!important}}.projects-list__controls .sticky .grid{display:grid;grid-template-columns:repeat(2,1fr)}.projects-list__controls .sticky ul{list-style:none;padding-left:0}@media(hover:hover){.projects-list__controls .sticky:hover .filter{opacity:.4}}@media(hover:hover)and (hover:hover){.projects-list__controls .sticky:hover .filter:hover{opacity:1}}@media(hover:hover){.projects-list__controls .sticky:hover .filter.is-active,.projects-list__controls .sticky:hover .filter.is-hover{opacity:1}}.projects-list__controls .sticky .label{margin-bottom:2px}.projects-list__controls.has-filter .filter{opacity:.4}@media(hover:hover){.projects-list__controls.has-filter .filter:hover{opacity:1}}.projects-list__controls.has-filter .filter.is-active{opacity:1}.projects-list__controls .project-list__title span{display:none}@media(max-width:64rem){.projects-list__controls{background:var(--color-off-white);border-top:.5px solid var(--color-office-grey);left:0;position:fixed;top:100vh;transform:translateY(-40px);transition:transform 1s cubic-bezier(.19,1,.22,1);width:100%;z-index:2}.projects-list__controls.visible{transform:translateY(-100%)}.projects-list__controls .project-list__title{align-items:center;height:40px}.projects-list__controls .project-list__title span{display:inline-block}.projects-list__controls .sticky{margin-top:0;max-width:100%;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.projects-list__controls .sticky ul .filter{padding:3px 0}}.projects-list__list{flex-grow:1;padding-top:var(--page-gutter)}@media(max-width:43.75rem){.projects-list__list{padding-bottom:var(--page-gutter)}}.projects-list__list .list{display:grid;gap:40px;grid-template-columns:repeat(2,1fr);grid-row-gap:20px}@media(max-width:43.75rem){.projects-list__list .list{grid-row-gap:10px}}@media(min-width:43.8125rem){.projects-list__list .list{grid-template-columns:repeat(5,1fr)}}@media(min-width:64.0625rem){.projects-list__list .list{grid-template-columns:repeat(7,1fr)}}.projects-list__list .project-preview-list.hidden{display:none}