.projects{background-color:#e1e5d3;flex-grow:1;display:flex}@media only screen and (max-width:767px){.projects{height:auto!important}}.projects__wrapper{padding-top:60px;padding-bottom:60px}@media only screen and (min-width:320px){.projects__wrapper{padding-top:calc(60px + 15 * (100vw - 320px) / 704);padding-bottom:calc(60px + 15 * (100vw - 320px) / 704)}}@media only screen and (min-width:1024px){.projects__wrapper{padding-top:75px;padding-bottom:75px}}.projects__wrapper{padding-left:15px;padding-right:15px}@media only screen and (min-width:320px){.projects__wrapper{padding-left:calc(15px + 45 * (100vw - 320px) / 704);padding-right:calc(15px + 45 * (100vw - 320px) / 704)}}@media only screen and (min-width:1024px){.projects__wrapper{padding-left:60px;padding-right:60px}}.projects__wrapper{width:100%;overflow-y:auto;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.projects__wrapper::-webkit-scrollbar{width:0;height:0;display:none}.projects .project{display:inline-block}@media only screen and (min-width:1600px){.projects .project{margin-left:calc((100vw - 1600px)/2 - 60px)}}.projects .project:not(:first-child) a{padding-top:45px}@media only screen and (min-width:320px){.projects .project:not(:first-child) a{padding-top:calc(45px + 15 * (100vw - 320px) / 704)}}@media only screen and (min-width:1024px){.projects .project:not(:first-child) a{padding-top:60px}}.projects .project:hover .project__title__count,.projects .project:hover .project__title__name,.projects .project:active .project__title__count,.projects .project:active .project__title__name,.projects .project:focus .project__title__count,.projects .project:focus .project__title__name{z-index:2;color:#fff}.projects .project:hover .project__background,.projects .project:active .project__background,.projects .project:focus .project__background{z-index:2;opacity:1}.projects .project__background{transition:opacity 1.2s ease;width:100%;top:0;left:0;bottom:0;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:cover;position:fixed;opacity:0}@media only screen and (min-width:768px){.projects .project__background--mobile{display:none}}.projects .project__background--desktop{display:none}@media only screen and (min-width:768px){.projects .project__background--desktop{display:block}}.projects .project__title{transition:all 0ms ease;z-index:1;line-height:1;color:#33560a;display:inline-flex;align-items:flex-start}.projects .project__title:hover .project__background{opacity:1}.projects .project__title.active .project__title__count>*{opacity:1}.projects .project__title.active .project__title__name>*{opacity:1}.projects .project__title__count{transition:all 0ms ease;font-size:15px}@media only screen and (min-width:320px){.projects .project__title__count{font-size:calc(15px + 7 * (100vw - 320px) / 704)}}@media only screen and (min-width:1024px){.projects .project__title__count{font-size:22px}}.projects .project__title__count{margin-right:15px}@media only screen and (min-width:320px){.projects .project__title__count{margin-right:calc(15px + 30 * (100vw - 320px) / 704)}}@media only screen and (min-width:1024px){.projects .project__title__count{margin-right:45px}}.projects .project__title__count{z-index:1;position:relative}.projects .project__title__count>*{opacity:0}.projects .project__title__name{transition:all 0ms ease;font-size:44px}@media only screen and (min-width:320px){.projects .project__title__name{font-size:calc(44px + 46 * (100vw - 320px) / 704)}}@media only screen and (min-width:1024px){.projects .project__title__name{font-size:90px}}.projects .project__title__name{top:-5px}@media only screen and (min-width:320px){.projects .project__title__name{top:calc(-5px + -7.5 * (100vw - 320px) / 704)}}@media only screen and (min-width:1024px){.projects .project__title__name{top:-12.5px}}.projects .project__title__name{z-index:1;font-weight:500;top:-5px;position:relative}.projects .project__title__name>*{opacity:0}.projects .footer__wrapper{margin-top:60px}@media only screen and (min-width:320px){.projects .footer__wrapper{margin-top:calc(60px + 15 * (100vw - 320px) / 704)}}@media only screen and (min-width:1024px){.projects .footer__wrapper{margin-top:75px}}.projects .footer__wrapper{margin-bottom:-60px}@media only screen and (min-width:320px){.projects .footer__wrapper{margin-bottom:calc(-60px + -15 * (100vw - 320px) / 704)}}@media only screen and (min-width:1024px){.projects .footer__wrapper{margin-bottom:-75px}}.projects .footer__wrapper{position:relative}.projects .footer__wrapper:before{content:"";position:absolute;top:0;height:100%;background-color:#fff;width:100vw;left:50%;transform:translate(-50%)}.projects .footer__wrapper .footer__logo,.projects .footer__wrapper .footer__contact,.projects .footer__wrapper .footer__social{z-index:1}.projects:not(.projects--can-hover) .project__background{opacity:0!important;transition:none!important}.projects.projects--can-hover .project:hover .project__background,.projects.projects--can-hover .project:active .project__background,.projects.projects--can-hover .project:focus .project__background{opacity:1}.projects.projects--can-hover .project:hover .project__title__count,.projects.projects--can-hover .project:hover .project__title__name,.projects.projects--can-hover .project:active .project__title__count,.projects.projects--can-hover .project:active .project__title__name,.projects.projects--can-hover .project:focus .project__title__count,.projects.projects--can-hover .project:focus .project__title__name{color:#fff}