@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap);@import url(https://fonts.cdnfonts.com/css/satoshi);*,:after,:before{box-sizing:border-box;list-style-type:none;margin:0;padding:0}:focus{outline:none}html{font-size:62.5%}#root,body,html{margin:0;padding:0;width:100%}body{box-sizing:inherit;color:var(--black);display:block;font-family:var(--family-font);font-size:1.6rem;min-height:100%;overflow-x:hidden!important;overflow-y:auto;scroll-behavior:smooth}:root{--family-font:"Satoshi",sans-serif;--font-headline:"Antonio",sans-serif;--nav-links:#1c1d1d;--navbar:#fdfafaef;--white:#fff;--black:#1c1d1d;--black-opacity:#000000d9;--accent-color:#f03f26;--accent-color-dark:#bc1600;--accent-color-hover:#0000000a;--accent-color-active:#000;--text-color:#121212;--text--bg:#000000a6;--light-grey:#efefef;--darker-grey:#c6c6c6;--border-grey:#c6c6c6;--s-light-line:#848484;--white-icon:#c6c6c6}a{color:#1c1d1d;color:var(--black);cursor:pointer;text-decoration:none}ul{margin:0;padding:0}.container{margin:0 auto;max-width:120rem}.headline-title{display:flex;justify-content:center}.section{padding:20rem 0;width:100%}.primary-headline{font-family:Antonio,sans-serif;font-family:var(--font-headline);font-size:7rem;font-weight:700;letter-spacing:-3px;line-height:1.1;margin-bottom:15rem;text-transform:uppercase;white-space:pre-line}.secondary-headline{font-size:2.5rem;font-weight:600;letter-spacing:-1px;line-height:1.1;text-align:center;white-space:pre-line}.bodytext{font-size:1.8rem;letter-spacing:.2px;line-height:1.5;white-space:pre-line}.btn{background-color:initial;border:none;color:#1c1d1d;color:var(--black);cursor:pointer;font-family:inherit;font-size:1.2rem;font-weight:500;font-weight:400;letter-spacing:1px;padding:1.2rem 2.8rem;text-transform:uppercase;transition:all .3s ease-in-out}.btn-square{border:3px solid #1c1d1d;border:3px solid var(--black)}.btn-round{border:1.5px solid #1c1d1d;border:1.5px solid var(--black);border-radius:50rem;font-size:1.6rem}.open{display:block}.closed,.hidden{display:none}.red{color:#f03f26;color:var(--accent-color)}.white{color:#fff;color:var(--white)}@media screen and (max-width:1200px){.container{overflow-x:hidden}}@media screen and (max-width:975px){.section{padding:15rem 0}}@media screen and (max-width:650px){.primary-headline{font-size:5rem}}@media screen and (max-width:453px){.section{padding:11rem 0}.secondary-headline{font-size:2rem}.primary-headline{margin-bottom:8rem}}.header{margin:0;position:fixed;top:0;width:100vw;z-index:11}.navbar{align-items:center;display:flex;height:10rem;justify-content:space-between;padding:0 3rem;transition:all 1s}.navbar.active{background-color:var(--navbar);box-shadow:0 1.2rem 3rem #0000000d}.navbar-logos{align-items:flex-end;display:flex}.logo-icon{height:3.5rem;margin-left:2rem;width:3.5rem}.logo-name-white{height:2.6rem;opacity:.9}.nav-list{display:flex;gap:1rem;list-style:none}.nav-items a{border:2px solid #0000;border-radius:50rem;color:var(--nav-links);font-size:1.6rem;font-weight:400;height:100%;letter-spacing:.063em;letter-spacing:-.1px;opacity:.7;padding:.3rem 1.55rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .1s;white-space:nowrap}.nav-items a:hover{background-color:#0000000a;border:2px solid var(--accent-color-hover);opacity:1}.nav-items a.active{border:2px solid var(--accent-color-active);opacity:1}.menu-btn{background-color:initial;border:none;cursor:pointer;display:none}.social-media-nav-links{align-items:end;display:none;gap:1rem;margin-left:3rem}.social-media-nav-icon:first-child img{height:3.6rem;width:3.6rem}.social-media-nav-icon:nth-child(2) img{height:3rem;margin-bottom:.2rem;width:3rem}@media screen and (max-width:975px){.menu-btn{display:block;width:5rem;z-index:99}.logo-icon{display:none}.navbar{padding:0 4rem}.social-media-nav-links{display:flex}.nav-menu{background-color:var(--light-grey);bottom:0;box-shadow:-1px 0 2rem #0f0f0f33;display:none;position:fixed;transition:.35s}.nav-list{display:flex;flex-direction:column;gap:1.5rem;padding:10rem 1rem}.nav-items a{border:1.5px solid var(--black);display:inline-block;font-size:2.6rem;font-weight:400;letter-spacing:-.5px;padding:.3rem 2.5rem;text-align:start;width:100%}.nav-menu.active{display:block;left:0;right:0;top:0;transition:all .35s ease-in-out}.nav-items a{color:#000}.nav-items a.active{background-color:var(--black);border:1px solid var(--black);color:var(--light-grey)}}@media screen and (max-width:570px){.navbar{padding:0 2.5rem}}@media screen and (max-width:400px){.logo-name-white{height:2.8rem}}.hero--section{background-image:linear-gradient(0deg,#0000001a,#0000),url(/static/media/my-photo.d421c1658628ca0b6d07.jpg);background-position:bottom right 25%;background-repeat:no-repeat;background-size:cover;display:grid;display:flex;flex-direction:column;height:100vh;justify-content:end;padding-bottom:20vh;padding-left:8vw}.line-container{line-height:1;margin-bottom:5rem}.line-text-container{max-width:42rem}.main-line{font-family:var(--font-headline);font-size:13rem;font-weight:700;letter-spacing:-5px;text-transform:uppercase}.top-line{color:var(--accent-color-dark);font-family:var(--family-font);font-size:2.6rem;font-weight:600;letter-spacing:-1.2px;padding-left:.8rem}.top-line-and{font-size:3rem;font-weight:900}.line-text{font-size:2rem;margin-bottom:1rem;padding-left:1rem}.line-text--1{font-weight:600}.line-text--2{font-weight:300}@media screen and (max-width:1300px){.main-line{font-size:10rem}}@media screen and (max-width:1025px){.main-line{font-size:10rem}.hero--section{background-position:bottom right 33%;padding-bottom:35vh;padding-left:3rem}.line-text{width:90%}.top-line{padding-left:.3rem}}@media screen and (max-width:750px){.hero--section{padding-left:2rem}.line-text-container{max-width:40rem}.image-container img{margin-left:0}.main-line{font-size:8rem}}@media screen and (max-width:570px){.hero--section{background-image:linear-gradient(0deg,#0009,#0000),url(/static/media/my-photo.d421c1658628ca0b6d07.jpg);background-position:bottom right 30%;padding-bottom:17vh;padding-left:2rem}.line-container{margin-bottom:3rem;width:100%}.top-line{font-size:2.2rem}.top-line-and{font-size:2rem;margin-left:.3rem}.main-line{font-size:6.5rem;font-weight:600;letter-spacing:-2.5px}.line-text,.main-line{color:var(--light-grey)}.line-text{font-size:1.8rem}.line-text--1{font-weight:500;margin-bottom:1rem}.line-text--2{font-weight:100}}.projects-section{background-color:var(--light-grey)}.slider-container{padding-left:6%}.project-detail{display:flex;flex-direction:column}.project-views{align-items:flex-end;display:flex;height:auto;margin-bottom:5rem;position:relative;width:100%}.project-container{background-color:var(--white);border:.5rem solid var(--white);border-radius:1.5rem;margin-bottom:1rem}.project-desktop-container{box-shadow:1px 1px 10px #0003;line-height:0;width:80%;z-index:2}.project-desktop-container img{border-radius:1rem;object-position:bottom;width:100%}.project-phone-container{bottom:-1rem;box-shadow:-1px 1px 10px #0003;line-height:0;position:absolute;right:3rem;width:23%}.project-phone-container img{border-radius:1rem;width:100%}figcaption{height:25rem;position:relatrive}.project-detail:hover figcaption .project-text a{border-color:var(--accent-color)}.project-text{bottom:0;opacity:0;position:absolute;transform:translate3d(0,-100%,0);transition:all 1s ease-in-out}.swiper-slide-active .project-text{opacity:1;transform:translate3d(0,-10%,0)}.project-text{align-items:center;display:flex;flex-direction:column;width:93%}.project-text h1{align-items:flex-start;display:flex}.project-text a{margin-bottom:6rem}.project-text a:hover{border-color:var(--accent-color)}.project-context,.project-description,.project-tools{font-size:1.8rem;margin-bottom:2rem;text-align:center}.project-tools{background-color:var(--black);border-radius:10rem;color:#fff;padding:.5rem 2rem}.swiper-slide-next{opacity:.4}swiper-container::part(pagination){left:40%}.swiper{position:relative}.swiper-custom-nav{display:flex;justify-content:space-between;padding:0 2rem;position:absolute;top:30%;width:100%;z-index:10}.swiper-button-next{display:block;height:100%}#nav-left,#nav-right{height:5rem}.projects-headline:after{height:2em;top:-100%;width:2em}.projects-wrap{gap:8rem;padding:1rem 0 1rem 2.5rem}.project-desktop-container{z-index:1}.project-phone-container{z-index:3}.arrow-right{padding-left:1.5rem}@media screen and (max-width:1200px){.slider-container{padding-left:2%}}@media screen and (max-width:820px){#nav-left,#nav-right{display:none}.project-desktop-container{box-shadow:1px 1px 5px #0003}.project-phone-container{box-shadow:-1px 1px 5px #0003}}@media screen and (max-width:650px){.project-description{font-size:1.6rem}figcaption{height:23rem}.project-text{padding:1rem}.project-phone-container{bottom:-.5rem;right:2rem}swiper-container::part(pagination){left:43%}}@media screen and (max-width:453px){figcaption{height:20rem}.project-description{font-size:1.6rem}.project-container{border:.3rem solid var(--white)}.project-phone-container{right:1rem}swiper-container::part(pagination){left:44%}.project-views{margin-bottom:10rem}}@media screen and (max-width:370px){.swiper-slide-active .project-text{transform:translate3d(0,-5%,0)}}.card-container{background-color:#ffffff9b;border-radius:.5rem;display:flex;flex-direction:column;padding:5.5rem 4rem 4rem;width:100%}.card-title{align-items:center;display:flex;margin-bottom:4rem}.card-title img{height:4rem}.card-title h1{font-size:2.5rem;line-height:1.2;margin-left:2rem}.card-slogan{color:var(--accent-color);font-size:2rem;line-height:1.4;margin-bottom:2rem}.card-text{white-space:pre-line}.card-text button{align-items:center;display:flex;margin:3rem 0}.card-text button svg{height:2rem;transition:all 0s ease-in-out}.card-text button:hover svg{fill:var(--accent-color)}.card-skills{font-size:1.8rem;margin-top:.8rem}@media screen and (max-width:975px){.card-title{margin-bottom:3.5rem}}@media screen and (max-width:650px){.card-container{padding:5rem 3rem 3rem}.card-slogan{font-size:1.8rem}.card-skills{font-size:1.6rem}}.what-i-do-section{background-color:var(--light-grey)}.what-i-do-headline{position:relative}.cards-container{display:flex;gap:5rem;padding:0 3.5rem}@media screen and (max-width:975px){.cards-container{display:flex;flex-direction:column;gap:8rem;width:80%}}@media screen and (max-width:650px){.cards-container{padding:0 1rem 0 1.5rem;width:100%}}.services-list{display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:60rem}.service-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.services-items{border:3px solid var(--black);border-radius:4rem;padding:2rem 3rem 2rem 3.5rem;position:relative;width:100%}.skill-title{font-size:2.5rem;font-weight:300;letter-spacing:-1px;padding-left:1rem;text-transform:uppercase}.service-line{font-size:1.8rem;font-weight:300;padding:1rem}.skills-row{grid-column:1/-1;grid-row:2/3;position:relative}.btn-skills{border:1px solid var(--accent-color);font-size:1.4rem;margin-left:.5rem;margin-top:1rem;padding:.3rem 1.55rem}.tags{align-items:center;cursor:pointer;display:flex}.tag{height:3rem}.tag-end{bottom:0;position:absolute;right:0}.skill-title{color:var(--black);transition:color 1s ease}.skill-title.open{color:var(--accent-color)}@media screen and (max-width:650px){.services-list{gap:2.5rem;width:90%}}@media screen and (max-width:450px){.services-items{padding:1.8rem 2rem 1.8rem 3rem}.skill-title{font-size:2.2rem;font-weight:400;letter-spacing:-.8px}}@media screen and (max-width:375px){.skill-title{font-size:1.8rem;letter-spacing:-.7px;padding-left:.5rem}.service-line{font-size:1.6rem;padding:.5rem}.btn-skills{font-size:1.2rem}}footer{background-color:#000;padding:10rem 2rem 0}.footer-text-warp{padding:0 3rem}.footer-links svg{height:4.5rem}.footer-links{justify-content:space-between;margin-bottom:5rem}.footer-links,.footer-links a{align-items:center;display:flex}.footer-links a{gap:3rem}.footer-links a img{height:3rem;margin-bottom:.5rem}.social-media-links{display:flex;gap:1rem}.social-media-icon img{height:2.5rem;margin-bottom:.5rem;width:2.5rem}.contact-footer-links{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:3rem}.footer-signature{align-items:center;border-top:.5px solid var(--s-light-line);display:flex;gap:.8rem;justify-content:center;padding:5rem 0 7rem}.footer-signature p{color:var(--white-icon);font-weight:100}.sand-signature{font-size:1.8rem;font-weight:100}.sand-signature b{font-weight:600}.contact-link{align-items:center;display:flex;gap:1rem;margin-bottom:8rem}.contact-link svg{fill:var(--s-light-line);height:1.6rem;margin-left:.5rem;transition:all .5s ease-in-out}.contact-link a{border-bottom:1px solid #0000;color:var(--white-icon);transition:all .5s ease-in-out}.contact-link:hover svg{fill:#fff}.contact-link:hover a{border-bottom:1px solid var(--s-light-line)}@media screen and (max-width:570px){.footer-signature{flex-direction:column}.footer-signature p,.sand-signature{font-size:1.6rem}}@media screen and (max-width:375px){.footer-links svg{height:4rem}.footer-text-warp{padding:0 2rem}.footer-links a{gap:2rem}.footer-links a img{height:2.5rem}}.contact-headline-1{font-size:10rem;margin-bottom:0}.contact-headline-2{font-size:4rem;letter-spacing:-2px}.contact-headline-1,.contact-headline-2{margin-left:3rem}.contact-form{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;margin-top:-8rem;padding:0 2.5rem 2.5rem}.contact-form p{margin-bottom:6rem}.contact-form input,.contact-form textarea{background-color:var(--white);border:1.5px solid var(--light-grey);font-size:1.8rem;line-height:1.6;padding:1rem 1.3rem}.contact-form textarea{margin-bottom:3rem}.contact-form input:hover,.contact-form textarea:hover{background-color:#fff;border:1.5px solid #000}input[type=text]:focus{border:1.5px solid #000}input::placeholder,textarea::placeholder{color:#22222247;font-size:1.6rem;letter-spacing:1px}input[name=user_email]{text-transform:lowercase}.form-group{display:flex;flex-direction:column;gap:1rem;padding:0 3rem}.form-btn{align-self:center;background-color:var(--black);color:#fff;width:50%}.form-btn:hover{background-color:#fff;color:var(--black)}.searchfield{background-color:var(--light-grey);border:none;border-radius:3pt;width:40rem}.message-confirmation{align-items:start;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:0 6%;position:fixed;top:0;width:100%;z-index:1000}.confirmation-modal{background:#ffffffe6;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin-top:20%;padding:5rem 10rem;text-align:center}.confirmation-title{font-size:2rem;font-weight:600;margin-bottom:1rem}@media screen and (max-width:750px){.form-group,.searchfield{width:100%}}@media screen and (max-width:650px){.section-contact .primary-headline{margin-bottom:12rem}.message-confirmation{align-items:center}.confirmation-modal{margin-top:0;padding:5rem;width:100%}.form-group{padding:0 1rem}.contact-form{gap:1.5rem;margin-top:-6rem}.contact-headline-1{font-size:7rem}.contact-headline-2{font-size:3.3rem}}@media screen and (max-width:400px){.contact-form p{margin-bottom:4rem}.form-group{padding:0 .5rem}.contact-headline-1{font-size:6.5rem}.contact-headline-2{font-size:2.8rem}.confirmation-modal{padding:3rem}}@media screen and (max-width:330px){.contact-headline-1{font-size:6rem}.contact-headline-2{font-size:2.5rem}}
/*# sourceMappingURL=main.ef68a01e.css.map*/