.figure{position:relative;z-index:1;margin:0;background:#eee}.figure__image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:2;opacity:0;transition:opacity .25s ease-in-out}.figure__image.isLoaded{opacity:1}.figure__thumb{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.close-button{display:flex;align-items:center;justify-content:center}.close-button__svg{fill:inherit;transition:fill 50ms ease-in-out;width:auto}.close-button:hover .close-button__svg{fill:var(--secondary)}.category__button{cursor:pointer;border:solid 1px var(--primary);border-radius:.65em;padding:.1em .5em .1em .5em;background:var(--primary);color:#fff;display:flex;align-items:center;transition:all .25s;max-width:100%}.category__button:hover{background:#fff;color:var(--primary)}.category__close{height:.5em;margin-right:.25em;width:auto;position:relative;top:0}.category.inverse .category__button{background:#fff;color:var(--primary)}.category.inverse .category__button:hover .category__close svg{fill:var(--secondary)}.category.reactive .category__button{background:#fff;color:var(--primary)}.category.reactive .category__button:hover{background:var(--primary);color:#fff}.category.reactive .category__button:hover .category__close svg{fill:var(--secondary)}.isMobile .category.reactive .category__button:hover{background:#fff;color:var(--primary)}.isMobile .category.reactive .category__button:hover svg{fill:var(--primary)}.isMobile .category.inverse .category__button{background:#fff;color:var(--primary)}.isMobile .category.inverse .category__button svg{fill:var(--primary)}.isMobile .category.inverse .category__button:hover{background:#fff;color:var(--primary)}.isMobile .category.inverse .category__button:hover svg{fill:var(--primary)}.slide-enter-active,.slide-leave-active{transition:max-width .25s;max-width:100%}.slide-enter-from,.slide-leave-to{max-width:0;overflow:hidden}.project-preview-video{display:flex;width:100%;height:100%;overflow:hidden;opacity:0;transition:opacity .25s ease-in-out}.project-preview-video:hover{opacity:1}.project-preview-video__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-preview{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:calc(var(--margin)*2);position:relative;min-height:100px}@media screen and (min-width:1280px){.project-preview--9-16{max-width:660px}}@media screen and (min-width:1280px){.project-preview--1-1,.project-preview--9-16{margin:auto;margin-bottom:calc(var(--margin)*2)}.project-preview--1-1{max-width:700px}}@media screen and (max-width:1025px){.project-preview{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:calc(var(--margin)*3)}.project-preview--16-9 .project-preview__figure{max-width:100%}.project-preview--9-16 .project-preview__figure{margin:auto;margin-bottom:.5em;max-width:75%}.project-preview--4-5 .project-preview__figure{margin:auto;margin-bottom:.5em;max-width:80%}}@media screen and (max-width:768px){.project-preview--1-1 .project-preview__figure{margin:auto;margin-bottom:.5em;max-width:95%}}@media screen and (max-width:480px){.project-preview{margin-bottom:calc(var(--margin))}.project-preview--9-16 .project-preview__figure{margin:auto;margin-bottom:.5em;max-width:55%}.project-preview--1-1 .project-preview__figure{margin:auto;margin-bottom:.5em;max-width:70%}}.project-preview__title{font-size:calc(1.4em + 1vw);z-index:3;mix-blend-mode:difference;color:#fff;pointer-events:none;max-width:100%}.project-preview__title span{transition:opacity .35s ease-in-out,transform .5s ease-out 125ms;opacity:0;display:inline-block}.project-preview__title span:first-of-type{transform:translateX(.25em)}.project-preview__title span:last-of-type{transform:translateX(-.25em)}@media screen and (max-width:1024px){.project-preview__title span{opacity:1}}.project-preview__title__spacer{display:inline-block;width:1.5em}.project-preview__title__spacer--mobile{width:.75em}.project-preview__title--drop-line span{transition:opacity .35s ease-in-out,transform .5s ease-out 125ms;opacity:0;display:block}.project-preview__title--mobile{display:block;position:relative;top:-4px;margin:0}@media screen and (max-width:1025px){.project-preview__title--mobile{margin:0 calc(var(--margin)*1)}}@media screen and (max-width:768px){.project-preview__title--mobile{margin:0}}.project-preview__title__wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-preview__image{display:block;width:100%;height:100%;position:relative}.project-preview__categories{align-self:flex-start;padding:0 calc(var(--margin)*2);margin-top:calc(var(--margin)*-1.65);position:relative;z-index:1;display:flex}.project-preview__categories--mobile{position:absolute;bottom:.5em;left:.5em;z-index:2;display:flex;mix-blend-mode:difference}.project-preview__category{margin-right:.5em}.project-preview__category--mobile{margin-top:.5em;margin-right:.5em}.project-preview__category--mobile .category__button{background:#fff;color:#000}.project-preview__figure{margin:calc(var(--margin)*2);position:relative}@media screen and (max-width:1025px){.project-preview__figure{margin:calc(var(--margin)*1);margin-bottom:.5em}}@media screen and (max-width:769px){.project-preview__figure{margin:0;margin-bottom:.5em}}.project-preview__video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center}.project-preview:hover .project-preview__title span{opacity:1}.project-preview:hover .project-preview__title span:first-of-type,.project-preview:hover .project-preview__title span:last-of-type{transform:translateY(0)}.project-fade-enter-active,.project-fade-leave-active{transition:opacity .5s ease,transform 1s ease}.project-fade-enter-from,.project-fade-leave-to{opacity:0}.projects{background:#fff}.projects__wrapper{max-width:1660px;margin:auto}@media screen and (max-width:769px){.projects__wrapper{max-width:660px}}.projects__categories{position:fixed;bottom:0;left:0;padding:var(--margin);display:flex;z-index:4}.projects__category{display:inline;margin-right:.5em}.projects__project-wrapper:first-of-type .project-preview__figure{margin-top:0}.projects__project-wrapper:first-of-type .project-preview__title__wrapper{margin-top:calc(var(--margin)*-1)}.projects-page-fade-enter-active,.projects-page-fade-leave-active{transition:opacity .125s ease}.projects-page-fade-enter-from,.projects-page-fade-leave-to{opacity:0}