.project-archive{width:100%;margin-top:0 !important;margin-bottom:0 !important}:root{--filter-height: 50px}@media(min-width: 64rem){:root{--filter-height: var(--header-height)}}.project-archive-filter{width:100%;height:var(--filter-height);position:fixed;top:calc(var(--header-height) + 50px);z-index:9}@media(min-width: 64rem){.project-archive-filter{top:var(--header-height)}}.project-archive-filter__inner{align-items:center;position:relative;row-gap:0 !important;font-size:.875rem;line-height:2.7692307692em}@media(max-width: 63.9375rem){.project-archive-filter__inner{grid-template-columns:repeat(3, 1fr) !important}}@media(min-width: 64rem){.project-archive-filter__inner{font-size:max(1.4375rem,1.55vw);line-height:1.5652173913em}}.project-archive-filter__inner::after{content:"";display:inline-block;width:100%;border-bottom:1px solid #000;position:absolute;bottom:0;right:0;z-index:11}@media(min-width: 64rem){.project-archive-filter__inner::after{width:calc(50% + var(--content-side-padding) - var(--grid-gap));margin-right:calc(-1*(var(--content-side-padding) - var(--grid-gap)))}}.project-archive-filter__title{grid-column:1}@media(min-width: 64rem){.project-archive-filter__title{grid-column:7/8;margin-left:calc(-1*var(--grid-gap)/2);top:calc(var(--header-height) + 50px)}}.project-archive-filter__actions{grid-column:2}@media(min-width: 64rem){.project-archive-filter__actions{grid-column:9/11}}.project-archive-filter__button{display:inline-block;background:rgba(0,0,0,0);border:none;grid-column:-1/-2;justify-self:flex-end;padding-top:17.5px;padding-bottom:17.5px;cursor:pointer}@media(min-width: 64rem){.project-archive-filter__button{margin-right:calc(-1*(var(--content-side-padding) - var(--grid-gap)));padding:25px}}.project-archive-filter__button svg{transition:transform .3s ease}@media(max-width: 63.9375rem){.project-archive-filter__button svg{height:12px}}.project-archive-filter__button.open svg{transform:rotate3d(0, 0, 1, -180deg)}.project-archive-filter__categories{display:flex;flex-flow:row wrap;grid-column:span 3;padding-bottom:20px;margin-top:-15px}.project-archive-filter__categories *{margin-top:15px}.project-archive-filter__categories *:not(:last-child){margin-right:25px}@media(min-width: 48rem){.project-archive-filter__categories{margin-top:0}}@media(min-width: 64rem){.project-archive-filter__categories{padding-bottom:var(--grid-gap);grid-column:7/-1;margin-left:calc(-1*var(--grid-gap)/2);margin-right:calc(-1*(var(--content-side-padding) - var(--grid-gap)))}}.project-archive-filter__category{background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:.875rem;color:#000}@media(min-width: 64rem){.project-archive-filter__category{font-size:max(1rem,1.1vw)}}.project-archive-filter__category.active{text-decoration:underline}.project-archive-gallery,.project-archive-list{padding-top:calc(var(--header-height) + var(--filter-height) + 120px)}.project-archive-gallery{margin:0 auto;width:calc(100% - 40px)}@media(min-width: 48rem){.project-archive-gallery{width:calc(100% - 2*var(--grid-gap))}}@supports(grid-template-rows: masonry){.project-archive-gallery{display:grid;grid-template-columns:100%;grid-template-rows:masonry;gap:40px;grid-row-gap:40px}@media(min-width: 48rem){.project-archive-gallery{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 90rem){.project-archive-gallery{gap:85px}}}.project-archive-gallery .grid-sizer{display:inline-block}@supports not (grid-template-rows: masonry){.project-archive-gallery .grid-sizer{width:100%}@media(min-width: 48rem){.project-archive-gallery .grid-sizer{width:calc(33.3333333333% - 26.6666666667px)}}@media(min-width: 90rem){.project-archive-gallery .grid-sizer{width:calc(33.3333333333% - 56.6666666667px)}}}@supports(grid-template-rows: masonry){.project-archive-gallery .grid-sizer{display:none}}.project-archive-gallery__item{display:inline-block;height:max-content;color:unset;text-decoration:none}@supports not (grid-template-rows: masonry){.project-archive-gallery__item{display:inline-block;width:100%;margin-bottom:40px}@media(min-width: 48rem){.project-archive-gallery__item{width:calc(33.3333333333% - 26.6666666667px)}}@media(min-width: 90rem){.project-archive-gallery__item{width:calc(33.3333333333% - 56.6666666667px)}}.project-archive-gallery__item.first{width:100%}@media(min-width: 48rem){.project-archive-gallery__item.first{width:calc(66.6666666667% - 13.3333333333px)}}@media(min-width: 90rem){.project-archive-gallery__item.first{width:calc(66.6666666667% - 28.3333333333px)}}}@supports(grid-template-rows: masonry){.project-archive-gallery__item:first-child{grid-column:span 2}}.project-archive-gallery__item-hover{display:flex;justify-content:center;align-items:center;width:34px;height:34px;position:absolute;bottom:1em;right:1em;background-color:#fff;border-radius:50%;z-index:1;transform:scale3d(0.7, 0.7, 1);opacity:0;transition:all .15s ease-in-out}.project-archive-gallery__item:hover .project-archive-gallery__item-hover,.project-archive-gallery__item:hover .project-archive-gallery__item-hover{opacity:1;transform:scale3d(1, 1, 1)}.project-archive-gallery__item-hover:hover,.project-archive-gallery__item-hover:focus-within{transform:scale3d(1.2, 1.2, 1) !important}.project-archive-gallery__item h2{margin-top:.5em;font-size:max(1.125rem,1.25vw);line-height:1.1em;font-weight:400}.project-archive-gallery__media-wrapper{display:inline-block;width:100%;position:relative}.project-archive-gallery__media{display:inline-block;width:100%;height:auto}.project-archive-gallery__media img{width:100%;height:auto;object-fit:contain}.project-archive-list{width:100%}.project-archive-list__media-container{grid-column:2/4;margin-left:calc(-1*(var(--content-side-padding)));position:sticky;top:calc(var(--header-height) + var(--filter-height) + 120px);height:max-content}@media(max-width: 47.9375rem){.project-archive-list__media-container{display:none}}.project-archive-list__media{display:inline-block;position:absolute;top:0}.project-archive-list__media img{width:100%;height:auto;object-fit:contain}.project-archive-list__info{display:inline-block;width:max-content;max-width:22ch;position:absolute;top:0;left:calc(100% + var(--grid-gap));font-size:max(.875rem,.95vw);line-height:1.0714285714em;font-weight:normal}@media(min-width: 48rem){.project-archive-list__content{margin-left:calc(-1*var(--grid-gap)/2);grid-column:8/14}}.project-archive-list__item{padding-bottom:18px}@media(min-width: 48rem){.project-archive-list__item{padding-bottom:35px;margin-right:calc(-1*var(--content-side-padding))}}.project-archive-list__item:not(:first-child)::before{content:"";display:block;border-top:1px solid #000;padding-bottom:20px}.project-archive-list__item-title{display:block;color:unset;text-decoration:none}@media(min-width: 48rem){.project-archive-list__item-title{width:calc(100% - var(--content-side-padding))}}.project-archive-list__item-title h2{line-height:1.1em;margin-top:0;margin-bottom:0;font-weight:500;font-size:1.875rem;hyphens:auto}.project-archive-list__item-title h2:hover,.project-archive-list__item-title h2:focus-visible{font-style:italic}@media(min-width: 64rem){.project-archive-list__item-title h2{font-size:max(3.5rem,3.85vw)}}@media(min-width: 90rem){.project-archive-list__item-title h2{hyphens:initial}}.project-archive-list__item-attributes{display:flex;grid-column:8/14;grid-row:2;margin-top:30px;gap:2em}@media(min-width: 48rem){.project-archive-list__item-attributes{width:calc(100% - var(--content-side-padding))}}@media(min-width: 64rem){.project-archive-list__item-attributes{gap:4em}}.project-archive-list__attribute{display:flex;flex-flow:column wrap;font-size:max(.8125rem,.9vw);line-height:1.15em}.project-archive-list__attribute-title{font-weight:500}
