*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,p{color:#39393e;font-family:Inter,sans-serif;font-size:1rem;line-height:1.5em}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:#0a0a0b;font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.25em}h1,.h1{text-transform:uppercase;font-size:2.25rem}h2,.h2{font-size:1.875rem}h3,.h3{font-size:1.5rem}.text-accent{color:#04f}a{color:#39393e;font-family:JetBrains Mono,sans-serif;text-decoration:none;transition:all .25s ease-in-out}a:hover{color:#04f}p+p{margin-top:1rem}.d-block{display:block}.icon{width:1.5rem}.container{max-width:1140px;margin-inline:auto}@media screen and (width<=1172px){.container{padding-inline:32px}}body{background:#f4f7f5}.center{justify-content:center;align-items:center;display:flex}#about .grid{grid-template-columns:60% 40%;display:grid}@media screen and (width<=767px){#about .grid{grid-template-columns:1fr;gap:2rem}#about .grid .metrics-container{border-top:.5px solid #dcdfdd;padding-top:2rem}}@media screen and (width>=768px){#about .grid .text{border-right:.5px solid #dcdfdd;padding-right:3rem}#about .grid .metrics-container{padding-left:3rem}}#about h4{margin-top:1rem;margin-bottom:.5rem;font-size:1.25rem}#about .metrics{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,1fr);gap:3rem;display:grid}#about .metrics span.number{color:#04f;font-family:JetBrains Mono,sans-serif;font-size:2rem;font-weight:700;line-height:1}#about .metrics span.description{color:#676771;margin-top:.25rem;font-family:JetBrains Mono,sans-serif;font-size:.9rem;font-weight:400;display:block}header.header{z-index:999;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#ffffff1a;border-bottom:.5px solid #dcdfdd;position:fixed;left:0;right:0;box-shadow:0 5px 25px 5px #0000000d}header.header .logo{color:#0a0a0b;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:400;text-decoration:none;transition:font-size .5s ease-in-out}@media screen and (width<=384px){header.header .logo{font-size:1rem}}header.header .container{justify-content:space-between;align-items:center;padding-block:16px;display:flex}header.header .nav-container+.icon{display:none}@media screen and (width<=767px){header.header .nav-container{z-index:900;background:#fff;justify-content:center;width:100dvw;height:100dvh;padding-top:2.5rem;transition:left .5s ease-in-out;display:flex;position:absolute;top:calc(100% + 1px);left:100%}header.header .nav-container.open{left:0}header.header .nav-container ul.nav{flex-direction:column;align-items:center;gap:2rem}header.header .nav-container ul.nav a{font-size:1.5rem;position:relative}header.header .nav-container ul.nav a:before{margin-right:.75rem;font-size:.5em;position:absolute;bottom:0;left:-3.5rem}header.header .nav-container+.icon{cursor:pointer;display:block}}header.header ul.nav{counter-reset:nav-count;gap:1rem;list-style:none;display:flex}header.header ul.nav a{counter-increment:nav-count;color:#5c5c65;padding-block:4px;font-family:JetBrains Mono,sans-serif;font-size:.9rem;text-decoration:none;transition:color .25s ease-in-out;display:inline-block}header.header ul.nav a:before{content:"0" counter(nav-count) " //";color:#82828d;margin-right:.25rem;font-size:.75em;transition:color .25s ease-in-out}header.header ul.nav a:hover{color:#04f}header.header ul.nav a:hover:before{color:#4073ff}.subheading{color:#676771;text-transform:uppercase;letter-spacing:2px;font-family:JetBrains Mono,sans-serif;font-size:.85rem;font-weight:400}.subheading:before{content:attr(data-number) " //"}section.section{padding-block:4rem;scroll-margin-top:2.5rem}section.section+section.section{border-top:.5px solid #0a0a0a1a}section.section.hero{background:url(/build/assets/hero-background-CkO3Bjrm.webp) 0 0/cover;padding-top:6rem;position:relative}section.section.hero:before{content:"";z-index:0;background-color:#ffffff80;position:absolute;inset:0}section.section.hero a{display:flex}section.section.hero a .icon{margin-left:.5rem;transition:transform .25s ease-in-out}section.section.hero a:hover .icon{transform:translateY(8px)}section.section.hero.main .container{min-height:55dvh}section.section.hero .container{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;min-height:35dvh;display:flex;position:relative}section.section.hero .container h1{font-size:3rem;transition:font-size .5s ease-in-out}@media screen and (width<=767px){section.section.hero .container h1{font-size:2.25rem}}section.section.hero .container p{text-wrap:balance;max-width:40ch}.project-container{grid-template-columns:1fr 1fr;gap:4rem;margin-top:2rem;padding-bottom:4rem;display:grid}.project-container+*{margin-top:3rem}@media screen and (width<=768px){.project-container{padding-bottom:unset;flex-direction:column;gap:2rem;display:flex}}@media screen and (width>=768px){.project:nth-of-type(2n){transform:translateY(4rem)}}.project:hover{color:unset}.project:hover .project-cta .icon{transform:translate(8px)}.project:hover .project-tags{top:8px}.project:hover .project-image img{filter:brightness(50%)}.project-image{width:100%;margin-bottom:1rem}.project-image img{object-fit:cover;width:100%;height:250px;transition:filter .25s ease-in-out}.project-image{position:relative;overflow:hidden}.project-image .project-tags{flex-direction:row;gap:8px;transition:top .25s ease-in-out;display:flex;position:absolute;top:-25%;left:8px;right:8px}.project-image .project-tags>span{text-wrap:pretty;background:#ffffffbf;flex-direction:row;justify-content:center;gap:4px;padding:3px 9px;font-family:JetBrains Mono,sans-serif;font-size:.85rem;display:flex}.project-image .project-tags>span .icon{width:1rem}.project-subheading{text-transform:uppercase;color:#676771;letter-spacing:2px;font-family:JetBrains Mono,sans-serif;font-size:.85rem}.project-title{text-wrap:pretty}.project-description{text-wrap:pretty;margin-top:.75rem;margin-bottom:1rem}.project-cta{color:#04f;justify-content:flex-end;font-family:JetBrains Mono,sans-serif;text-decoration:none;display:flex}.project-cta .icon{margin-left:.25em;transition:transform .25s ease-in-out}.project-details{max-width:100dvw}.project-details .grid{grid-template-columns:1fr 275px;gap:2rem;display:grid}@media screen and (width<=767px){.project-details .grid{grid-template-columns:1fr}.project-details .grid .project-extras{padding-inline:unset;border-inline:unset;border-top:.5px solid #dcdfdd;padding-top:2rem}.project-details .grid .project-extras a.btn{width:fit-content}}.project-details .project-body h2,.project-details .project-body h3,.project-details .project-body h4{margin-bottom:.5rem}.project-details .project-body a{flex-direction:row;align-items:center;gap:2px;font-family:Inter,sans-serif;display:inline-flex}.project-details .project-body a:hover .icon{transform:translateY(-4px)}.project-details .project-body a .icon{width:1rem;transition:transform .25s}.project-details .project-body p+h2,.project-details .project-body p+h3,.project-details .project-body p+h4,.project-details .project-body ul+h2,.project-details .project-body ul+h3,.project-details .project-body ul+h4,.project-details .project-body ol+h2,.project-details .project-body ol+h3,.project-details .project-body ol+h4{margin-top:1.25rem}.project-details .project-body ol{counter-reset:list-item;padding-left:.5rem;list-style:none}.project-details .project-body ol li{padding-left:1.25rem;position:relative}.project-details .project-body ol li:before{content:"";position:absolute}.project-details .project-body ol [data-list=bullet]:before{background-color:#04f;border-radius:50%;width:8px;height:8px;top:.75rem;left:0;transform:translateY(-50%)}.project-details .project-body ol [data-list=ordered]:before{content:counter(list-item) ".";color:#04f;letter-spacing:-3px;font-family:JetBrains Mono,sans-serif;left:0}.project-details .project-body strong{color:#04f}.project-details .project-body .image{margin-top:2rem}.project-details .project-body .image img{width:100%}.project-details .project-extras{border-inline:.5px solid #dcdfdd;padding-inline:2rem}.project-details .project-extras .wrapper{position:sticky;top:100px}.project-details .project-extras .wrapper>div+div{margin-top:1rem}.project-details .project-extras .wrapper span{display:block}.project-details .project-extras h2{margin-bottom:1rem}.project-details .project-extras h3{font-size:1.2rem}.project-details .project-extras span{font-family:JetBrains Mono,sans-serif}.project-details .project-extras .cta-wrapper{margin-top:2rem!important}.project-details .project-extras a{justify-content:center;align-items:center;width:100%;display:flex}.project-details .project-extras a:hover .icon{width:1.25em}footer{border-top:.5px solid #0a0a0a1a;padding-block:2rem}footer .container{flex-direction:row;justify-content:space-between;display:flex}@media screen and (width<=767px){footer .container{flex-direction:column;gap:2rem}footer .container .text{align-items:flex-start}}footer .logo{color:#0a0a0b;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:400;text-decoration:none}footer .social{flex-direction:row;gap:2rem;margin-top:.5rem;list-style:none;display:flex}footer .social a{color:#676771;text-transform:uppercase;gap:6px;font-size:.85rem;display:flex}footer .social a .icon{opacity:0;width:1rem;transition:opacity .25s ease-in-out}footer .social a:hover{color:#04f}footer .social a:hover .icon{opacity:1}footer .text{flex-direction:column;justify-content:flex-end;align-items:flex-end;display:flex}footer .text p{color:#676771;text-wrap:balance;margin-bottom:.5rem;font-size:.85rem}footer .text p a{color:#04f}footer .text .date{text-transform:uppercase;color:#73737e;font-family:JetBrains Mono,sans-serif;font-size:.75rem}a.btn{background-color:#04f;gap:.5rem;width:fit-content;padding:10px 20px;display:flex;color:#fff!important}a.btn .icon{width:0;transition:width .25s ease-in-out}a.btn:hover{color:inherit}a.btn:hover .icon{width:1.5rem}.chat-like{background-color:#0b1014;max-width:50ch;position:relative}.chat-like:before{content:"";z-index:0;opacity:.25;background-image:url(/build/assets/chat-bg-D5K1m_Ya.png);position:absolute;inset:0}.chat-like div.header{color:#fff;z-index:2;background:#0b1014;border-bottom:1px solid #181e22;align-items:center;gap:.75rem;padding:12px 16px;display:flex;position:relative}.chat-like div.header .picture{background:#002280;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:.25rem;display:flex}.chat-like div.header .name{font-size:1.15rem}.chat-like div.header .last{margin-left:auto;rotate:90deg}.chat-like .content{z-index:1;min-height:200px;padding:8px;position:relative}.chat-like .content .date{color:#8f9498;margin-inline:auto;background:#13181c;border-radius:6px;width:fit-content;margin-bottom:1rem;padding:4px 8px;font-family:system-ui;font-weight:600;display:block}.chat-like .content .bubble{color:#f7fafb;background-color:var(--bubble-color);border-radius:.5rem;width:fit-content;max-width:65%;min-height:40px;padding:10px 14px;font-family:system-ui;line-height:1.25;display:block;position:relative}.chat-like .content .bubble+.bubble{margin-top:1rem}.chat-like .content .bubble.right{--bubble-color:#134d37;border-top-right-radius:0;margin-left:auto;margin-right:1rem}.chat-like .content .bubble.right:after{content:"";border-top:13px solid var(--bubble-color);border-right:13px solid #0000;width:0;height:0;position:absolute;top:0;right:-10px}.chat-like .content .bubble.left{--bubble-color:#1f272a;border-top-left-radius:0;margin-left:1rem}.chat-like .content .bubble.left:after{content:"";border-top:13px solid var(--bubble-color);border-left:13px solid #0000;width:0;height:0;position:absolute;top:0;left:-10px}.chat-like .content .bubble.dots{flex-direction:row;align-items:center;gap:.25rem;display:flex}.chat-like .content .bubble.dots .dot{--dot-size:8px;width:var(--dot-size);height:var(--dot-size);background-color:#999697;border-radius:50%}.chat-like .content .bubble.dots .dot:first-of-type{animation:2s ease-in-out infinite dot-animation}.chat-like .content .bubble.dots .dot:nth-of-type(2){animation:2s ease-in-out 75ms infinite dot-animation}.chat-like .content .bubble.dots .dot:nth-of-type(3){animation:2s ease-in-out .15s infinite dot-animation}@keyframes dot-animation{0%,50%{translate:0;scale:1}25%{translate:0 -8px;scale:.9}}.chat-like .controls{padding-inline:8px;z-index:2;align-items:center;gap:8px;margin-top:2rem;padding-bottom:8px;display:flex;position:relative}.chat-like .controls .input{background-color:#1f272a;border-radius:100px;flex-grow:1;gap:1rem;padding:12px 16px;display:flex}.chat-like .controls .input .icon{color:#8d9598}.chat-like .controls .input .icon:last-of-type{margin-left:auto;rotate:90deg}.chat-like .controls .input .text{color:#e6ebed}.chat-like .controls .input .cursor{background-color:currentColor;width:2px;height:1rem;margin-left:.075rem;animation:1.5s ease-in-out infinite cursor-animation;display:inline-block;transform:translateY(1px)}@keyframes cursor-animation{0%,25%,75%,to{opacity:1}50%{opacity:0}}.chat-like .controls .send{aspect-ratio:1;background-color:#21c063;border-radius:50%;width:48px;padding:8px;display:flex}.chat-like .controls .send .icon{color:#0c0f15;width:2rem;position:relative;left:-3px;rotate:45deg}a.contact-link{width:fit-content;font-family:unset;display:block}#contact p{text-wrap:pretty}#contact .contact-info{margin-top:1.5rem}#contact .contact-info .methods{flex-flow:wrap;gap:1rem 2.5rem;margin-top:2rem;display:flex}#contact .contact-info .methods h3{color:#676771;text-transform:uppercase;margin-bottom:.25rem;font-family:JetBrains Mono,sans-serif;font-size:.9rem}body.error{flex-direction:column;height:100dvh;display:flex}body.error .section{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}body.error .section .container{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}body.error .section .container p,body.error .section .container h1{text-align:center;text-wrap:pretty}@media screen and (width<=767px){body.error .section .container h1{font-size:2rem!important}}body.error .section .container a{margin-top:1.5rem}
