*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:initial}html{scroll-behavior:initial;-webkit-tap-highlight-color:rgba(255,255,255,0)}body{text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}a{all:unset;cursor:pointer}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,input[type=submit],input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:initial}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:initial!important}}@font-face{font-family:Neue Haas Grotesk;src:url(/assets/NeueHaasGrotesk55-3aaebf19.ttf)}body,html{font-family:Neue Haas Grotesk}body{background-color:var(--clr-body);-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}::selection{background:var(--selection-color)}.App{background-color:var(--clr-body);transition:var(--menu-transition)}h1{font-size:var(--text-size-h1);font-weight:400;letter-spacing:var(--letter-spacing);line-height:1}h2{font-size:var(--text-size-h2);font-weight:400;letter-spacing:var(--letter-spacing);line-height:1}h3{font-size:var(--text-size-h3);font-weight:400;letter-spacing:var(--letter-spacing);line-height:1}:root{--clr-black: black;--clr-white: white;--selection-color: rgb(255, 81, 0);--clr-dark: black;--clr-dark-theme: rgb(233, 233, 233);--clr-light: white;--clr-light-theme: rgb(21, 21, 21);--clr-gray: rgb(170, 170, 170);--clr-light-gray: rgb(201, 201, 201);--clr-footer-bg: rgb(0, 0, 0);--clr-footer-text: rgb(255, 255, 255);--clr-body: black;--clr-body: rgb(0, 0, 0);--clr-menu-bg: var(--clr-body);--clr-menu-text: white;--clr-shop-bg: rgb(16, 16, 16);--clr-shop-text: white;--clr-error-bg: rgb(16, 16, 16);--clr-error-text: white;--text-size-h1: 5vw;--text-size-h2: 3.5vw;--text-size-h3: 1.8vw;--button-size: 3.5vw;--logo-height: 1.9vw;--title-bottom-margin: .2ch;--project-bottom-margin: 9vw;--main-heading-bottom-margin: 23vw;--more-bottom-margin: 6.2vw;--letter-spacing: -.02em;--body-padding: 1.4vw;--body-max-width: 2560px;--header-height: 23vw;--menu-height: 25vw;--footer-margin: 9vw;--home-spacer: 12vw;--about-spacer: 10vw;--footer-spacer: 6vw;--footer-flex-gap: 4.5vw;--archive-text-margin: 4vw;--archive-grid-gap: 4vw;--menu-transition: all 1s cubic-bezier(.65,-.01, 0, .98);--project-max-width: 55vw;--project-image-bottom-margin: .8vw;--showcase-title-margin: .25ch;--showcase-navigation-margin: 3vw;--showcase-image-width: 50%;--showcase-text-width: 85%}.container{margin:0 auto;padding:0 var(--body-padding)}.display-none{display:none}.red{color:red!important}.vert-scroll-enable{overflow-y:unset}.pointer-events-none{pointer-events:none}.text-black{color:var(--clr-black)}.text-white{color:var(--clr-white)}.text-dark{color:var(--clr-dark)}.text-light{color:var(--clr-light)}.text-gray{color:var(--clr-gray)}.bg-black{background-color:var(--clr-black)}.bg-white{background-color:var(--clr-white)}.bg-dark{background-color:var(--clr-dark)}.bg-light{background-color:var(--clr-light)}.content--active{padding:var(--menu-height) var(--body-padding) 0px var(--body-padding)}@media only screen and (max-width: 1800px){.footer .container{min-height:unset!important}.footer .extra{margin-top:6vw!important}.footer .back-to-top{position:unset!important}}@media only screen and (max-width: 849px){:root{--text-size-h1: 48px;--text-size-h2: 28px;--text-size-h3: 16px;--button-size: 25px;--logo-height: 16px;--project-bottom-margin: 60px;--main-heading-bottom-margin: 225px;--more-bottom-margin: 50px;--body-padding: 15px;--header-height: 200px;--menu-height: 250px;--home-spacer: 150px;--about-spacer: 75px;--footer-margin: 100px;--footer-spacer: 60px;--footer-flex-gap: 30px;--archive-text-margin: 30px;--archive-grid-gap: 30px;--project-max-width: 60vw;--project-image-bottom-margin: 10px;--showcase-navigation-margin: 30px;--showcase-image-width: 75%;--showcase-text-width: 110%}.shop .kinesis img,.not-found .kinesis img,.subscription .kinesis img{width:95%!important}.contact .card{display:none}}@media only screen and (max-width: 768px){.scrollbar{display:none!important}}@media only screen and (max-width: 750px){.about .services-container,.about .capabilities-container,.about .clients-container{flex-direction:column}.about .services-container .services-right p,.about .services-container .clients-right p,.about .capabilities-container .services-right p,.about .capabilities-container .clients-right p,.about .clients-container .services-right p,.about .clients-container .clients-right p{max-width:50%!important}.shop h1,.not-found h1,.subscription p{margin-bottom:15vw!important}}@media only screen and (max-width: 640px){.home .showreel{height:50vh!important}.home .main-heading{width:95%!important}.home .more{min-width:100%!important}.home .more-archive,.home .more-shop{padding-right:var(--body-padding)}.projects .video--active{width:100%!important}.projects .close{height:20px;width:20px;right:5px;top:5px}.not-found .wrapper,.shop .wrapper{margin-bottom:calc(var(--body-padding) * 3)!important}.archive p{width:70%!important}.project{margin-left:unset!important}:root{--project-max-width: 100%}.menu{display:none}.sidebar{display:unset!important}.content--active{padding:var(--menu-height) 0px 0px 0px!important}:root{--showcase-image-width: 100% !important;--showcase-text-width: 70% !important}.project-showcase h1{width:80%!important}.project-showcase .details{flex:unset!important}.project-showcase .tags{display:none}.project-showcase .tags-2{display:unset!important}}@media only screen and (max-width: 500px){:root{--text-size-h1: 36px !important}.footer .back-to-top{position:absolute!important;right:var(--body-padding)!important}.footer .extra{margin-top:6vw!important;align-items:unset!important;flex-direction:column-reverse!important}.footer .time{margin-bottom:20px!important}.footer .copyright,.footer .time{position:unset!important}.footer .copyright,.footer .time,.footer .back-to-top{text-align:left!important;margin-right:unset!important;flex:unset!important}}@media only screen and (max-width: 460px){:root{--showcase-text-width: 90% !important}.project-showcase .navigation{flex-direction:column!important}.project-showcase .left{margin-bottom:50px!important}.project-showcase .left button,.project-showcase .right button{font-size:32px!important}.project-showcase .right button:after,.project-showcase .left button:after{font-size:32px!important;height:calc(32px - .55ch)!important}.project-showcase .right button:before,.project-showcase .left button:before{font-size:32px!important;height:calc(32px - .55ch)!important}.project-showcase h1{width:95%!important}.project-showcase .details{flex:unset!important}.about .about-text{width:80%!important}.about .services-container .services-right p,.about .services-container .clients-right p,.about .capabilities-container .services-right p,.about .capabilities-container .clients-right p,.about .clients-container .services-right p,.about .clients-container .clients-right p{max-width:80%!important}}@media only screen and (max-width: 390px){.footer .info-container{flex-direction:column!important;flex-wrap:unset!important}.archive p{width:75%!important}}@media only screen and (max-width: 370px){:root{--showcase-text-width: 90% !important}.about .about-text{width:90%!important}.about .services-container .services-right p,.about .services-container .clients-right p,.about .capabilities-container .services-right p,.about .capabilities-container .clients-right p,.about .clients-container .services-right p,.about .clients-container .clients-right p{max-width:85%!important}}@media only screen and (max-width: 330px){.footer .back-to-top{display:none!important}.archive p{width:90%!important}}.move-in,.move-out{position:fixed;left:0;width:100%;height:100vh;z-index:50000;background-color:#000;display:flex;align-items:flex-start;padding:var(--body-padding)}.project{max-width:var(--project-max-width);cursor:pointer}.project img{margin-bottom:var(--project-image-bottom-margin);width:100%}.project .tags{color:var(--clr-light-gray)}.project:not(:last-child){margin-bottom:var(--project-bottom-margin)}.home{background-color:var(--clr-white)}.home .showreel{width:100%;height:100vh;object-fit:cover;object-position:center center;background-color:var(--clr-black)}.home .main-heading{margin-top:var(--body-padding);margin-bottom:var(--main-heading-bottom-margin);width:65%}.home .work-heading{margin-bottom:20px}.home .footer-margin{background-color:var(--clr-white);height:var(--footer-margin)}.home .spacer{height:calc(var(--home-spacer) / 2)}@media only screen and (max-width: 849px){.home .spacer{height:calc(var(--home-spacer) / 3)}}.home .more-container{display:flex;flex-wrap:wrap;max-width:var(--body-max-width);margin:0 auto}.home .more-container .more{display:inline-block;min-width:50%;height:100%;aspect-ratio:1.5/1;cursor:pointer}.home .more-container .more:not(:last-child){margin-bottom:var(--more-bottom-margin)}.home .more-container .more-archive,.home .more-container .more-shop{padding-left:var(--body-padding)}.home .more-container .more-studio{padding-left:var(--body-padding);padding-right:var(--body-padding)}.home .more-container .image{width:100%;height:100%}.home .more-container .image-archive{background:url(/assets/archive-image-32538913.webp) no-repeat center center;background-size:cover}.home .more-container .image-studio{background:url(/assets/about-image-ef02a95a.webp) no-repeat center center;background-size:cover}.home .more-container .image-shop{background:url(/assets/shop-image-2-93560800.jpg) no-repeat center center;background-size:cover}.home .more-container h2{margin-bottom:.2ch}.navbar{position:fixed;width:100%;z-index:10;top:0;left:0;right:0;mix-blend-mode:difference;z-index:1000}.navbar img{height:var(--logo-height)}.navbar button{font-size:var(--text-size-h3);text-transform:uppercase;color:var(--clr-white)}.navbar .lang-button{margin-right:5.5vw}.navbar .container{display:flex;justify-content:space-between;padding-top:var(--body-padding);align-items:center}.footer{z-index:2;position:relative;background-color:var(--clr-footer-bg)}.footer .container{color:var(--clr-footer-text);display:flex;flex-direction:column;padding-bottom:20px;min-height:calc(100vh + 10px)}.footer span,.footer button{font-size:var(--text-size-h3)}.footer .social-link{font-size:var(--text-size-h2);text-decoration:underline;text-decoration-thickness:.09ch;text-underline-offset:.2ch;width:0;margin-right:2.5vw}.footer .email-link,.footer .phone-link{font-size:var(--text-size-h3);text-decoration:underline;text-decoration-thickness:.09ch;text-underline-offset:.1ch}.footer .info-container{display:flex;flex-wrap:wrap}.footer .info{display:flex;flex-direction:column;margin-bottom:50px;white-space:nowrap}.footer .info-left,.footer .info-middle{flex:.5;margin-right:var(--footer-flex-gap)}.footer .info-right{flex:1}.footer .social{flex-wrap:wrap;display:flex}.footer .extra{width:100%;display:flex;flex-grow:1;align-items:flex-end;flex-wrap:wrap}.footer .copyright{margin-right:var(--footer-flex-gap);flex:.5}.footer .time{text-align:left;margin-right:var(--footer-flex-gap);flex:1;align-items:self-start}.footer .back-to-top{text-align:right;flex:.5}.footer .copyright,.footer .time,.footer .back-to-top{position:sticky;bottom:20px;white-space:nowrap}.footer .spacer{height:var(--footer-spacer)}.footer .spacer:nth-of-type(4){height:calc(var(--footer-spacer) - 50px)}.menu{top:calc(var(--menu-height) * -1);background-color:var(--clr-menu-bg);color:var(--clr-menu-text);height:var(--menu-height);transition:var(--menu-transition);font-size:var(--text-size-h1);line-height:.95;width:100%;position:fixed;z-index:100;left:0}.menu .container{display:flex;justify-content:space-between;align-items:flex-end;height:100%;padding-bottom:var(--body-padding)}.menu .left,.menu .center,.menu .right{display:flex;flex-direction:column}.menu .right{text-align:right}.menu--active{top:0}.project-showcase{background-color:var(--clr-white)}.project-showcase .project-showcase-margin{height:var(--header-height)}.project-showcase .info-container{display:flex}.project-showcase .details{flex:1.5;white-space:pre-wrap}.project-showcase .image-container{display:flex;flex-direction:column}.project-showcase h1{margin-bottom:var(--showcase-title-margin)}.project-showcase p{font-size:var(--text-size-h3);width:var(--showcase-text-width)}.project-showcase p:nth-last-of-type(1){margin-bottom:20px}.project-showcase .tags{flex:1;text-align:right;right:var(--body-padding);top:var(--header-height);font-size:var(--text-size-h3);float:right}.project-showcase .tags-2{display:none}.project-showcase .image{width:var(--showcase-image-width)}.project-showcase .image:not(:last-child){margin-bottom:15px}.project-showcase .navigation{width:100%;display:flex;justify-content:space-between;margin-top:var(--showcase-navigation-margin)}.project-showcase .right{display:flex;flex-direction:column}.project-showcase .right button{font-size:var(--button-size);width:100%;text-align:right}.project-showcase .right button:after{content:"";display:inline-block;aspect-ratio:1;font-size:var(--button-size);height:calc(var(--button-size) - .55ch);margin-left:.25ch;background:url(/assets/arrow-a8677f0a.svg) no-repeat;background-size:cover;transform:rotate(90deg)}.project-showcase .left button{font-size:var(--button-size);width:100%;text-align:left}.project-showcase .left button:before{content:"";display:inline-block;aspect-ratio:1;font-size:var(--button-size);height:calc(var(--button-size) - .55ch);margin-right:.25ch;background:url(/assets/arrow-a8677f0a.svg) no-repeat;background-size:cover}.project-showcase .footer-margin{background-color:var(--clr-white);height:var(--footer-margin)}.not-found{background-color:var(--clr-white);overflow:hidden;position:relative}.not-found .container{display:flex;min-height:100svh;flex-direction:column;background-color:var(--clr-error-bg);position:relative;color:var(--clr-error-text)}.not-found .wrapper{position:absolute;margin-bottom:var(--body-padding);bottom:env(safe-area-inset-bottom);right:var(--body-padding);left:var(--body-padding);mix-blend-mode:difference;z-index:1}.not-found h1{font-size:var(--text-size-h2);margin-bottom:4vw}.not-found h2{text-align:right;cursor:pointer;text-decoration:underline}.not-found .kinesis{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%}.not-found img{width:70%;margin-left:auto;margin-right:auto}:root{scrollbar-width:none}.scrollbar{position:fixed;right:0px;bottom:0px;top:0px;z-index:10;mix-blend-mode:difference}.scrollbar .inner{height:100%;position:relative}.scrollbar .thumb{min-height:80px;width:3px;background-color:var(--clr-white);position:absolute;right:0px;opacity:0;transition:opacity .2s ease}.thumb--active{transition:none!important;opacity:1!important}.about{background-color:var(--clr-white);width:100%}.about .about-margin{height:var(--header-height)}.about h1{margin-bottom:var(--title-bottom-margin)}.about .about-spacer{height:var(--about-spacer)}.about img{width:100%;margin-bottom:var(--body-padding)}.about .about-text{font-size:var(--text-size-h3);width:50%;white-space:pre-wrap}.about .services-container,.about .capabilities-container,.about .clients-container{display:flex;flex-wrap:wrap}.about .services-container h1,.about .capabilities-container h1,.about .clients-container h1{margin-bottom:10px}.about .services-container p,.about .services-container a,.about .capabilities-container p,.about .capabilities-container a,.about .clients-container p,.about .clients-container a{font-size:var(--text-size-h3)}.about .services-container .services-left,.about .services-container .capabilities-left,.about .services-container .clients-left,.about .capabilities-container .services-left,.about .capabilities-container .capabilities-left,.about .capabilities-container .clients-left,.about .clients-container .services-left,.about .clients-container .capabilities-left,.about .clients-container .clients-left{flex:.7}.about .services-container .services-right,.about .services-container .capabilities-right,.about .services-container .clients-right,.about .capabilities-container .services-right,.about .capabilities-container .capabilities-right,.about .capabilities-container .clients-right,.about .clients-container .services-right,.about .clients-container .capabilities-right,.about .clients-container .clients-right{flex:1}.about .services-container .services-right p,.about .services-container .clients-right p,.about .capabilities-container .services-right p,.about .capabilities-container .clients-right p,.about .clients-container .services-right p,.about .clients-container .clients-right p{max-width:55%;white-space:pre-wrap}.about .services-container .capabilities-right p,.about .capabilities-container .capabilities-right p,.about .clients-container .capabilities-right p{white-space:pre-wrap}.about .services-container .clients-right,.about .capabilities-container .clients-right,.about .clients-container .clients-right{display:flex;flex-direction:column}.about .services-container .clients-right a,.about .capabilities-container .clients-right a,.about .clients-container .clients-right a{white-space:nowrap;width:0;text-decoration:underline}.about .services-container .client-logo,.about .capabilities-container .client-logo,.about .clients-container .client-logo{position:absolute;width:20vw;right:25%;max-height:10vw;display:none}.about .services-container .client-logo--active,.about .capabilities-container .client-logo--active,.about .clients-container .client-logo--active{display:unset}.about .services-container .kinesis div,.about .capabilities-container .kinesis div,.about .clients-container .kinesis div{display:flex;align-items:center}.about .footer-margin{height:var(--footer-margin)}@media only screen and (max-width: 1600px){.about .client-logo{right:15%!important}}@media only screen and (max-width: 1000px){.about .client-logo--active,.about .client-logo,.about .kinesis{display:none!important}}.projects{background-color:var(--clr-white);width:100%}.projects .projects-margin{height:var(--header-height)}.projects h1{margin-bottom:var(--title-bottom-margin);line-height:1.4ch}.projects .showreel{margin-bottom:var(--project-image-bottom-margin);max-width:var(--project-max-width);width:100%;cursor:pointer}.projects .video-wrapper{margin-bottom:var(--project-image-bottom-margin);width:var(--project-max-width);aspect-ratio:16/9;background-color:#000;cursor:pointer;transition:var(--menu-transition);position:relative;overflow:hidden}.projects .expand-video{height:100%;width:100%;opacity:.5;position:absolute;top:0}.projects video{position:absolute;top:0}.projects .close{height:20px;width:20px;right:15px;top:15px;position:absolute;background:url(/assets/close-a346e8cf.svg);mix-blend-mode:difference;display:none}.projects .showreel-title{margin-bottom:var(--project-bottom-margin)}.projects .project:last-of-type{margin-bottom:0!important}.projects .cta{width:100%;display:flex;justify-content:center}.projects .cta h2{text-decoration:underline;font-size:var(--text-size-h2);cursor:pointer;text-align:center;padding:0 20px}.projects .footer-margin{height:calc(var(--footer-margin) * 2)}.video--active{width:80%!important}.expand--active{display:none}.close--active{display:unset!important}.archive{background-color:var(--clr-black);color:var(--clr-white);width:100%}.archive .archive-margin{height:var(--header-height)}.archive h1{margin-bottom:var(--title-bottom-margin)}.archive p{font-size:var(--text-size-h3);width:40%;margin-bottom:var(--archive-text-margin)}.archive .archive-container{width:100%;columns:5;column-gap:10px}.archive .box{height:200px;width:200px;background-color:green}@media (max-width: 1920px){.archive .archive-container{columns:4}}@media (max-width: 1200px){.archive .archive-container{columns:3}}@media (max-width: 800px){.archive .archive-container{columns:2}}@media (max-width: 550px){.archive .archive-container{columns:1}}.archive-works img{margin-bottom:15px}.archive-works .archive-preview{position:relative}.archive-works .archive-preview .archive-thumbnail{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.archive-works .archive-preview:hover>.archive-showcase{display:unset}.archive-works .archive-preview:hover>.archive-thumbnail{-webkit-filter:unset;filter:unset}.archive-works .archive-showcase{position:absolute;top:0;left:0;display:none}@media (max-width: 559px){.archive-works{margin-bottom:15px;max-width:90%;margin-left:auto;margin-right:auto}}.archive-card{width:100%;margin-bottom:10px;break-inside:avoid;position:relative}.archive-card img{max-width:100%;margin-bottom:10px}.archive-card h4{color:gray}.archive-card .archive-thumbnail{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.archive-card .archive-showcase{position:absolute;top:0;left:0;display:none}.archive-card:hover>.archive-showcase{display:unset}.archive-card:hover>.archive-thumbnail{-webkit-filter:unset;filter:unset}.contact{background-color:var(--clr-black);overflow:hidden}.contact .contact-margin{height:var(--header-height)}.contact .footer-spacer{height:var(--footer-spacer)}.contact .container{position:relative;height:100%}.contact .text{font-size:var(--text-size-h3);position:relative}.contact h1{color:var(--clr-white);position:relative;margin-bottom:var(--title-bottom-margin)}.contact p{color:var(--clr-white);width:45%;white-space:pre-wrap;font-size:var(--text-size-h3)}.contact a{text-decoration:underline}.contact .card{position:absolute;height:20vw}.contact .card-1{right:6%;top:-8vw}.contact .card-2{right:-2%;top:-4vw}@media only screen and (max-width: 500px){.contact p{width:86%}}.shop{background-color:var(--clr-white);overflow:hidden;position:relative}.shop .container{display:flex;min-height:100svh;flex-direction:column;background-color:var(--clr-shop-bg);position:relative;color:var(--clr-shop-text)}.shop .wrapper{position:absolute;margin-bottom:var(--body-padding);bottom:env(safe-area-inset-bottom);right:var(--body-padding);left:var(--body-padding);mix-blend-mode:difference;z-index:2}.shop h1{font-size:var(--text-size-h2);margin-bottom:4vw}.shop h2{text-align:right;cursor:pointer;text-decoration:underline}.shop .kinesis{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%}.shop img{width:70%;margin-left:auto;margin-right:auto}.sidebar{height:105vh;width:100vw;background-color:var(--clr-black);z-index:100;color:var(--clr-white);font-size:var(--text-size-h1);position:fixed;display:none;top:-105vh;transition:var(--menu-transition)}.sidebar .wrapper{height:100dvh;position:absolute;width:100%}.sidebar .container{display:flex;flex-direction:column;line-height:1.6ch;position:absolute;margin-bottom:var(--body-padding);bottom:env(safe-area-inset-bottom);right:var(--body-padding);width:100%;align-items:flex-end;padding:0!important}.sidebar--active{top:0}