.navbar{margin:0;padding:0;width:100%;display:flex;justify-content:center}.navbar-list{display:flex;align-items:center;list-style:none;padding:0;gap:5rem}.navbar a{color:var(--color-white-50);text-decoration:none;font-weight:var(--font-weight-regular);font-size:var(--font-size-navigation);display:inline-block;cursor:pointer;transition:color .3s ease,transform .3s ease}.navbar a:hover{color:var(--color-blue-50);transform:scale(1.05)}.home-icon{width:60px;height:60px;vertical-align:middle}@media(max-width:800px){.navbar{height:10vh}.hamburger{display:flex;flex-direction:column;cursor:pointer;gap:5px;position:absolute;top:20px;left:20px;z-index:150;transition:all .3s ease,transform .3s ease}.hamburger:hover{transform:scale(1.05)}.hamburger:hover .bar{background-color:var(--color-blue-50)}.bar{width:32px;height:4px;background-color:var(--color-white-50);transition:all .3s ease,background-color .3s ease}.navbar-list{flex-direction:column;position:fixed;top:-20px;left:-100%;width:200px;height:100vh;background-color:var(--color-blue-500);gap:5%;padding-top:80px;transition:left .3s ease;z-index:50}.navbar-list.open{left:0}.navbar a{font-size:var(--font-size-navigation)}.hamburger.active{left:160px;top:20px}.hamburger.active .bar:nth-child(1){transform:rotate(45deg) translate(7.5px,5px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(7.5px,-5px)}}@media(max-width:600px){.navbar{height:6vh}}.home-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-wrapper{position:relative}.image-circle{position:relative;width:100%;height:100%}.neon-symbol{width:550px;height:auto;display:block}.overlay{position:absolute;bottom:0;width:100%;height:100%;background:linear-gradient(to top,#000c,#0000 50%);border-radius:50%;z-index:2}.home-text{position:absolute;bottom:.7rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.home-title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);white-space:nowrap}.home-subtitle{color:var(--color-yellow-400);font-size:var(--font-size-undertitle);font-weight:var(--font-weight-semibold);margin-top:.5rem;white-space:nowrap}.triangle{margin:2rem;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--color-blue-50);transition:transform .3s ease,border-top-color .3s ease;cursor:pointer}.triangle:hover{transform:scale(1.1);border-top-color:var(--color-blue-100)}@media(max-width:800px){.neon-symbol{width:100%;height:auto}.home-text{bottom:2.5%}.home-title{font-size:8vw}.home-subtitle{font-size:3.25vw}}.about-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem}.about-content{display:flex;border:3px solid var(--color-blue-900);background-color:var(--color-blue-950);max-width:1000px}.about-left{display:flex;flex-direction:column;gap:1.4rem;padding:1.5rem}.about-title{font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold)}.about-text{font-size:var(--font-size-text);font-weight:var(--font-weight-regular)}.tools{display:flex;gap:1.5rem}.tool{width:55px;height:auto}.portrait-wrapper{position:relative;display:block}.portrait{display:block;height:100%;max-height:600px;width:auto;border-left:3px solid var(--color-blue-900)}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-purple);opacity:.2}@media(min-width:1100px){.tool{width:65px}}@media(max-width:900px){.about-content{flex-direction:column;align-items:center}.about-left{max-width:calc(400px - 2rem);padding:1rem;gap:1rem}.tools{gap:1rem}.tool{width:50px}.portrait{max-width:400px;border-left:none;border-top:3px solid var(--color-blue-900);max-height:none}}@media(max-width:500px){.about-title{font-size:calc(var(--font-size-heading) * .9)}.about-left{max-width:calc(296px - 2rem)}.tool{width:40px}.portrait{max-width:296px}}.clients-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem}.clients-row{width:100%}.clients-desktop{display:flex;justify-content:center;gap:25px;width:100%;height:450px}.client-card{position:relative;flex:1;height:350px;max-width:250px;background:var(--color-blue-950);border:3px solid var(--color-blue-900);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:height .3s ease,transform .3s ease}.client-card:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:40px;height:3px;background-color:var(--color-blue-400)}.client-card.active{height:450px;transform:scale(1.01);background:var(--color-blue-850);border-color:var(--color-blue-700)}.client-card.active:after{width:75px;background-color:var(--color-blue-200)}.clients-nav{display:flex;gap:20px;margin-top:50px}.clients-indicators{display:flex;align-items:center;gap:12px}.clients-desktop-mobile,.clients-mobile{display:none}.client-card-content{display:flex;flex-direction:column;align-items:center;gap:20px}.client-triangle-down{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--color-blue-300)}.client-logo-circle{width:100px;height:100px;border-radius:100px;border:3px solid var(--color-blue-300)}.client-logo-circle img{width:100%;height:100%}.client-color-dot{width:12px;height:12px;background-color:var(--color-blue-300);border-radius:50px}.client-name{font-size:var(--font-size-undertitle);font-weight:var(--font-weight-regular);color:var(--color-white-50)}.client-number{font-size:var(--font-size-underscript);font-weight:var(--font-weight-regular);color:var(--color-yellow-400)}.client-logo-rectangle{width:200px;height:300px}.client-logo-rectangle img{width:100%;height:100%}.active-number{color:var(--color-blue-50)}@media(max-width:1100px){.clients-desktop{display:none}.clients-desktop-mobile{display:flex;justify-content:center;gap:25px;width:100%;height:450px}}@media(max-width:900px){.clients-desktop-mobile{display:none}.clients-mobile{display:flex;justify-content:center;width:100%;height:450px}}.projects-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem}.section-title{display:flex;align-items:center;gap:1rem;font-size:var(--font-size-section);font-weight:var(--font-weight-semibold);text-decoration:none;color:var(--color-yellow-400);margin-bottom:2rem;align-self:flex-start;cursor:pointer;transition:transform .3s ease,color .3s ease}.section-triangle{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid var(--color-yellow-400);transition:transform .3s ease,border-left-color .3s ease}.section-title:hover{transform:scale(1.1);color:var(--color-yellow-500)}.section-title:hover .section-triangle{border-left-color:var(--color-yellow-500)}.projects-row{width:100%}.projects-desktop{display:flex;justify-content:center;gap:25px;width:100%;height:450px}.project-card{position:relative;flex:1;height:350px;max-width:250px;background:var(--color-blue-950);border:3px solid var(--color-blue-900);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:height .3s ease,transform .3s ease}.project-card:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:40px;height:3px;background-color:var(--color-blue-400)}.project-card.active{height:450px;transform:scale(1.01);background:var(--color-blue-850);border-color:var(--color-blue-700)}.project-card.active:after{width:75px;background-color:var(--color-blue-200)}.projects-nav{display:flex;gap:20px;margin-top:50px}.arrow{border-top:10px solid transparent;border-bottom:10px solid transparent;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.arrow.left{border-right:15px solid var(--color-blue-200)}.arrow.right{border-left:15px solid var(--color-blue-200)}.arrow:hover{transform:scale(1.1)}.arrow.left:hover{border-right-color:var(--color-blue-100)}.arrow.right:hover{border-left-color:var(--color-blue-100)}.projects-indicators{display:flex;align-items:center;gap:12px}.indicator-dot{width:12px;height:12px;border-radius:50px;background:var(--color-blue-400);border:2px solid var(--color-blue-900);cursor:pointer;transition:transform .2s ease,background-color .2s ease}.indicator-dot:hover{transform:scale(1.2);background:var(--color-blue-600)}.indicator-dot.active{background:var(--color-blue-200);transform:scale(1.35)}.projects-desktop-mobile,.projects-mobile{display:none}.project-card-content{display:flex;flex-direction:column;align-items:center;gap:20px}.project-project-square{width:200px;height:200px}.project-project-square img{width:100%;height:100%}.project-name{font-size:var(--font-size-undertitle);font-weight:var(--font-weight-regular);color:var(--color-white-50)}.project-number{font-size:var(--font-size-underscript);font-weight:var(--font-weight-regular);color:var(--color-yellow-400)}.project-text{font-size:var(--font-size-text);font-weight:var(--font-weight-regular);color:var(--color-text);text-align:center;padding-left:.75rem;padding-right:.75rem;margin-top:-.7rem}@media(max-width:1400px){.projects-desktop{display:none}.projects-desktop-mobile{display:flex;justify-content:center;gap:25px;width:100%;height:450px}}@media(max-width:850px){.projects-desktop-mobile{display:none}.projects-mobile{display:flex;justify-content:center;width:100%;height:450px}}.contact-container{flex:1;display:flex;border-top:3px solid var(--color-blue-900)}.contact-chatten{display:flex;justify-content:center;align-items:center;width:35vw}.linkedin-link{display:flex;align-items:center;gap:1.5rem;text-decoration:none;cursor:pointer;transition:transform .3s ease}.linkedin-link:hover{transform:scale(1.05)}.chatten-text{font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--color-yellow-400);transition:transform .3s ease,color .3s ease}.linkedin-link:hover .chatten-text{color:var(--color-yellow-500)}.linkedin{width:60px;height:60px;border:2px solid var(--color-blue-900);border-radius:50px;transition:filter .3s ease}.linkedin-link:hover .linkedin{filter:brightness(.8)}.contact-home{display:flex;justify-content:center;align-items:center;width:10vw;position:relative}.contact-home:before,.contact-home:after{content:"";position:absolute;width:3px;background-color:var(--color-blue-900);left:50%;transform:translate(-50%)}.contact-home:before{top:0;bottom:calc(50% + 50px)}.contact-home:after{top:calc(50% + 50px);bottom:0}.pattern-wrapper{position:relative;width:100px;height:100px;border:3px solid var(--color-blue-900)}.pattern{width:100%;height:auto;opacity:.1}.wg-icon{width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;transition:transform .3s ease,filter .3s ease}.wg-icon:hover{transform:translate(-50%,-50%) scale(1.05);filter:brightness(.8)}.contact-nav{width:55vw;display:flex;justify-content:center;align-self:center}.navigating-elements{display:flex;gap:1.5rem;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold)}.navigating-elements a{text-decoration:none;color:var(--color-white-50);cursor:pointer;transition:transform .3s ease,color .3s ease}.navigating-elements a:hover{transform:scale(1.05);color:var(--color-blue-50)}.navigating-element-contact{color:var(--color-yellow-400)}.navigating-element-contact:hover{color:var(--color-yellow-500)}.slash{color:var(--color-blue-50)}.underscripted-elements{display:flex;gap:1rem;font-size:var(--font-size-underscript);font-weight:var(--font-weight-semibold);color:var(--color-yellow-400);text-decoration:none;padding-top:.5rem}.line{color:var(--color-blue-900)}@media(max-width:1250px){.contact-chatten{width:27vw}.contact-home{width:10vw}.contact-nav{width:63vw}}@media(max-width:1100px){.contact-container{flex-direction:column;gap:2rem;padding-top:2rem;padding-bottom:2rem;border:none}.contact-chatten,.contact-home,.contact-nav{width:auto}.contact-home{order:1}.contact-nav{order:2}.contact-chatten{order:3}.underscripted-elements{display:flex;justify-content:center}.contact-home:before,.contact-home:after{top:50%;transform:translateY(-50%)}.contact-home:before{left:0;width:calc(50% - 50px);height:3px}.contact-home:after{left:calc(50% + 50px);width:calc(50% - 50px);height:3px}.chatten-text{font-size:calc(var(--font-size-heading) * .7)}.linkedin{width:40px;height:40px}.linkedin-link{gap:.75rem}}@media(max-width:700px){.contact-container{gap:1rem;padding-bottom:1rem}.navigating-elements{gap:.75rem;font-size:calc(var(--font-size-heading) * .5)}.underscripted-elements{gap:.33rem;font-size:calc(var(--font-size-underscript) * .54)}.chatten-text{font-size:calc(var(--font-size-heading) * .5)}.linkedin{width:30px;height:30px}.linkedin-link{gap:.5rem}.contact-home:before{left:0;width:calc(50% - 30px);height:3px}.contact-home:after{left:calc(50% + 30px);width:calc(50% - 30px);height:3px}.pattern-wrapper{width:60px;height:60px}.wg-icon{width:45px;height:45px}}.client-details-container{padding:1rem;overflow-x:hidden}.client-details-content{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:1rem}.detailsimages{display:flex;gap:2rem;margin-top:1.5rem}.detailsimages img{width:80%;max-width:300px;height:auto}@media(max-width:700px){.detailsimages{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:1.5rem}}.project-details-container{padding:1rem;overflow-x:hidden}.backlink{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;color:var(--color-yellow-400);font-size:var(--font-size-section);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform .3s ease,color .3s ease;padding:1rem}.triangle-details{border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid var(--color-yellow-400);transition:border-right-color .3s ease}.backlink:hover{transform:scale(1.05);color:var(--color-yellow-500)}.backlink:hover .triangle-details{border-right-color:var(--color-yellow-500)}.project-details-content{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:1rem}.detailstitle{font-size:var(--font-size-details);font-weight:var(--font-weight-bold)}.detailsundertitle{margin-top:.5rem;font-size:var(--font-size-underscript);font-weight:var(--font-weight-semibold);color:var(--color-yellow-400)}.detailstext{font-size:var(--font-size-text);font-weight:var(--font-weight-regular);margin-top:1rem;max-width:700px}.detailsvideos{display:flex;align-items:flex-start;justify-content:center;gap:2rem;margin-top:1.5rem}.detailsvideos video{display:flex;width:80%;max-width:300px;height:auto}.back-to-top{margin:2.5rem;cursor:pointer;display:flex;justify-content:center;transition:transform .3s ease}.back-to-top:hover{transform:scale(1.1)}.triangle-up{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--color-yellow-400);transition:border-bottom-color .3s ease}.back-to-top:hover .triangle-up{border-bottom-color:var(--color-yellow-500)}@media(max-width:700px){.detailsvideos{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:1.5rem}}@media(max-width:500px){.detailstitle{font-size:calc(var(--font-size-details) * .7);font-weight:var(--font-weight-bold)}}body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text)}p{margin:0}html{scroll-behavior:smooth}.section{padding-left:2rem;padding-right:2rem;min-height:100vh;display:flex;flex-direction:column}.section-home{background:var(--gradient-blue-forward)}.section-contact{background:var(--gradient-blue-reversed);min-height:30vh;padding:0}:root{--color-primary: var(--color-blue-950);--color-secondary: var(--color-yellow-400);--color-background: var(--color-blue-975);--color-text: var(--color-white-50);--color-blue-50: #B9DDFF;--color-blue-100: #8EB4D8;--color-blue-200: #5A93BE;--color-blue-300: #1C2265;--color-blue-400: #1A1F5A;--color-blue-500: #0E3E68;--color-blue-600: #193150;--color-blue-700: #081168;--color-blue-800: #141847;--color-blue-850: #131748;--color-blue-875: #0F123F;--color-blue-900: #04094B;--color-blue-950: #000438;--color-blue-975: #0C112D;--color-yellow-400: #EBC992;--color-yellow-500: #c49c5d;--color-purple-500: #6107B2;--color-green-400: #4CDC83;--color-white-50: #FFFFFF;--gradient-blue-forward: linear-gradient( 180deg, var(--color-blue-500),var(--color-blue-600),var(--color-blue-975) );--gradient-blue-reversed: linear-gradient( 180deg, var(--color-blue-975),var(--color-blue-600),var(--color-blue-500) );--gradient-purple: linear-gradient( 135deg, var(--color-purple-500),var(--color-blue-875) );--font-sans: "Segoe UI", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-title: 68px;--font-size-details: 52px;--font-size-heading: 36px;--font-size-navigation: 28px;--font-size-undertitle: 24px;--font-size-underscript: 20px;--font-size-text: 18px;--font-size-section: 16px}