.project-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:1em;padding-bottom:1em;border-bottom:1px solid #000}@media screen and (max-width:768px){.project-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:.75em;padding-bottom:.75em}}.project-item__text{max-width:calc(100% - 7em)}@media screen and (max-width:768px){.project-item__text{max-width:100%}}.project-item__headline{padding-right:1em;margin-bottom:.1em}@media screen and (max-width:768px){.project-item__headline{font-size:1.4em;line-height:1.22;padding-right:0;margin-bottom:.2em}}.project-item__tagline{padding-right:1em}@media screen and (max-width:768px){.project-item__tagline{padding-right:0}}.project-item__thumbnail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;right:0;top:0;height:100%}@media screen and (max-width:768px){.project-item__thumbnail{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:.75em;position:static;padding-bottom:.35em}}.project-item__thumbnail img{max-height:3.65em}@media screen and (max-width:768px){.project-item__thumbnail img{max-height:8em}}.filter-item{display:block;position:relative;cursor:pointer;margin-bottom:.125em;color:#d3d3d3;pointer-events:none}.filter-item__checkbox{display:inline-block;width:calc(.75em + 1px);height:calc(.75em + 1px);border:1px solid #000;position:absolute;top:.25em;overflow:visible}.filter-item__label{padding-left:1.25em;position:relative;top:1px}@media screen and (min-width:768px){.filter-item:hover .filter-item__label{color:var(--green)}}.filter-item.hasPotential{color:#000;pointer-events:auto}.filter-item.isFiltered{color:#000}.filter-item.isFiltered .filter-item__checkbox{background:var(--green)}.filter-item.fullPotential{color:#000}.filter-section__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:.75em;padding-bottom:.6em;cursor:pointer}@media screen and (min-width:1024px){.filter-section__header:hover{color:var(--green)}.filter-section__header:hover svg{fill:var(--green)}}.filter-section__close-btn{background:none;border:none;outline:none;cursor:pointer}.filter-section__close-btn svg{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform 125ms 225ms;transition:-webkit-transform 125ms 225ms;transition:transform 125ms 225ms;transition:transform 125ms 225ms,-webkit-transform 125ms 225ms}.filter-section__close-btn.active svg{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.filter-section__filters{padding-bottom:.75em}.work{padding-top:var(--header-height);position:relative;height:calc(100% - var(--header-height));min-height:calc(100vh - var(--header-height)*2)}.work__projects{position:absolute;height:100%;overflow:hidden;overflow-y:scroll;width:75%;padding:0 var(--padding);padding-bottom:var(--header-height)}@media screen and (max-width:1023px){.work__projects{width:100%;position:relative;padding-top:var(--header-height);margin-top:-1em;overflow:visible}}.work__projects__item{letter-spacing:-.005em;height:calc(100% + 1px);opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s}.work__projects__item .project-item{-webkit-transition:border-color .35s ease-in-out .35s;transition:border-color .35s ease-in-out .35s;border-color:transparent}.work__projects__item.isActive{opacity:1}.work__projects__item.isActive .project-item{border-color:#000}.work__projects__item__wrapper{overflow-y:visible}.work__projects__item__wrapper:last-of-type .project-item{border-bottom:none}.work__filter{position:absolute;top:calc(var(--header-height));right:0;width:25%;height:100%;overflow:auto;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;padding-bottom:var(--header-height)}@media screen and (max-width:1023px){.work__filter{width:100%;height:auto;max-height:100%;left:0;right:auto;position:fixed;overflow:hidden;overflow-y:auto;z-index:2}}.work__filter__header{position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:2;margin-top:.075em}@media screen and (max-width:1023px){.work__filter__header{margin-top:0}}.work__filter__header:hover{color:inherit}.work__filter__header:hover .work__filter__clear-btn{color:var(--green)}@media screen and (max-width:1023px){.work__filter__header{padding-top:.85em}}.work__filter__header__filters{padding-left:1em}.work__filter__header__close-btn{position:absolute;right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform 125ms ease-in-out;transition:-webkit-transform 125ms ease-in-out;transition:transform 125ms ease-in-out;transition:transform 125ms ease-in-out,-webkit-transform 125ms ease-in-out}.work__filter__clear-btn{background:none;border:none;outline:none;cursor:pointer;padding:0}@media screen and (min-width:1023px){.work__filter__clear-btn:hover{color:var(--green)}}.work__filter.filterMobileActive .work__filter__header__close-btn{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.work__filter__header{border-bottom:1px solid #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.work__filter__header__wrapper{background:#fff;margin:0 var(--padding)}@media screen and (max-width:1023px){.work__filter__header{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-bottom:none}}.work__filter__section{border-bottom:1px solid #000}.work__filter__sections{min-height:calc(100% - var(--header-height));padding:0 var(--padding);background:#fff;padding-bottom:var(--header-height)}.overflow{overflow-y:visible}