:root{--project-gap:2.5rem}.project{position:relative;color:#fff;display:flex;justify-content:flex-start;align-items:flex-end;min-width:80vw;aspect-ratio:1}.project:after{transition:opacity .3s ease-in-out;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(0deg,rgba(17,17,17,.50196),transparent,transparent);opacity:1}.project:hover:after{background:rgba(255,73,0,.50196);opacity:1}@media (min-width:475px){.project{min-width:40vw}}@media (min-width:768px){.project{aspect-ratio:auto;min-width:unset}}@media (min-width:1280px){.project{min-height:24rem}}.projects-filters{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-filter);backdrop-filter:var(--tw-backdrop-filter);--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-bg-opacity:0.9;display:flex;flex-wrap:nowrap;overflow-x:auto;position:sticky;z-index:15;top:3rem;grid-gap:2rem;gap:2rem;padding:1.25rem 0;padding:calc(var(--project-gap)/2) 0;margin-bottom:2.5rem;margin-bottom:var(--project-gap)}@media (min-width:768px){.projects-filters{top:5rem}}.projects-filter.active,.projects-filter:hover{font-weight:800}.projects-filter div{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;white-space:pre}.projects-filter div:after{content:attr(data-text);height:0;visibility:hidden;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;font-weight:800}.project-wrapper{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1rem;gap:1rem;padding-bottom:1rem}@media (min-width:768px){.project-wrapper{display:grid;grid-template-columns:repeat(14,1fr);overflow-x:auto}.project-wrapper .project{grid-row-end:span 4;grid-column-end:span 4}.project-wrapper.project-wrapper-1 .project{grid-column-end:span 14;aspect-ratio:3}.project-wrapper.project-wrapper-2 .project:first-child{grid-column-end:span 8;aspect-ratio:2}.project-wrapper.project-wrapper-2 .project:nth-child(2),.project-wrapper.project-wrapper-3.reverse .project:first-child,.project-wrapper.project-wrapper-3:not(.reverse) .project:nth-child(3){grid-column-end:span 6;aspect-ratio:auto}.project-wrapper.project-wrapper-4 .project{grid-column-end:span 8;grid-row-end:span 3;aspect-ratio:3}.project-wrapper.project-wrapper-4 .project:first-child{grid-column-end:span 6;grid-row-end:span 9;aspect-ratio:auto}.project-wrapper.project-wrapper-5.reverse .project:nth-child(3),.project-wrapper.project-wrapper-5:not(.reverse) .project:first-child{grid-column-end:span 6;grid-row-end:span 8;aspect-ratio:auto}}.project-logo{position:absolute;top:1rem;right:1rem;background:#fff;display:flex;padding:1rem;max-width:max(10vw,200px);height:54px}.project-logo svg{width:100%;height:auto}.project-content{transition:opacity .3s ease-in-out;position:relative;z-index:20;padding:2rem;opacity:1;pointer-events:none;color:#fff!important}@media (min-width:768px){.project-content{opacity:0}.project:hover .project-content{opacity:1}}.project-image{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0}.project-image img{-o-object-fit:cover;object-fit:cover}.project-quote{background:#ff4900}.project-quote:after{display:none}.project-quote .project-content{opacity:1!important}@media (min-width:768px){.project-quote .project-content{padding:4rem}}.project-contact{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1rem;gap:1rem}@media (min-width:768px){.project-contact{grid-template-columns:repeat(14,1fr)}}.project-contact .project-text{grid-row-end:span 6;grid-column-end:span 6;display:flex;align-items:center;order:2}@media (min-width:1024px){.project-contact .project-text{order:0}}.project-contact .project-content{max-width:32rem;pointer-events:all;padding:0;opacity:1!important;color:#ff4900!important}@media (min-width:768px){.project-contact .project-content{padding:4rem}}.project-contact .project-content:after{display:none}.project-contact .project-image{position:relative;grid-row-end:span 6;grid-column-end:span 8;order:0}@media (min-width:1024px){.project-contact .project-image{order:1}}.project-contact a{color:#111!important}.projects-loadmore{opacity:0;visibility:hidden}