@import url(https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);:root{--font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;--font-family-logo:"Pacifico",cursive;--font-family-spec:"Tilt Neon",cursive;--color-main:#da3f2e}*,:after,:before{box-sizing:border-box}*{margin:0}body,html{background-color:#000;height:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{text-decoration:none}#__next,#root{isolation:isolate}.container{margin:auto;max-width:1140px}.App{height:300vh}.nav-wrapper{height:80px;justify-content:space-between;padding:0 .75rem}.logo,.logo-wrapper,.nav-wrapper{align-items:center;display:flex}.logo{aspect-ratio:1/1;background-color:var(--color-main);border-radius:50%;color:#fff;font-family:var(--font-family-logo);font-size:.5rem;font-weight:900;margin-right:.75rem;padding:.2rem}.nav-text{color:#777;font-family:var(--font-family);font-size:18px;font-weight:700;transition:color .2s ease-in-out;white-space:nowrap}.logo-wrapper:hover .nav-text{color:#fff}.link{margin-left:2rem}.link:hover{color:#fff}.phone-links{display:none}.phone-menu{background-color:red}@media screen and (max-width:1200px){.nav-wrapper{padding:0 4rem}}@media screen and (max-width:576px){.nav-wrapper{padding:0 2rem}.menu-short{display:none}.phone-links{display:block}.logo-text{display:none}}.sideNav-wrapper{left:0;list-style:none;margin:-70px 0 0;position:fixed;top:50%;z-index:999999}.sideNav-wrapper ul{display:flex;flex-direction:column;gap:2rem;justify-content:center;list-style-type:none}.sideNav-wrapper li{background-color:#333;border-radius:3px;cursor:pointer;display:flex;height:10px;transition:.2s ease-in-out;width:30px}.sideNav-wrapper li a{height:100%;width:100%}.sideNav-wrapper li:hover{background-color:#777}.sideNav-wrapper li.active-jump{background-color:var(--color-main);pointer-events:none}@media screen and (max-width:1200px){.sideNav-wrapper{display:none}}.project-wrapper{min-height:100vh;position:relative}.project-wrapper:before{background:#030303;content:"";inset:0 0 0 0;position:absolute;z-index:-1}.project-wrapper h1{color:#fff;font-size:48px;font-weight:800;margin-bottom:6px;padding:4rem 0 1rem;text-transform:uppercase}.project-wrapper h1,.project-wrapper p{font-family:var(--font-family);text-align:center}.project-wrapper p{color:#777;font-size:24px;line-height:1.75rem;margin:0 auto 36px;max-width:26rem;padding-bottom:1rem}.project-demo{grid-gap:1rem;border-radius:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding-bottom:1rem;padding-top:1rem;position:relative}.project-demo img:hover{opacity:.8}.project-demo img{border-radius:1rem;cursor:pointer;transition:.2s}.project-demo img:first-child{grid-column:1/span 2}.black-background{background-color:#000;height:100%;z-index:5005}.black-background,.open-image{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.opacity{-webkit-animation:opacity .3s cubic-bezier(.25,.46,.45,.94) both;animation:opacity .3s cubic-bezier(.25,.46,.45,.94) both}.out-opacity{-webkit-animation:rev-opacity .5s cubic-bezier(.25,.46,.45,.94) both;animation:rev-opacity .5s cubic-bezier(.25,.46,.45,.94) both}.slide-in-top{-webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both}.project-wrapper-inner a{display:flex;justify-content:center;margin:auto;width:-webkit-max-content;width:max-content}@-webkit-keyframes slide-in-top{0%{opacity:0;-webkit-transform:translate(-50%,-1000px);transform:translate(-50%,-1000px)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes slide-in-top{0%{opacity:0;-webkit-transform:translate(-50%,-1000px);transform:translate(-50%,-1000px)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@-webkit-keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes rev-opacity{0%{opacity:1}to{opacity:0}}@keyframes rev-opacity{0%{opacity:1}to{opacity:0}}@media screen and (max-width:1200px){.project-wrapper{padding:0 2rem}}@media screen and (max-width:768px){.project-wrapper{min-height:0;min-height:auto}.project-demo{display:flex;flex-direction:column}.project-demo img{max-height:400px}}@media screen and (max-width:576px){.project-wrapper{padding:0 2rem}.project-wrapper h1{font-size:32px}.project-wrapper p{font-size:18px}}.project-wrapper-inner a h1{display:inline-block;overflow:hidden;position:relative}.project-wrapper-inner a h1:hover:before{width:100%}.project-wrapper-inner a h1:before{color:var(--color-main);content:attr(data-text);overflow:hidden;position:absolute;transition:width .5s;white-space:nowrap;width:0}.hero-wrapper{align-items:center;display:flex;height:calc(100vh - 80px);justify-content:flex-end;max-height:1440px;width:100%}.hero-wrapper img{bottom:0;-webkit-filter:drop-shadow(20px 14px 10px rgba(0,0,0,.7));filter:drop-shadow(20px 14px 10px rgba(0,0,0,.7));height:100%;left:4rem;max-height:1360px;max-width:1360px;position:absolute;z-index:5}.hero-text-wrapper{align-items:flex-end;display:flex;flex-direction:column;margin-top:-8rem;-webkit-transform:var(--paralaxtransform);transform:var(--paralaxtransform);z-index:10}.hero-wrapper-outer{position:relative}.hero-wrapper-outer:before{background:url(/static/media/test.cbd4d00ac26d1f415198.svg);background-size:cover;content:"";-webkit-filter:blur(2px);filter:blur(2px);inset:-80px 0 0 0;position:absolute;-webkit-transform:var(--paralax-transform);transform:var(--paralax-transform);z-index:-10}.main-title{color:#fff;font-size:80px;font-weight:800;margin:0 0 6px;text-align:center;white-space:nowrap}.main-subtitle,.main-title{font-family:var(--font-family);z-index:10}.main-subtitle{color:#777;font-size:36px;font-weight:600;line-height:1.35;margin:0;max-width:38rem;text-align:end}.hero-wrapper-outer:after{background:linear-gradient(180deg,transparent,#000);bottom:0;content:"";height:25px;left:0;position:absolute;right:0;z-index:999}@media screen and (max-width:1200px){.hero-wrapper img{height:90%}.hero-wrapper{padding:0 4rem}.main-title{font-size:55px}.main-subtitle{font-size:27px;max-width:25rem}}@media screen and (max-width:992px){.hero-wrapper img{height:500px;position:static;width:500px}.hero-wrapper{align-items:center;flex-direction:column;height:auto}.hero-text-wrapper{align-items:center;margin-top:0}.main-subtitle{margin-bottom:2rem;text-align:center}}@media screen and (max-width:576px){.hero-wrapper img{height:100%;width:100%}.hero-img{z-index:999}}.projects-wrapper{padding-bottom:4rem}.projects-wrapper .project-wrapper:nth-child(3) .project-demo,.projects-wrapper .project-wrapper:nth-child(4) .project-demo{grid-template-columns:repeat(3,1fr)}.projects-wrapper .project-wrapper:nth-child(3) .project-demo img:first-child,.projects-wrapper .project-wrapper:nth-child(4) .project-demo img:first-child{grid-column:1/span 1}.projects-wrapper .project-wrapper:nth-child(3) .open-image,.projects-wrapper .project-wrapper:nth-child(4) .open-image{height:75%}.about-wrapper{position:relative}.about-inner-wrapper{display:flex;gap:2rem}.about-inner-wrapper h1{font-size:48px;margin:0 0 50px}.about-inner-wrapper h1,.about-inner-wrapper p{color:#fff;font-family:var(--font-family);max-width:20em}.about-inner-wrapper p{font-size:30px;line-height:1.5em;margin-bottom:50px}.about-inner-wrapper a{border-bottom:1px dotted #777;color:var(--color-main);padding-bottom:3px;transition:.2s}.about-inner-wrapper a:hover{color:#fff}.about-side{flex:1.5 1}.contact-side{flex:1 1}.contact-img{background-color:#151515;border-radius:1rem;display:flex;height:250px;justify-content:center;margin-bottom:2rem;padding:1rem 2rem 0}.contact-img img{object-fit:contain;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.about-inner-wrapper a.email-button{background-color:var(--color-main);border-bottom:none;border-radius:1rem;color:#fff;display:block;font-family:var(--font-family);font-size:24px;font-weight:600;padding:12px 24px;text-align:center;transition:.2s;width:100%}.about-inner-wrapper a.email-button:hover{opacity:.7}@media screen and (max-width:992px){.about-inner-wrapper{flex-direction:column;padding:0 2rem}.about-inner-wrapper h1{font-size:32px}.about-inner-wrapper p{font-size:24px;max-width:-webkit-max-content;max-width:max-content}}.footer-wrapper{padding:4rem 0}.line{border-top:1px solid hsla(0,0%,100%,.2);margin-bottom:25px}.footer-left{width:500px}.footer-paragraph{display:flex}.footer-inner{display:flex;justify-content:space-between}.footer-right{display:flex;flex-direction:column;text-align:right}.footer-right a{color:#fff;font-family:var(--font-family);font-size:24px;font-weight:700;text-transform:uppercase;transition:.2s}.footer-socials path{fill:#fff}.footer-right a:hover{color:var(--color-main)}.footer-nav{display:flex;flex-direction:column}.footer-img-frame{background-color:#151515;border-radius:1rem;margin-bottom:2rem;padding:1rem 2rem 0;width:200px}.footer-img-frame img{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.footer-wrapper p{color:#fff}.footer-paragraph p{font-family:var(--font-family);font-size:20px;line-height:1.35em;margin:0 20px 0 0;padding:0}.footer-left a.email-button{background-color:var(--color-main);border-bottom:none;border-radius:1rem;color:#fff;display:block;font-family:var(--font-family);font-size:18px;font-weight:600;padding:12px 24px;text-align:center;transition:.2s;width:100%}.footer-left a.email-button:hover{opacity:.7}.footer-left .logo-wrapper{padding:1rem 0}.footer-socials{display:flex;gap:1rem;justify-content:flex-end;margin:1rem 0}.footer-socials a:last-child{margin-top:-2.5px}.footer-socials a{width:20px}.footer-socials a:last-child{width:24px}.footer-socials a path{transition:.2s}.footer-socials a:hover path{fill:var(--color-main)}@media screen and (max-width:992px){.footer-inner{padding:0 2rem}.footer-inner,.footer-paragraph{flex-direction:column}.footer-paragraph p{margin:0 0 1rem}.footer-left{width:auto}.footer-img-frame{width:100%}.footer-nav{margin-top:1rem}}
/*# sourceMappingURL=main.0cb3f56f.css.map*/