@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);@font-face{font-display:swap;font-family:Josefin Sans;font-style:normal;font-weight:400;src:url(296fcafbfbd50f6cfb05.woff2) format("woff2");unicode-range:u+00??,u+0030-0039,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Kalnia;font-stretch:100%;font-style:normal;font-weight:400;src:url(7204d494656ba6d40f98.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}html{font-size:8px}@media(min-width:320px){html{font-size:4px}}@media(min-width:768px){html{font-size:8px}}@media(min-width:1024px){html{font-size:8.5px}}@media(min-width:1300px){html{font-size:9px}}@media(min-width:1600px){html{font-size:9.5px}}@media(min-width:2560px){html{font-size:12px}}@media(min-width:3840px){html{font-size:14px}}@media(min-width:4096px){html{font-size:16px}}@media screen and (max-width:1024px)and (orientation:landscape)and (hover:none)and (pointer:coarse){html{font-size:5px}}body{font-family:Josefin Sans,sans-serif;font-family:"DM Serif Display",serif;font-family:Roboto,serif}h1,h2,h3,h4,h5,h6{font-weight:900;margin:0}h1{font-size:9em}h1,h2{font-family:Kalnia,sans-serif;font-family:DM Sans,sans-serif;line-height:1em}h2{font-size:6.2em}h3{font-size:2.4rem;line-height:2.4rem}h4{font-size:1.4rem;line-height:2rem}p{font-size:2.5rem;line-height:1.1;margin:0;padding:0}input{font-family:Josefin Sans,sans-serif;font-family:"DM Serif Display",serif;font-family:Roboto,serif}.page .info-box p{font-size:1.8rem}.page#about h2{font-size:6em}.page#about .location:after{font-size:2rem;font-weight:700}.page#color h2,.page#metrics h2{font-size:6em}.page#metrics .pie span{font-size:2.5rem}.page#credentials h2,.page#resume h2{font-size:6em}.page#resume .title{font-weight:900}.page#resume .description{font-size:1.8em}.page#inspirations h2,.page#testimonials h2{font-size:6em}.page#testimonials .name{font-family:Kalnia,sans-serif;font-family:DM Sans,sans-serif}.page#testimonials .testimonial-text{font-size:1.8em}.page#portfolio h2{font-size:6em}.page#portfolio .title{font-family:Kalnia,sans-serif;font-family:DM Sans,sans-serif;font-size:3.5rem;line-height:3.5rem}.page#portfolio .para{font-size:2.3em}.page#portfolio .case-study>ul>li{font-size:2.3rem;margin-bottom:2.2rem}.page#portfolio .case-study>ul>li ul{margin-top:.8rem}.page#portfolio .case-study>ul>li ul li{font-size:1.9rem}.page#figmaTemplates h2,.page#interactions h2,.page#systems h2,.page#typography h2{font-size:6em}.page#typography .font-info{font-size:1.4em}.page#typography .pair span{font-size:4em}.page#typography .pair p{font-size:2rem;line-height:1.3}@media(max-width:1024px)and (orientation:portrait){html{font-size:2vw}html .intro{font-size:1.25vw}html .intro h1{padding-right:10vw}html .intro p{font-size:1.7rem}html .page .info-box p{font-size:2rem;line-height:1.1}html #metrics .pies .pie-container>span{font-size:1rem}html #metrics .pies .pie-container .pie span{font-size:1.7rem}html #portfolio .title{font-size:2rem!important;line-height:2rem!important}html #portfolio .case-study>ul>li,html #portfolio .para{font-size:1.7rem!important}html #portfolio .case-study>ul>li ul li{font-size:1.4rem!important}html #resume .title{font-size:2.1rem!important}html #resume .description{font-size:1.8rem!important}html #testimonials .name{font-size:2.1rem!important}html #testimonials .testimonial-text{font-size:1.8em!important}}@media(max-width:767px)and (orientation:portrait){html{font-size:2.5vw}}@media(max-width:400px)and (orientation:portrait){html{font-size:2.3vw}}@media screen and (max-width:363px)and (max-height:431px){html{font-size:1.8vw}}@media(max-width:768px)and (min-aspect-ratio:4/5)and (max-aspect-ratio:5/4){html{font-size:8px}}@media(max-width:600px)and (min-aspect-ratio:4/5)and (max-aspect-ratio:5/4){html{font-size:5px}}body{--dark-color:#232323;--light-color:#e1e1e1}body.light-theme{--dark-color:#fff;--light-color:#000}@keyframes fadeInAndUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes pie-turn{0%{transform:rotate(-.7turn)}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-1rem)}to{transform:translateY(0)}}@keyframes line{to{stroke-dashoffset:0}}@keyframes drop{0%{opacity:0;transform:translateY(-100px)}10%{opacity:0;transform:translateY(0)}25%{opacity:1;transform:translateY(-25px)}40%{opacity:1;transform:translateY(0)}55%{opacity:1;transform:translateY(-8px)}70%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(-2px)}95%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes wobble{0%{transform:rotate(0)}15%{transform:rotate(-20deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-12deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(-90deg)}}@keyframes fill{0%{fill:var(--dark-color)}to{fill:var(--light-color)}}@keyframes fromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.button{align-items:center;background-color:transparent;border-radius:.5rem;color:var(--light-color);cursor:pointer;display:flex;font-size:1.4rem;font-weight:900;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s}.button:active,.button:focus,.button:hover{background-color:var(--light-color);border-color:var(--dark-color);color:var(--dark-color)}.button:active svg path,.button:focus svg path,.button:hover svg path{fill:var(--dark-color)}.button:active .stroke-svg path,.button:focus .stroke-svg path,.button:hover .stroke-svg path{fill:none;stroke:var(--dark-color)}.button:focus{outline:none}.button svg{height:2rem;width:2rem}.button .stroke-svg path{fill:none;stroke:var(--light-color);transition:stroke .3s}.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path,.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__classic :first-child path{d:path("M-12 5h30a1 1 0 0 0 9 13v24h-39Z")}.theme-toggle.theme-toggle--reversed .theme-toggle__classic{transform:scaleX(-1)}.theme-toggle{--theme-toggle__classic--duration:500ms;position:relative;top:.2rem;transform:scale(1.1);transition:transform .3s}.theme-toggle:hover{transform:scale(1.5)}.theme-toggle__classic path{transform-origin:center;transition-duration:calc(var(--theme-toggle__classic--duration)*.8);transition-timing-function:cubic-bezier(0,0,.15,1.25)}.theme-toggle__classic g path{transition-delay:calc(var(--theme-toggle__classic--duration)*.2);transition-property:opacity,transform}.theme-toggle__classic :first-child path{transition-property:transform,d}.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic g path,.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__classic g path{opacity:0;transform:scale(.5) rotate(45deg);transition-delay:0s}.theme-toggle input[type=checkbox]~.theme-toggle__classic :first-child path,.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__classic :first-child path{d:path("M35 9 A23.34 33 0 1 1 15.999 -3 Z");transition:none}.theme-toggle input[type=checkbox]~.theme-toggle__classic g circle:nth-child(2){opacity:0;transform:translate(14px,-13px);transition:stroke .3s}.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic g circle:nth-child(2){opacity:1;transform:translate(0);transition:transform .3s,stroke .3s;fill:var(--dark-color)}.theme-toggle input[type=checkbox]:checked~svg{animation:wobble 3s ease-in-out}.theme-toggle input[type=checkbox]~svg{animation:spin 1.2s ease-out forwards}.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path,.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__classic :first-child path{d:path("M20 10 A18.34 26 0 1 1 6.999 2 Z");transition-delay:calc(var(--theme-toggle__classic--duration)*.2)}@supports not (d:path("")){.theme-toggle input[type=checkbox]:checked~.theme-toggle__classic :first-child path,.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__classic :first-child path{transform:translate3d(-12px,10px,0)}}.theme-toggle{background:0 0;border:none;cursor:pointer}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .theme-toggle-sr{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}@media(prefers-reduced-motion:reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}}.button-container{align-items:center;bottom:0;display:flex;gap:1.6rem;justify-content:flex-end;left:0;padding:1rem;position:fixed}.button-container .mail svg{height:auto;width:6rem}.button-container .theme-toggle svg circle,.button-container .theme-toggle svg path{stroke-width:1.5;stroke-dasharray:300;stroke-dashoffset:300;fill:none;stroke:var(--light-color)}.button-container .separator{opacity:0;padding:0 1.6rem}.button-container svg{height:5rem;width:auto}.button-container a{display:flex;transition:transform .3s}.button-container a svg{stroke-dasharray:300;stroke-dashoffset:300}.button-container a svg path{stroke-width:2;fill:none;transition:stroke .3s;stroke:var(--light-color)}.button-container a:hover{transform:scale(1.4)}body:not(.loading) .button-container .separator{animation:fadeIn 1s ease-in-out 2s forwards}body:not(.loading) .button-container .theme-toggle svg path{animation:line 15s linear 3.2s forwards}body:not(.loading) .button-container .theme-toggle svg circle{animation:line 3s linear 2.4s forwards}body:not(.loading) .button-container a svg{animation:line 5s linear forwards}body:not(.loading) .button-container a:first-child svg{animation-delay:2.2s}body:not(.loading) .button-container a:nth-child(2) svg{animation-delay:2s}body:not(.loading) .button-container a:nth-child(3) svg{animation-delay:1.8s}body:not(.loading) .button-container a:nth-child(4) svg{animation-delay:1.6s}body:not(.loading) .button-container a:nth-child(5) svg{animation-delay:1.4s}body:not(.loading) .button-container a:nth-child(6) svg{animation-delay:1.2s}.main-menu{align-items:flex-end;display:flex;flex:1;flex-direction:column;justify-content:center;padding-right:3.2rem}.main-menu .menu-items{display:flex;flex-direction:row;gap:5rem;position:relative}.main-menu .menu-items:hover .menu-arrow{opacity:1}.main-menu .menu-items .menu-arrow{opacity:0;position:absolute;right:0;top:0;transition:opacity .3s,top .3s}.main-menu .menu-items a{color:var(--light-color);font-size:3rem;opacity:0;padding:1.6rem 0;text-decoration:none;transition:all .3s}.main-menu .menu-items a:hover{font-weight:700}body:not(.loading) .main-menu .menu-items a{animation:fadeInAndUp 1.2s ease-in-out 0s forwards}body:not(.loading) .main-menu .menu-items a:first-child{animation-delay:0s}body:not(.loading) .main-menu .menu-items a:nth-child(2){animation-delay:.2s}body:not(.loading) .main-menu .menu-items a:nth-child(3){animation-delay:.4s}body:not(.loading) .main-menu .menu-items a:nth-child(4){animation-delay:.6s}body:not(.loading) .main-menu .menu-items a:nth-child(5){animation-delay:.8s}body:not(.loading) .main-menu .menu-items a:nth-child(6){animation-delay:1s}body:not(.loading) .main-menu .menu-items a:nth-child(7){animation-delay:1.2s}body:not(.loading) .main-menu .menu-items a:nth-child(8){animation-delay:1.4s}body:not(.loading) .main-menu .menu-items a:nth-child(9){animation-delay:1.6s}body:not(.loading) .main-menu .menu-items a:nth-child(10){animation-delay:1.8s}body:not(.loading) .main-menu .menu-items a:nth-child(11){animation-delay:2s}body:not(.loading) .main-menu .menu-items a:nth-child(12){animation-delay:2.2s}.intro{opacity:0;transition:opacity 1.5s}.intro p{margin:1rem .5rem;max-width:75rem}.intro p .anim-letters{opacity:0}body:not(.loading) .intro{opacity:1}body:has(.pages[open]) .container.main{overflow:hidden;transform:translateY(-100%)}body:has(.pages.closing) .container.main{transform:translateY(0)}.pages{align-items:center;background-color:transparent;border:0;display:flex;flex-direction:row;justify-content:center;justify-content:flex-start;max-height:none;max-width:none;overflow-x:auto;padding:0;position:fixed;scroll-snap-type:x mandatory;transform:translateY(100%);transition:transform .3s;width:100vw;z-index:2}.pages::backdrop{display:none}.pages[open]{transform:none}.pages[open]:has(.page.scrolled-down) .onboard .hint{opacity:0}.pages[open].closing{transform:translateY(100%)}.pages[open] .toolbar .onboard{animation:fadeInOut 10s 2.5s forwards}.pages[open] .toolbar .scroll-button{opacity:1}.pages[open] .toolbar .close-button{opacity:1;transition:transform .5s,opacity 1.3s .7s,filter .5s}.pages[open] .toolbar .next-button,.pages[open] .toolbar .prev-button{opacity:1;transition:transform .5s,opacity 1.3s 1.2s,filter .5s}.pages[open] .toolbar .next-button.disabled,.pages[open] .toolbar .prev-button.disabled{opacity:.5;pointer-events:none}.pages::-webkit-scrollbar{display:none}.pages .toolbar{align-items:center;display:flex;gap:1.6rem;overflow:visible;position:fixed;right:3.6rem;top:3.6rem;transition:none;z-index:9}.pages .toolbar .onboard{display:flex;flex-direction:row;font-size:1.5rem;opacity:0;pointer-events:none;text-align:right}.pages .toolbar .onboard .hint{color:var(--light-color);opacity:1;transition:opacity .3s}.pages .toolbar .onboard .hint.mobile,.pages .toolbar .scroll-button,.pages .toolbar span{display:none}.pages .toolbar .next-button,.pages .toolbar .prev-button{cursor:pointer;height:auto;opacity:0;position:relative;top:.09rem;transition:none;width:2.5rem}.pages .toolbar .next-button:hover,.pages .toolbar .prev-button:hover{transform:scale(1.3)}.pages .toolbar .next-button{transform:rotateY(180deg)}.pages .toolbar .next-button:hover{transform:scale(1.3) rotateY(180deg)}.pages .toolbar .close-button{cursor:pointer;height:auto;opacity:0;position:relative;transition:transform .5s;width:2.5rem;z-index:2}.pages .toolbar .close-button:hover{transform:scale(1.3)}.page{color:var(--light-color);display:flex;flex-direction:column;height:100dvh;max-width:100vw;min-width:100vw;overflow-x:hidden;overflow-y:auto;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100vw;z-index:0}.page.move-left{transform:translateX(-100%)!important}.page.move-right{transform:translateX(100%)!important}.page.from-left{animation:fromLeft .3s forwards}.page path{fill:var(--light-color)}.page .right-pane{opacity:0;transition:opacity 1s;transition-delay:0s}.page .right-pane .info-box{align-items:center;display:flex;flex-direction:column;gap:1.6rem;margin-right:6vw;margin-top:10rem;max-width:34vw;opacity:0;pointer-events:none;position:absolute;text-align:center;transition:opacity 1s}.page .right-pane .info-box h3{font-weight:900}.page .right-pane .info-box div{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.page .right-pane .info-box.active{opacity:1;pointer-events:all;position:relative;z-index:1}.page.open .right-pane{opacity:1;transition-delay:.3s}.scroller{height:100%;margin-top:8rem;mask-image:linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent);overflow:hidden;overflow-y:auto;padding:3rem 0;position:relative;scroll-behavior:smooth}.scroller,.scroller-content{display:flex;flex-direction:column}.scroller-content{padding-right:1rem}.testimonials{display:flex;display:grid;flex-direction:column;gap:3.2rem;grid-template-columns:1fr 1fr}.testimonials .separator{align-self:center;transform:rotate(90deg)}.testimonials .testimonial{display:flex;flex-direction:column;gap:1.6rem;padding-top:3rem;scroll-snap-align:center}.testimonials .testimonial.in-view .user img{opacity:1;transform:scale(1)}.testimonials .testimonial.in-view .testimonial-text,.testimonials .testimonial.in-view .user .name,.testimonials .testimonial.in-view .user .position{opacity:1}.testimonials .testimonial .quote-icon{background:url(f169e84652654085f08d.png) no-repeat 50%;background-size:contain;display:inline-block;filter:invert(100%);height:2.4rem;margin-right:.4rem;margin-top:-1.4rem;opacity:.8;position:relative;vertical-align:middle;width:2.4rem}.testimonials .testimonial .testimonial-text{opacity:0;transition:all .3s ease-in;transition-delay:.6s}.testimonials .testimonial .user{align-items:flex-start;display:flex;gap:1rem}.testimonials .testimonial .user .name{opacity:0;transition:all .3s ease-in}.testimonials .testimonial .user .position{opacity:0;transition:all .3s ease-in;transition-delay:.3s}.testimonials .testimonial .user>div{display:flex;flex-direction:column;gap:.8rem}.testimonials .testimonial .user img{clip-path:url(#squarcle);height:5rem;opacity:0;transform:scale(0);transition:all .3s ease-in;width:5rem}.light-theme .testimonials .testimonial .quote-icon{filter:none}#portfolio .case-studies{display:flex;flex-direction:column;gap:3.2rem}#portfolio .case-studies .separator{align-self:center;transform:rotate(90deg)}#portfolio .case-studies .case-study{display:flex;flex-direction:column;gap:1.6rem;padding-bottom:3rem;padding-top:3rem}#portfolio .case-studies .case-study.in-view img{animation:fadeInAndUp 1s ease-in;opacity:1}#portfolio .case-studies .case-study.in-view .para,#portfolio .case-studies .case-study.in-view .title{opacity:1}#portfolio .case-studies .case-study.in-view ul li:first-child{opacity:1;transform:translateY(0);transition-delay:1.2s}#portfolio .case-studies .case-study.in-view ul li:nth-child(2){opacity:1;transform:translateY(0);transition-delay:1.4s}#portfolio .case-studies .case-study.in-view ul li:nth-child(3){opacity:1;transform:translateY(0);transition-delay:1.6s}#portfolio .case-studies .case-study.in-view ul li:nth-child(4){opacity:1;transform:translateY(0);transition-delay:1.8s}#portfolio .case-studies .case-study.in-view ul li:nth-child(5){opacity:1;transform:translateY(0);transition-delay:2s}#portfolio .case-studies .case-study.in-view ul li:nth-child(6){opacity:1;transform:translateY(0);transition-delay:2.2s}#portfolio .case-studies .case-study.in-view ul li:nth-child(7){opacity:1;transform:translateY(0);transition-delay:2.4s}#portfolio .case-studies .case-study.in-view ul li:nth-child(8){opacity:1;transform:translateY(0);transition-delay:2.6s}#portfolio .case-studies .case-study.in-view ul li:nth-child(9){opacity:1;transform:translateY(0);transition-delay:2.8s}#portfolio .case-studies .case-study.in-view ul li:nth-child(10){opacity:1;transform:translateY(0);transition-delay:3s}#portfolio .case-studies .case-study .title{opacity:0;text-align:center;transition:all .3s ease-in}#portfolio .case-studies .case-study .para{opacity:0;transition:all .3s ease-in;transition-delay:.6s}#portfolio .case-studies .case-study ul li{opacity:0;padding:.5rem 0;transform:translateY(1rem);transition:all .3s ease-in}#portfolio .case-studies .case-study img{align-self:center;border-radius:1rem;box-shadow:0 0 2rem 1rem rgba(0,0,0,.1);height:auto;margin:5rem 3rem;max-width:70vw;opacity:0;width:auto}.resume{gap:3.6rem}.resume,.resume .position{display:flex;flex-direction:column}.resume .position{gap:1.6rem;padding-left:2.5rem;padding-top:3rem;position:relative;scroll-snap-align:center}.resume .position.in-view .line{height:100%}.resume .position.in-view .company,.resume .position.in-view .description,.resume .position.in-view .title{opacity:1}.resume .position .description{display:flex;flex-direction:column;gap:1.6rem;margin:0;opacity:0;padding:0 0 0 1.3rem;transition:all .3s ease-in;transition-delay:.6s}.resume .position .title{opacity:0;transition:all .3s ease-in}.resume .position .title:nth-of-type(2){margin-top:4rem}.resume .position .company{opacity:0;transition:all .3s ease-in;transition-delay:.3s}.resume .position .line{background-color:var(--light-color);display:flex;height:0;justify-content:center;left:.5rem;position:absolute;top:1rem;transition:all .8s ease-in;width:.1rem}.resume .position .line:before{background-color:var(--light-color);border-radius:50%;content:"";height:.8rem;left:-.3rem;position:absolute;top:-.5rem;width:.8rem}.about-container{height:100%;justify-content:flex-start}.about-container,.photos{align-items:center;display:flex;flex-direction:column}.photos{margin-bottom:-3vw;margin-top:5vw;padding-top:7vw;z-index:1}.photos .photo{border-color:#fff;border-style:solid;border-width:.8vw .4vw 2vw;box-shadow:1vw 1vw 2vw rgba(0,0,0,.5);opacity:0;width:12vw}.photos .photo img{height:100%;object-fit:cover;width:100%}.photos .photo:first-child{margin-left:-15vw;margin-top:-6vw;transform:rotate(-10deg)}.photos .photo:nth-child(2){margin-right:-7vw;margin-top:-7vw;transform:rotate(10deg)}.photos .photo:nth-child(3){margin-left:-27vw;margin-top:-11vw;transform:rotate(5deg)}.photos .photo:nth-child(4){margin-right:-30vw;margin-top:-10vw;transform:rotate(-4deg)}.photos .photo:nth-child(5){margin-left:-6vw;margin-top:-10vw;transform:rotate(3deg)}.photos .photo:nth-child(6){margin-right:-23vw;margin-top:-10vw;transform:rotate(-10deg)}.photos .photo:nth-child(7){margin-left:-28vw;margin-top:-9vw;transform:rotate(-9deg)}.photos .photo:nth-child(8){margin-right:-14vw;margin-top:-9vw;transform:rotate(8deg)}.photos .photo:nth-child(9){margin-left:-9vw;margin-top:-11vw;transform:rotate(4deg)}.page.open .photos .photo{opacity:1;transition:opacity 1s ease-in-out}.page.open .photos .photo:first-child{transition-delay:.2s}.page.open .photos .photo:nth-child(2){transition-delay:.4s}.page.open .photos .photo:nth-child(3){transition-delay:.6s}.page.open .photos .photo:nth-child(4){transition-delay:.8s}.page.open .photos .photo:nth-child(5){transition-delay:1s}.page.open .photos .photo:nth-child(6){transition-delay:1.2s}.page.open .photos .photo:nth-child(7){transition-delay:1.4s}.page.open .photos .photo:nth-child(8){transition-delay:1.6s}.page.open .photos .photo:nth-child(9){transition-delay:1.8s}@media(max-width:1024px)and (orientation:portrait){html body .photos{margin-bottom:10vw;transform:scale(1.9)}html body .page.open .photos .photo{opacity:0}html body .page.open .photos .photo:first-child,html body .page.open .photos .photo:nth-child(2),html body .page.open .photos .photo:nth-child(3),html body .page.open .photos .photo:nth-child(4),html body .page.open .photos .photo:nth-child(5),html body .page.open .photos .photo:nth-child(6),html body .page.open .photos .photo:nth-child(7),html body .page.open .photos .photo:nth-child(8),html body .page.open .photos .photo:nth-child(9){transition-delay:0s}html body .page.scrolled-down .photos .photo{opacity:1;transition:opacity 1s ease-in-out}html body .page.scrolled-down .photos .photo:first-child{transition-delay:.2s}html body .page.scrolled-down .photos .photo:nth-child(2){transition-delay:.4s}html body .page.scrolled-down .photos .photo:nth-child(3){transition-delay:.6s}html body .page.scrolled-down .photos .photo:nth-child(4){transition-delay:.8s}html body .page.scrolled-down .photos .photo:nth-child(5){transition-delay:1s}html body .page.scrolled-down .photos .photo:nth-child(6){transition-delay:1.2s}html body .page.scrolled-down .photos .photo:nth-child(7){transition-delay:1.4s}html body .page.scrolled-down .photos .photo:nth-child(8){transition-delay:1.6s}html body .page.scrolled-down .photos .photo:nth-child(9){transition-delay:1.8s}}.hamburger{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;transition:transform .4s;transition:all .3s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:7rem}.hamburger .line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:#e1e1e1;stroke-width:7;stroke-linecap:round}.hamburger .line.top{stroke-dasharray:40 160}.hamburger .line.middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform .4s}.hamburger .line.bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform .4s,stroke-dashoffset .4s}body.menu-open .hamburger{transform:rotate(45deg)}body.menu-open .hamburger .top{stroke-dashoffset:-64px}body.menu-open .hamburger .middle{transform:rotate(90deg)}body.menu-open .hamburger .bottom{stroke-dashoffset:-64px}.light-theme .hamburger{filter:invert(1)}body:not(.loading) .hamburger{opacity:1;transition:opacity 3s;transition-delay:1s}.map{align-items:center;display:flex;position:relative;z-index:0}.map .map-image{height:auto;height:fit-content;opacity:.7;width:40vw}.map .locations{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.map .locations .location{cursor:pointer;height:2rem;opacity:0;position:absolute;transform:translateY(-50px);width:2rem}.map .locations .location svg{height:100%;margin-top:-1rem;width:100%}.map .locations .location svg path{fill:var(--light-color);stroke:var(--dark-color);stroke-width:.2rem}.map .locations .location:hover{z-index:2}.map .locations .location:hover:after{opacity:1;visibility:visible}.map .locations .location:after{background-color:var(--light-color);border-radius:.5rem;bottom:120%;color:var(--dark-color);content:attr(data-tooltip);left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:nowrap;z-index:1}.map .locations .location.thailand{left:77.5%;top:56%}.map .locations .location.israel{left:56.9%;top:42.5%}.map .locations .location.cyprus{left:54%;top:41%}.map .locations .location.hungary{left:52.3%;top:33.5%}.map .locations .location.mexico{left:20%;top:49%}.map .locations .location.portugal{left:44.3%;top:40%}.map .locations .location.france{left:47%;top:33%}.map .locations .location.vietnam{left:80.2%;top:54%}.map .locations .location.china{left:81.6%;top:46.3%}.map .locations .location.montenegro{left:52.2%;top:36.4%}.map .locations .location.czeck{left:51%;top:32%}.container .right-pane:has(.map){max-width:60vw;width:60vw}.page.open .location{animation:drop 1.3s ease-in-out forwards;animation-timing-function:cubic-bezier(.25,1,.5,1)}.page.open .location:first-child{animation-delay:.2s}.page.open .location:nth-child(2){animation-delay:.4s}.page.open .location:nth-child(3){animation-delay:.6s}.page.open .location:nth-child(4){animation-delay:.8s}.page.open .location:nth-child(5){animation-delay:1s}.page.open .location:nth-child(6){animation-delay:1.2s}.page.open .location:nth-child(7){animation-delay:1.4s}.page.open .location:nth-child(8){animation-delay:1.6s}.page.open .location:nth-child(9){animation-delay:1.8s}.page.open .location:nth-child(10){animation-delay:2s}@media(max-width:1024px)and (orientation:portrait){html body .page.open .locations .location{animation:none}html body .page.scrolled-down .locations .location{animation:drop 1.3s ease-in-out forwards;animation-timing-function:cubic-bezier(.25,1,.5,1)}html body .page.scrolled-down .locations .location:first-child{animation-delay:.2s}html body .page.scrolled-down .locations .location:nth-child(2){animation-delay:.4s}html body .page.scrolled-down .locations .location:nth-child(3){animation-delay:.6s}html body .page.scrolled-down .locations .location:nth-child(4){animation-delay:.8s}html body .page.scrolled-down .locations .location:nth-child(5){animation-delay:1s}html body .page.scrolled-down .locations .location:nth-child(6){animation-delay:1.2s}html body .page.scrolled-down .locations .location:nth-child(7){animation-delay:1.4s}html body .page.scrolled-down .locations .location:nth-child(8){animation-delay:1.6s}html body .page.scrolled-down .locations .location:nth-child(9){animation-delay:1.8s}html body .page.scrolled-down .locations .location:nth-child(10){animation-delay:2s}}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}:root{--swiper-navigation-size:44px}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-cube .swiper-cube-shadow:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}.swiper-container,.swiper-wrapper{align-items:center}.swiper-container{padding-bottom:5rem;width:100%}.swiper-slide{background-position:50%;background-size:cover;border-radius:8px;height:fit-content}.picture,.swiper-slide{overflow:hidden;width:auto}.picture{height:auto;width:50dvh}.picture img{display:block;height:100%;object-fit:contain;width:100%}@media(max-width:1024px)and (orientation:portrait){body,html{overflow:auto}html body .mobile-menu-toggle{align-items:center;display:flex;overflow:hidden;position:absolute;right:.1rem;top:.3rem;z-index:1}html body .main-menu{background-color:var(--dark-color);bottom:0;left:0;padding:3.2rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s}html body .main-menu .menu-items{flex-direction:column;gap:0;height:100%;width:100%}html body .main-menu .menu-items a{align-items:center;display:flex}html body .main-menu .menu-items .menu-arrow{display:none}html body .button-container{bottom:4rem;flex-direction:column-reverse;left:1.6rem;position:fixed;transform:scale(1.3)}html body .button-container svg{height:2rem}html body .button-container .mail svg{height:2rem;width:auto}html body .button-container .separator{display:none}html body .button-container .theme-toggle{top:-3px}html body.menu-open .main-menu{transform:translateX(0)}html body.menu-open .container.main{overflow:hidden!important}html body.menu-open .container.main .button-container,html body.menu-open .container.main .left-pane{transform:translateX(-120vw)}html body .container{margin:0;max-width:none}html body .container .intro p{max-width:none}html body .container.main .avatar{transform:translateX(37vw)!important;width:69vw!important}html body .container.main .button-container{transition:transform .3s}html body .container.main .left-pane{max-width:none}html body .container.main .right-pane{min-height:auto}html body .pages .toolbar{bottom:0;justify-content:space-between;left:0;right:0;top:auto}html body .pages .toolbar .onboard{display:flex;display:none;justify-content:center;position:absolute;top:0;top:-4rem;width:100vw}html body .pages .toolbar .onboard .hint{text-align:center}html body .pages .toolbar .onboard .hint.dekstop{display:none}html body .pages .toolbar .onboard .hint.mobile{display:block}html body .pages .toolbar span{display:inline}html body .pages .toolbar .close-button{position:fixed;right:2.5rem;top:2.6rem;transform:rotate(180deg);width:2.3rem}html body .pages .toolbar .scroll-button{align-items:center;display:flex;flex-direction:column;opacity:0;transition:opacity 1.3s .7s}html body .pages .toolbar .scroll-button span{transition:all .3s}html body .pages .toolbar .scroll-button span:first-child{opacity:0;position:absolute;transform:translateY(100%)}html body .pages .toolbar .next-button,html body .pages .toolbar .prev-button,html body .pages .toolbar .scroll-button{color:var(--light-color);display:none;font-size:2rem;padding:2.5rem;pointer-events:none;top:auto;width:auto}html body .pages .toolbar .next-button svg,html body .pages .toolbar .prev-button svg{display:none}html body .pages .toolbar .next-button,html body .pages .toolbar .next-button:hover,html body .pages .toolbar .prev-button:hover{transform:none}html body .pages:has(.scrolled-down) .scroll-button span:first-child{opacity:1;position:static;transform:translateY(0)}html body .pages:has(.scrolled-down) .scroll-button span:last-child{opacity:0;position:absolute;transform:translateY(-100%)}html body .pages .page .swiper-container{padding-bottom:2rem;position:static!important;transform:none!important}html body .pages .page .swiper-container .picture,html body .pages .page .swiper-container .swiper-slide{height:auto;width:65vw}html body .pages .page:has(.swiper-container) .container{padding-bottom:0}html body .pages .page:has(.swiper-container) .right-pane{overflow:visible!important}html body .pages .container{flex-direction:column;gap:0;height:100dvh;overflow-x:hidden;overflow-y:auto;padding:1.6rem;scroll-snap-type:y mandatory;width:calc(100vw - 3.2rem)}html body .pages .container::-webkit-scrollbar{display:none}html body .pages .container .right-pane{height:100%;justify-content:space-between;max-width:100%;overflow:hidden;position:relative;scroll-snap-align:start;transition:transform .3s;width:100%}html body .pages .container .right-pane .scroller{scroll-snap-type:y proximity}html body .pages .container .right-pane:has(.map){justify-content:center!important;max-width:none;padding-top:0;width:100%}html body .pages .container .right-pane:has(.map) .map .map-image{width:100%}html body .pages .container .right-pane:has(.map) .map .location{margin-left:-.5rem;margin-top:-.7rem}html body .pages .container .right-pane:has(.map) .about-container{justify-content:center}html body .pages .container .right-pane .info-box{margin-right:0;margin-top:5rem;max-width:100%}html body .pages .container .right-pane .info-box div{gap:0;justify-content:center;width:100%}html body .pages .container .right-pane .info-box p{padding-right:0}html body .pages .container .right-pane .scroller{margin:0;max-width:100%}html body .interactions{margin:0;width:100%}html body .interactions iframe{width:100%}html body .pies .pie{height:17vw;width:17vw}html body #metrics .right-pane img{max-width:55%}html body #metrics.open .a-b-test,html body #metrics.open .analytics,html body #metrics.open .heatmap{opacity:0}html body #metrics.scrolled-down .a-b-test,html body #metrics.scrolled-down .analytics,html body #metrics.scrolled-down .heatmap{opacity:1}html body .page.open .pie:before{animation:none}html body .page.scrolled-down .pie:before{animation:pie-turn 1s ease-in-out forwards}html body .typography-circle{bottom:-14vh;height:100%;margin:0;perspective:1000px;position:relative;width:100%}html body .typography-circle .pair{margin-top:-90%;transform-origin:50% 100vw;width:100%}html body .typography-circle .font-info{bottom:40vw}html body .typography-circle p{max-width:none}html body .testimonials{display:flex}}@media screen and (max-width:1024px)and (max-aspect-ratio:4/3){html body .pages .page .swiper-container .picture,html body .pages .page .swiper-container .swiper-slide{width:40vw}html body .pages .container .right-pane{height:100%;overflow-y:auto;padding-bottom:0}html body #metrics .right-pane img{max-width:47%}html body #metrics .right-pane .pies{margin-top:3rem}}body,html{height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}body ::-webkit-scrollbar,body::-webkit-scrollbar,html ::-webkit-scrollbar,html::-webkit-scrollbar{width:3px}body ::-webkit-scrollbar-track,body::-webkit-scrollbar-track,html ::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:transparent}body ::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:var(--light-color);border-radius:10px}body ::-webkit-scrollbar-button,body::-webkit-scrollbar-button,html ::-webkit-scrollbar-button,html::-webkit-scrollbar-button{display:none}body{background-color:var(--dark-color);background-position:bottom;background-repeat:no-repeat;background-size:23vw;color:var(--light-color);margin:0;padding:0;transition:background-color .3s,color .3s}body path{transition:fill .3s;fill:var(--light-color)}.mobile-menu-toggle{display:none}body:not(.loading) .container.main .left-pane .avatar{opacity:1;transition-delay:1.5s}.container{display:flex;height:calc(100% - 5rem);justify-content:center;margin:auto;max-width:80vw;padding:1.6rem;position:relative}.container.main{height:calc(100% - 3.2rem);max-width:none}.container.main,.container.main .left-pane{justify-content:space-between;transition:transform .3s}.container.main .left-pane{display:flex;flex-direction:column;max-width:45vw}.container.main .left-pane .avatar{opacity:0;pointer-events:none;transform:translateX(63vw);transition:opacity 2s;width:29vw}.container.main .left-pane .avatar img{bottom:-1.85rem;position:relative;width:100%}.container.main .left-pane .avatar video{bottom:0;height:100vw;left:0;opacity:0;position:fixed;right:0;transition:opacity .3s;width:100vw}.container.main .left-pane .avatar video.dark{opacity:1}.container.main .right-pane{align-items:center;flex-direction:row-reverse;height:fit-content;justify-content:center;max-width:50vw}.container .right-pane{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.light-theme .container.main .left-pane .avatar video.light{opacity:1}.light-theme .container.main .left-pane .avatar video.dark{opacity:0}.intro h1,.intro h2,.intro h3{margin-bottom:3rem}.client-hero{font-family:Inter,-apple-system,sans-serif;margin:40px 0;max-width:600px}.client-hero h4{color:#666;font-size:2rem;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.client-hero p{color:#000;font-size:2.2rem;line-height:1.4;margin:0}.client-hero p strong{font-weight:800}.menu-items{align-items:center}.btn-contact{background-color:#fff;border:2px solid #000;color:#000;cursor:pointer;display:block;font-weight:600;padding:10px 24px!important;text-decoration:none;transition:all .3 ease}.btn-contact:hover{background-color:#000;color:#fff!important}.button-container a{opacity:.7}.button-container a.mail svg{height:5rem!important;width:auto!important}.button-container a svg{height:3.5rem!important;width:auto!important}.button-container a:hover{opacity:1}.container.main .left-pane .avatar{bottom:0;position:fixed;right:5rem;transform:none}