@import url(https://fonts.googleapis.com/css2?family=Gothic+A1:wght@200;300&display=swap);@import url(https://use.typekit.net/ojy8bpt.css);@import url(https://fonts.googleapis.com/css2?family=Gothic+A1:wght@200;300;400&family=Inter:wght@100;200;300;400&family=Roboto+Condensed:wght@300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}body{font-family:Gothic A1,sans-serif;font-weight:400;overflow-x:hidden}.hero{background:radial-gradient(#fff,#cacaca)}.contact,.hero{max-height:100vh;min-height:100vh;padding-top:4vh}.contact{background-color:#8f9eaa}.navigation{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navigation .logo img{height:30px;width:auto}.navigation .menu a{margin-right:20px;text-decoration:none}.navigation .menu a:last-child{margin-right:0}.navigation .menu .work-together,.navigation .menu a{color:inherit;font-size:14px;letter-spacing:.5px;margin-right:20px;text-decoration:none;text-transform:uppercase}.navigation .menu .work-together{background-color:initial;border:2px solid #000;border-radius:5px;cursor:pointer;padding:5px 10px;transition:background-color .3s ease}.navigation .menu .work-together:hover{background-color:#0000001a}#motion-design button.work-together{background-color:initial;border:2px solid #000;border-radius:5px;cursor:pointer;font-size:14px;letter-spacing:.5px;margin-left:5cqw;padding:5px 10px;text-transform:uppercase;transition:background-color .3s ease}#motion-design .work-together:hover{background-color:#0000001a}.navigation .menu{flex:1 1;text-align:right}.container{margin:0 auto;max-width:1200px;padding:0 20px}.container.navigation-container{align-items:center;display:flex;height:40px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 20px}.logo{align-items:center;display:flex}.logo img{height:30px;margin-right:10px;width:auto}.logo p{margin:0}.logo .haradyn{color:#8c8d8f;font-weight:300}.full-width{max-width:none;width:100%}h1.logo-text{font-size:6vh}h1.logo-text span.haradyn{color:#8c8d8f;font-weight:300}.contact-header,.design-header,.hero-header,.illustration-header,.motion-design-header{align-items:center;container-type:inline-size;display:flex;justify-content:space-between}.brand{align-items:center;display:inline-flex}.cta-button{background-color:#3256d6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Gothic A1,sans-serif;font-size:2cqw;letter-spacing:.5px;margin-left:2cqw;margin-top:-.7cqw;padding:1cqw 2cqw;text-transform:uppercase;transition:background-color .3s ease;vertical-align:middle}.cta-button:hover{background-color:#2a4998}h1.hero-head,h2.contact-head,h2.design-head,h2.illustration-head,h2.motion-design-head{font-family:bennet-banner-extra-condense;font-size:8cqw;font-stretch:normal;font-style:normal;font-weight:400;line-height:9cqw;margin:0 auto -3cqw}h1.hero-head{text-align:center}h2.contact-head,h2.design-head,h2.illustration-head,h2.motion-design-head{margin-left:7.5vw}.hero-content{display:flex}#logoAnimation-container{width:20vw}.portfolio-images{container-type:inline-size;position:relative;width:80vw}.image-0{background-color:red;left:14cqw;position:absolute;top:12cqw;width:16cqw;z-index:12}.image-1{background-color:#0f0;left:24cqw;position:absolute;top:30cqw;width:33cqw;z-index:11}.image-2{background-color:#00f;left:26cqw;position:absolute;top:9cqw;width:31cqw;z-index:8}.image-3{background-color:#109da0;left:66cqw;position:absolute;top:12cqw;width:12cqw;z-index:9}.image-4{background-color:#47a010;left:51cqw;position:absolute;top:14cqw;width:16cqw;z-index:10}.image-5{background-color:#a06410;left:30cqw;position:absolute;top:18cqw;width:23cqw;z-index:7}.image-6{background-color:#a01094;left:29cqw;position:absolute;top:36cqw;width:14cqw;z-index:11}.image-7{left:77cqw;top:10cqw;width:19cqw;z-index:5}.image-7,.image-8{background-color:#5610a0;position:absolute}.image-8{left:60cqw;top:26cqw;width:12cqw;z-index:13}.image-9{background-color:#ff0;left:78cqw;position:absolute;top:19cqw;width:21cqw;z-index:4}.image-10{background-color:#f0f;left:70cqw;position:absolute;top:35cqw;width:14cqw;z-index:11}.image-11{background-color:#0ff;left:43cqw;position:absolute;top:41cqw;width:26cqw;z-index:1}#three-container{align-items:center;container-type:inline-size;display:flex;height:100vh;justify-content:center;width:20vw}#canvas{height:70%;width:70%}#logoBox{left:10px;position:absolute;top:10px;z-index:10}h1.logo-text{font-size:14cqw;font-weight:200}.logopre,.logosub,h1.logo-text{color:#000;font-family:Gothic A1,sans-serif}.logopre,.logosub{text-align:center;text-indent:1cqw;text-transform:uppercase}.logopre{font-size:3.9cqw;letter-spacing:7.55cqw;text-align:center}.logosub{font-size:4cqw;letter-spacing:9.8cqw;margin-top:-6cqw}canvas{margin-bottom:-80cqw;margin-left:-56.5cqw;margin-top:-76cqw}.underline{bottom:0;display:block;height:2px;left:50%;transition:width .3s ease}.menu a{display:inline-block;position:relative}.underline{background-color:#000;bottom:-2px;height:1px;left:0;position:absolute;width:0}.link-text{position:relative}.scroll-down{bottom:2vh;font-size:14px;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.arrow{border-bottom:2px solid #000;border-left:2px solid #000;height:10px;margin:5px auto;transform:rotate(-45deg);width:10px}.image-section{position:relative}.image-placeholder,.other-image-placeholder{background-color:#4a8582;height:60vh;left:0;opacity:1;position:absolute;top:6vh;width:100vw;z-index:10}.placeholders-wrapper{height:75vh;position:relative}.image-placeholder,.other-image-placeholder{background-color:#d8d4bd;border-top-left-radius:25px;container-type:inline-size;display:flex;flex-direction:row;padding:3vw}.placeholder-text{display:flex;flex:1 1;flex-direction:column;max-width:22cqw;padding-right:15px}#motion-design .placeholder-text{max-width:25cqw}.placeholder-title{font-size:20px;font-weight:400;margin-bottom:12px;margin-left:5cqw;text-align:left;text-transform:uppercase}.placeholder-content{align-items:top;display:flex;justify-content:space-between}.placeholder-description{font-size:14px;line-height:20px;margin-left:5cqw}.placeholder-image{display:flex;flex:2 1;height:60cqh;justify-content:left;max-height:60cqh;width:auto}.placeholder-image img{height:100%;max-width:auto}.contact-form{margin:5vw auto;max-width:70vw;padding:20px;width:100%}.contact-form h2{color:#333;margin-bottom:20px;text-align:center}.input-row{display:flex;justify-content:space-between}.input-group{flex:48% 1;margin-bottom:20px;position:relative}.input-group label{color:#555;display:block;font-weight:600;margin-bottom:6px}.input-group input,.input-group textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}.input-group textarea{min-height:100px;resize:vertical}.send-button{background-color:#3256d6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:18px;margin:0 auto;padding:10px 20px;transition:background-color .3s ease}.send-button:hover{background-color:#0056b3}footer.footer{background-color:#000;color:#fff;display:block;height:10vh;margin:0;padding-top:10px;text-align:center}.lightbox-modal{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.video-container{max-height:90%;max-width:90%;position:relative}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:10px;text-shadow:0 0 5px #00000080;top:10px;z-index:100}.video-container video{max-height:100%;max-width:100%}.design,.illustration{padding-top:0}.corp-design{background-color:#386170}.ret-design{background-color:#b1802c}.web-design{background-color:#005486}.log-design{background-color:#c75a3d}.pac-design{background-color:#6466af}.ill-pho{background-color:#386170}.mot-design{background-color:#845683}.corp-design .container,.ill-pho .container,.log-design .container,.mot-design .container,.pac-design .container,.ret-design .container,.web-design .container{color:#fff;margin-top:0;padding:2rem 4rem}.corp-design .corp-wrap,.ill-pho .ill-wrap,.log-design .log-wrap,.mot-design .mot-wrap,.pac-design .pac-wrap,.ret-design .ret-wrap,.web-design .web-wrap{display:flex;flex-direction:row}.corp-text,.mot-text,.pac-text,.web-text{max-width:50cqw;padding-right:6cqw}.ill-text,.log-text,.ret-text{max-width:50cqw;padding-left:6cqw}.corp-design h2,.ill-pho h2,.log-design h2,.mot-design h2,.pac-design h2,.ret-design h2,.web-design h2{font-family:bennet-banner-extra-condense;font-size:clamp(2.5rem,6vw,5.2rem);font-stretch:normal;font-style:normal;font-weight:400;margin-block-end:.4em;margin-block-start:0}.corp-text p,.ill-text p,.log-text p,.mot-text p,.pac-text p,.ret-text p,.web-text p{font-size:14px;line-height:25px;margin:0 0 2rem}.corp-images,.ill-images,.log-images,.mot-images,.pac-images,.ret-images,.web-images{grid-gap:10px;display:grid;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,minmax(100px,auto));margin-block-end:auto;margin-block-start:auto;max-width:60vw;min-width:45vw}.corp-images .image1{grid-column:1/5;grid-row:1/3}.corp-images .image2{grid-column:5/13;grid-row:1/1}.corp-images .image3{grid-column:5/13}.ret-images .image1{grid-column:1/7;grid-row:1/2}.ret-images .image2{grid-column:7/13;grid-row:1/2}.ret-images .image3{grid-column:1/13;grid-row:2/3}.web-images .image1{grid-column:1/6;grid-row:1/2}.web-images .image2{grid-column:6/13;grid-row:1/3}.web-images .image3{grid-column:1/6;grid-row:2/3}.log-images .image1{grid-column:1/6;grid-row:1/2}.log-images .image2{grid-column:6/13;grid-row:1/2}.log-images .image3{grid-column:1/6;grid-row:2/3}.log-images .image4{grid-column:6/9;grid-row:2/3}.log-images .image5{grid-column:9/13;grid-row:2/3}.pac-images .image1{grid-column:1/5;grid-row:1/3}.pac-images .image2{grid-column:5/13;grid-row:1/2}.pac-images .image3{grid-column:5/9;grid-row:2/3}.pac-images .image4{grid-column:9/13;grid-row:2/3}.ill-images .image1{grid-column:1/6;grid-row:1/2}.ill-images .image2{grid-column:1/6;grid-row:2/3}.ill-images .image3{grid-column:6/10;grid-row:1/3}.ill-images .image4{grid-column:10/13;grid-row:1/2}.ill-images .image5{grid-column:10/13;grid-row:2/3}.mot-images .image1{grid-column:1/7;grid-row:1/3}.mot-images .image2{grid-column:7/13;grid-row:1/3}.mot-images .image3{grid-column:1/13;grid-row:3/4}.image1,.image2,.image3,.image4,.image5{background-color:#ffffff26;border-radius:10px;display:flex;justify-content:center;padding:10px 0}.log-images .image1,.log-images .image2,.log-images .image3,.log-images .image4,.log-images .image5{background-color:#fffffff2}.image1 img,.image2 img,.image3 img,.image4 img,.image5 img{margin-bottom:auto;margin-top:auto;max-width:80%;object-fit:contain}.pac-images .image2 img{border-radius:10px}.cta-book{background-color:initial;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;letter-spacing:.5px;padding:6px 10px;text-decoration:none;text-transform:uppercase;transition:background-color .3s ease}.cta-book:hover{background-color:#ffffff1a}@media (max-width:824px){.corp-design .corp-wrap,.mot-design .mot-wrap,.pac-design .pac-wrap,.web-design .web-wrap{display:flex;flex-direction:column-reverse}.image1 img,.image2 img,.image3 img,.image4 img,.image5 img{height:auto}.ill-pho .ill-wrap,.log-design .log-wrap,.ret-design .ret-wrap{display:flex;flex-direction:column}.corp-design .container,.ill-pho .container,.log-design .container,.mot-design .container,.pac-design .container,.ret-design .container,.web-design .container{padding:2rem}.corp-text,.ill-text,.log-text,.mot-text,.pac-text,.ret-text,.web-text{margin-top:3cqw;max-width:100%;padding:0}.corp-images,.ill-images,.log-images,.mot-images,.pac-images,.ret-images,.web-images{max-width:100%}}@media (max-width:600px){.logopre,.logosub{color:#000;font-family:Gothic A1,sans-serif;font-size:1.7vh;letter-spacing:4.7vw;margin-right:-4.7vw;text-align:center;text-indent:.3vw;text-transform:uppercase}.logopre{letter-spacing:4.7vw;margin-bottom:68vw;margin-top:-58vw}}.feedback-message{font-weight:700;margin-top:2rem}.hamburger-menu{align-items:center;display:none;flex-direction:column;gap:3.5px;height:2.5rem;justify-content:center;position:relative;width:2.5rem}.hamburger-menu span{background-color:#000;border-radius:2px;height:2.5px;transform-origin:center;transition:transform .2s ease-in-out,opacity .2s ease-in-out;width:25px}.hamburger-menu.open span:first-child{transform:translate3d(0,6px,0) rotate(45deg)}.hamburger-menu.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-menu.open span:nth-child(3){transform:translate3d(0,-6px,0) rotate(-45deg)}.navigation .menu .mobile-work-together{display:none}h1.hero-head span:first-of-type:after{content:"\a";white-space:pre}@media (max-width:600px){.navigation .menu .mobile-work-together{display:block}.navigation .menu .work-together{display:none}.navigation .hamburger-menu{display:flex}.navigation .menu{background-color:#fff;display:none;flex-direction:column;position:absolute;right:0;top:40px;width:100%;z-index:101}.navigation .menu.open{border-top:1px solid #ccc;display:flex}.navigation .menu a{border-bottom:1px solid #ccc;display:block;padding:10px;text-align:center;width:100%}.content-overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:40px;width:100%;z-index:100}.content-overlay.active{display:block}#three-container{align-items:center;container-type:inline-size;display:flex;height:30vw;justify-content:center;width:30vw}.hero-content{display:flex;flex-direction:column}#logoAnimation-container{align-items:center;align-self:center;display:flex;margin:10vw 0;width:100%}#canvas{height:70%;margin-left:150cqw;width:70%}.logopre,.logosub{color:#000;font-family:Gothic A1,sans-serif;font-size:2vw!important;letter-spacing:2.5vw!important;margin-right:-4.7vw;text-align:center;text-indent:.3vw;text-transform:uppercase}.logopre{letter-spacing:1.8vw!important;margin:0}h1.hero-head span{display:block}h1.hero-head,h2.contact-head,h2.design-head,h2.illustration-head,h2.motion-design-head{font-size:17cqw;line-height:15cqw}.cta-button{font-size:5cqw;padding:2cqw 3cqw}#three-container svg{fill:currentColor;animation:ckw 30s linear infinite;height:auto;max-width:66vmin;transform-origin:center;width:66%}@keyframes ckw{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}text{font-size:6px;letter-spacing:7px}.contact-header{flex-direction:column}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInFromLeft .9s ease forwards;opacity:0}.slide-in-right{animation:slideInFromRight .9s ease forwards;opacity:0}.fade-up{animation:fadeInUp 1s ease-out forwards;opacity:0}.portfolio-content{align-items:center;color:#fff;display:flex;justify-content:space-between;line-height:1.5rem;padding:0 4vw}.portfolio-info{min-width:20vw;padding:0 2vw;width:35%}.portfolio-image{width:65%}.portfolio-image img,.portfolio-image video{max-height:80vh;max-width:55vw}.previous_btn{left:2vw}.next_btn,.previous_btn{bottom:20vh;margin:auto;position:absolute}.next_btn{right:2vw}.next_btn,.previous_btn{cursor:pointer;height:65px;opacity:.5;transition:opacity .4s ease-in-out;width:65px}.next_btn:hover,.previous_btn:hover{opacity:1}@media only screen and (max-width:767px){.previous_btn{bottom:5vh;left:5vw}.next_btn{bottom:5vh;right:5vw}.lightbox-modal{align-items:flex-start;padding-top:5vh}.portfolio-content{flex-direction:column}.portfolio-image{text-align:center;width:100%}.portfolio-image img,.portfolio-image video{max-height:50vh;max-width:85vw}.portfolio-info{width:80vw}}
/*# sourceMappingURL=main.43ff2db3.css.map*/