*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,p{color:#3b3b40;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:#3b3b40;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}#about .grid>div:first-of-type{border-right:.5px solid #dcdfdd;padding-right:3rem}#about .grid>div:last-of-type{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 dt{color:#04f;font-family:JetBrains Mono,sans-serif;font-size:2rem;font-weight:700;line-height:1}#about .metrics dd{color:#7f7f8b;margin-top:.25rem;font-family:JetBrains Mono,sans-serif;font-size:.9rem;font-weight:400}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}header.header .logo{color:#0a0a0b;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:400;text-decoration:none;transition:color .25s ease-in-out}header.header .logo:hover{color:#04f}@media screen and (width<=1140px){header.header .logo{font-size:1rem}}header.header .container{justify-content:space-between;align-items:center;padding-block:16px;display:flex}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:#5f5f69;font-family:JetBrains Mono,sans-serif;font-size:.9rem;text-decoration:none;transition:color .25s ease-in-out}header.header ul.nav a:before{content:"0" counter(nav-count) " //";color:#9f9fa8;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:#80a2ff}.subheading{color:#7f7f8b;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-DrTpwHD1.jpg) 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}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;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:-15%;left:8px}.project-image .project-tags>span{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:#7f7f8b;letter-spacing:2px;font-family:JetBrains Mono,sans-serif;font-size:.85rem}.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 .grid{grid-template-columns:1fr 275px;gap:2rem;display:grid}.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{margin-top:1.25rem}.project-details .project-body strong{color:#04f}.project-details .project-body .image{margin-top:2rem}.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 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}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:#7f7f8b;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:#7f7f8b;margin-bottom:.5rem;font-size:.85rem}footer .text p a{color:#04f}footer .text .date{text-transform:uppercase;color:#bfbfc5;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;margin-top:1rem;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 header{color:#fff;z-index:2;background:#0b1014;border-bottom:1px solid #181e22;gap:.5rem;padding:12px 16px;display:flex;position:relative}.chat-like 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;border-radius:1rem;max-width:65%;padding:10px 14px;font-family:system-ui;line-height:1.25;display:block;position:relative}.chat-like .content .bubble.right{background-color:#134d37;border-top-right-radius:0;margin-left:auto;margin-right:1rem}.chat-like .content .bubble.right:after{content:"";border-top:13px solid #134d37;border-right:13px solid #0000;width:0;height:0;position:absolute;top:0;right:-10px}