@font-face{font-family:PxGrotesk;font-weight:400;font-style:normal;font-display:swap;src:local("PxGrotesk"),local("PxGrotesk"),url(../fonts/PxGroteskMono-Regular.woff2) format("woff2"),url(../fonts/PxGroteskMono-Regular.woff) format("woff")}@font-face{font-family:PxGroteskBold;font-weight:700;font-style:normal;font-display:swap;src:local("PxGrotesk"),local("PxGrotesk"),url(../fonts/PxGroteskMono-Bold.woff2) format("woff2"),url(../fonts/PxGroteskMono-Bold.woff) format("woff")}*,::after,::before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;font:400 70%/1.2 PxGrotesk,sans-serif}body{margin:0;font-size:1.25rem;background:#faf7f0;color:#2a3f30;display:flex;justify-content:space-between;flex-direction:column;padding:0 1.3125rem 1.3125rem}a,button,input[type=button],input[type=submit]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:.2s;cursor:pointer}img{height:auto;max-width:100%;transition:opacity .2s;vertical-align:middle}img[data-src]{position:absolute;opacity:0}article,aside,figure,footer,header,main,nav{display:block}dl,ol,ul{list-style:none}blockquote,dl,embed,fieldset,figure,h1,h2,h3,h4,h5,h6,iframe,img,legend,object,ol,p,ul{padding:0;border:0;margin:0}nav ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}a{text-decoration:none;color:inherit}a:hover{color:inherit}a[href^="mailto:"],a[href^="tel:"]{white-space:nowrap}.screen-reader-text{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0;clip:rect(1px,1px,1px,1px)}.about{background:#faf7f0;border:1px solid #23282d;height:25%;position:relative;left:0;top:0}.about p{max-width:44.375rem;opacity:0;transition:opacity 250ms 250ms}.about-active .content .contact{top:75%}.about-active .content .projects{height:25%;width:50%}.about-active .content .about{overflow:scroll;height:75%;width:100%}.about-active .content .about p{opacity:1}body main{flex-direction:column;padding:5.3125rem 0 0;position:relative;width:100%}body,html{overflow:hidden}body,html,main{height:100%}main{margin:auto 0 0}.contact{background:#ecfda2;height:25%;position:relative;transition:250ms;top:0;left:50%}.contact ul{opacity:0;visibility:hidden;transition:opacity 250ms 250ms}.contact ul+ul{margin:1.75rem 0 0}.contact ul+ul a{text-decoration:underline;text-decoration-thickness:.125rem}.contact ul+ul a:hover{text-decoration:none}.contact-active .content .contact{overflow:scroll;left:0;height:50%;width:100%}.contact-active .content .contact ul{opacity:1;visibility:visible}.contact-active .content .about{top:50%;left:50%;height:50%}.contact-active .content .projects{height:50%;width:50%}.projects{margin:auto 0 0;overflow:hidden;height:75%;z-index:1}.projects>div{position:relative;background:#2a3f30;color:#ecfda2;height:100%}.projects,.projects figure{position:relative}.projects figure{height:100%;width:100%}.projects article,.projects>div{border-radius:.9375rem;overflow:hidden}.projects header{opacity:0;transition:opacity 250ms 250ms}.projects article{opacity:0;border-radius:.9375rem;position:absolute;left:0;top:auto;bottom:0;width:100%;height:75%;z-index:-1;transition:250ms;transform:translateY(0)}.projects .swiper-container{height:100%}.projects-active .content .projects{overflow:scroll}.projects-active .content .projects>div{height:33%}.projects-active .content .projects article{position:relative;overflow:visible;height:67%;opacity:1;flex:1;transform:unset}.projects-active .content .projects header{opacity:1}.projects-active .content .contact{left:50%;top:0}.projects-active .content .about{top:0;left:0}.site-header{padding:1.3125rem 0 0;top:0;left:0;width:100%}.site-header p{margin:2.25rem 0 0;max-width:13.1875rem}.site-header svg{display:block}.site-logo{display:block;font-family:PxGroteskBold,sans-serif;line-height:1;letter-spacing:.09375rem;margin:-.125rem 0 0;position:absolute;width:4.5rem;text-transform:lowercase}.site-logo span{display:block;transition:250ms}.site-logo>div{position:relative}.logo-state-1 .site-logo span:last-child,.logo-state-1 .site-logo span:nth-child(2),.logo-state-1 .site-logo span:nth-child(3){transform:translate(-.8rem,1.5rem)}.logo-state-2 .site-logo span:nth-child(2){transform:translate(0,0)}.logo-state-2 .site-logo span:last-child,.logo-state-2 .site-logo span:nth-child(3){transform:translate(-1.75rem,1.5rem)}.logo-state-3 .site-logo span:nth-child(2),.logo-state-3 .site-logo span:nth-child(3){transform:translate(0,0)}.logo-state-3 .site-logo span:last-child{transform:translate(-2.6rem,1.5rem)}.logo-state-4 .site-logo span:last-child,.logo-state-4 .site-logo span:nth-child(2),.logo-state-4 .site-logo span:nth-child(3){transform:translate(0,0)}[data-cycle-logo]{cursor:pointer}.content{align-items:flex-end;display:flex;flex-wrap:wrap;height:100%;width:100%;position:relative;margin:auto 0 0;text-transform:lowercase}.content .projects>div,.content>*{border-radius:.9375rem;transition:.5s ease-in-out}.content .about,.content .contact,.content .projects>div{padding:1.25rem 1.125rem}.content .about,.content .contact{position:absolute;width:50%}.content .projects{width:100%}.content h2{cursor:pointer;font-family:PxGroteskBold,sans-serif;margin:0 0 .9375rem}.remove-delay .about * .contact *{transition-delay:0s}.desktop{display:none}.instagram{background:url(../images/instagram.svg) 0 0/cover no-repeat;display:block;margin:0 0 0 auto;height:1.3125rem;width:1.3125rem}.mobile{display:block}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;border-radius:.9375rem}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-button-next{position:absolute;z-index:10;cursor:pointer;display:flex;align-items:center;right:1.25rem;top:1.375rem;justify-content:center;width:1.125rem;height:1.125rem}.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after{background:url(../images/arrow.svg) 0 0/cover no-repeat;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;width:1.125rem;height:1.125rem}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:""}.cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background-size:cover}.flex{display:flex}.wrap{width:90%;max-width:81rem;margin-left:auto;margin-right:auto}.has-js :focus{outline:0}.has-tab-focus :focus{outline:auto 2px}@media screen and (min-width:375px){html{font:400 70%/1.2 PxGrotesk,sans-serif}}@media screen and (min-width:414px){html{font:400 85%/1.2 PxGrotesk,sans-serif}}@media screen and (min-width:428px){html{font:400 85%/1.2 PxGrotesk,sans-serif}}@media screen and (min-width:835px){html{font:400 50%/1.2 PxGrotesk,sans-serif}body{font-size:1.875rem;justify-content:flex-start;padding:1.875rem}.about{height:50%;margin:auto 0 0}.about-active .content .contact{top:0}.about-active .content .projects{height:50%;width:25%}.about-active .content .about{height:100%;width:50%;top:0}body main{padding:0}body,html{overflow:visible}main{margin:0}body,html,main{height:100%}.contact{height:50%;left:0}.contact ul+ul{margin:2.1875rem 0 0}.contact-active .content .contact{margin-left:-50%;width:50%}.contact-active .content .about{top:0;left:0;margin-left:25%}.contact-active .content .projects{height:50%;width:25%}.projects{margin:0;height:50%}.projects-active .content .projects{height:100%}.projects-active .content .projects>div{height:25%;min-height:unset}.projects-active .content .projects article{height:75%}.projects-active .content .contact{left:-25%;top:50%}.projects-active .content .about{top:-50%;left:25%}.site-header{padding:0 0 1.875rem}.site-header p{margin:-.75rem 0 0 24.21875vw;max-width:20.625rem}.site-logo{line-height:1;margin:-.75rem 0 0 -.1875rem}.logo-state-1 .site-logo span:last-child,.logo-state-1 .site-logo span:nth-child(2),.logo-state-1 .site-logo span:nth-child(3){transform:translate(-1.25rem,1.5rem)}.logo-state-2 .site-logo span:nth-child(2){transform:translate(0,0)}.logo-state-2 .site-logo span:last-child,.logo-state-2 .site-logo span:nth-child(3){transform:translate(-2.55rem,1.5rem)}.logo-state-3 .site-logo span:nth-child(2),.logo-state-3 .site-logo span:nth-child(3){transform:translate(0,0)}.logo-state-3 .site-logo span:last-child{transform:translate(-3.85rem,1.5rem)}.logo-state-4 .site-logo span:last-child,.logo-state-4 .site-logo span:nth-child(2),.logo-state-4 .site-logo span:nth-child(3){transform:translate(0,0)}.content{align-items:flex-start;height:49rem;flex-wrap:nowrap}.content .about,.content .contact,.content .projects>div{padding:1.9375rem 1.8125rem}.content .about,.content .contact{position:relative;width:25%}.content .projects{width:50%}.content h2{margin:0 0 1.5rem}.desktop{display:block}.instagram{height:1.6875rem;width:1.6875rem}.mobile{display:none}.swiper-button-next{margin-top:.4375rem;right:1.8125rem;top:2.0625rem;width:1.6875rem;height:1.6875rem}.swiper-button-next:after{width:1.6875rem;height:1.6875rem}}@media screen and (min-width:960px){html{font:400 60%/1.2 PxGrotesk,sans-serif}}@media screen and (min-width:1281px){html{font:400 80%/1.2 PxGrotesk,sans-serif}}@media screen and (min-width:1780px){html{font:400 100%/1.2 PxGrotesk,sans-serif}}@media screen and (max-device-width:835px) and (orientation:portrait){.about p{max-width:30rem}}