@import"https://fonts.googleapis.com/css2?family=Anton&family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Anton&family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:Satoshi;src:url(/assets/styles/fonts/satoshi/Satoshi-Regular.otf)}@font-face{font-family:Satoshi Med;src:url(/assets/styles/fonts/satoshi/Satoshi-Medium.otf)}:root{--body: "Inter", sans-serif}h1{font-family:Satoshi,sans-serif;font-size:92px;font-weight:100}h2{font-family:Satoshi Med,sans-serif;font-size:36px}h3{font-family:Plus Jakarta Sans,sans-serif;font-size:24px}*{padding:0;margin:0;box-sizing:border-box}.pill{background:wheat;font-family:var(--body);font-size:15px;padding:12px 15px;border-radius:50px;background:linear-gradient(to right,rgba(255,255,255,.074),transparent,transparent);box-shadow:-1px 0 #ffffff2f;color:#fff;font-weight:500;pointer-events:none}.pill p{background-image:linear-gradient(to right,green,gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:auto;letter-spacing:-1px}html{scroll-behavior:smooth}body{background:#000;overflow-x:hidden;position:relative;width:100%;color:#fff;font-family:var(--body)}.hero{position:relative;min-height:100vh;width:100vw}.hero header,.hero main{position:relative;z-index:2}.hero header{padding:.5rem 3rem;display:flex;justify-content:space-between;align-items:center}.hero header img{height:4rem}.hero header ul{display:flex;gap:5em;list-style:none}.hero header ul li a{text-decoration:none;font-size:14px;color:#fff;font-family:Inter,sans-serif;transition:.2s ease}.hero header ul li a:hover{color:gray}.hero main{height:60dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.hero main .pill{background:wheat;font-family:var(--body);font-size:15px;padding:12px 15px;border-radius:50px;background:linear-gradient(to right,rgba(255,255,255,.074),transparent,transparent);box-shadow:-1px 0 #ffffff2f;color:#fff;font-weight:500}.hero main .pill p{background-image:linear-gradient(to right,green,gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:auto;letter-spacing:-1px}.hero main .h1{margin-top:20px;font-family:Satoshi,sans-serif;font-size:92px;font-weight:100;width:100%;color:#fff}.hero main .p{display:flex;justify-content:center}.hero main p{width:80%;text-align:center;font-family:var(--body);font-size:14px;color:gray}.hero nav{display:flex;justify-content:center;align-items:center;gap:3em}.gradient{height:30vh;position:absolute;width:100%;bottom:0;left:0;background:linear-gradient(to top,black,transparent);pointer-events:none}.about{min-height:100dvh;position:relative}.about main{position:relative;border:1px solid rgba(255,255,255,.23);border-top-left-radius:50px;border-top-right-radius:50px;border-bottom:none;padding:5rem;display:flex;justify-content:space-between;align-items:start;gap:1em}.about main .text{width:60%}.about main .text p{margin-top:30px;color:gray;font-size:1.3rem;line-height:2rem}.about main .text .line{width:100%;height:1px;background:#80808055;margin:30px 0}.about main .text table{width:100%}.about main .text table td{padding:20px;color:gray}.about main .text h2{font-weight:500;font-size:4rem;margin-top:50px;display:flex;align-items:center;gap:1rem;letter-spacing:-1px;color:gray}.about main .text h2 .icon{transform:rotate(90deg)}.about main .img{display:flex;justify-content:center}.about main img{width:100%;aspect-ratio:5/7;object-fit:cover}.about .img,.about .text{z-index:2}.works{position:relative;min-height:100vh;background:#000;padding:5rem;display:flex;flex-direction:column;align-items:center;z-index:2;gap:2em;will-change:transform}.works h2{text-align:center;font-weight:500;font-size:4rem}.works .container{display:flex;align-items:center;justify-content:start;gap:2em;position:relative;padding:1rem;border-radius:20px;border:1px solid rgba(255,255,255,.288);width:90%;height:50vh}.works .container img{height:100%;aspect-ratio:16/9;border-radius:12px}.works .container .text{display:flex;flex-direction:column;gap:12px}.works .container .text p{font-weight:200}.works .container .text .stack{display:flex;gap:.5em;margin-top:12px;pointer-events:none}.works .container .text .stack span{padding:5px 14px;border-radius:100px;font-size:14px}.works .container .text .stack .react{background:#61dafb24;color:#61dafbf2}.works .container .text .stack .gsap{background:#88cc3324;color:#b4ff5af2}.works .container .text .stack .html{background:#e34f2624;color:#ff8c5ff2}.works .container .text .stack .css{background:#264de424;color:#7896fff2}.works .container .text .stack .javascript{background:#f0db4f24;color:#fff5a0f2}.works .container .text .stack .vue{background:#41b88324;color:#8cffc8f2}.works .container .text .stack .angular{background:#dd1b2c24;color:#ff7882f2}.works .container .text .stack .typescript{background:#3178c624;color:#8cbefff2}.works .container .text a{color:#fff;text-decoration:none;font-weight:200;font-size:14px;margin-top:20px;transition:.3s ease;display:flex;align-items:center;gap:8px}.works .container .text a .icon{rotate:-35deg;transition:.3s ease}.works .container .text a:hover{text-decoration:underline}.works .container .text a:hover .icon{rotate:0deg}.page{height:100vh;position:absolute;z-index:1}.contact{position:relative;min-height:70vh;background:#000;overflow-y:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}.contact .gradient{position:absolute;height:20vh;top:0;left:0;width:100%;background:linear-gradient(to bottom,black,transparent);z-index:2;pointer-events:none}.contact video{position:absolute;width:100%;height:100%;object-fit:cover;left:0;top:0}.contact .pill{display:flex;align-items:center;justify-content:center;gap:.5em}.contact .pill p{z-index:4}.contact .pill span{font-size:1rem}.contact h1{position:relative;font-size:3rem;text-align:center;z-index:2}.contact .deets{display:flex;justify-content:center;align-items:center;gap:2em;margin-top:1rem}.contact .deets .socials{display:flex;gap:2em}.contact .deets .socials a{text-decoration:none;font-size:2rem;color:#fff;transition:.3s ease}.contact .deets .socials a:hover{color:#0034ee}.contact .deets .line{height:3rem;width:1px;background:#fff}.contact .deets .phone{display:flex;align-items:center;justify-content:center;gap:.5em;pointer-events:none}@keyframes blink{0%{color:#002e00}to{color:#0f0;filter:drop-shadow(0 0 1px rgb(0,255,0))}}@media screen and (max-width:1200px){.about main .text table{width:165%}.works .container{height:30vh}}@media screen and (max-width:900px){.about main{flex-direction:column-reverse}.about main .text{width:100%;margin-top:24px}.about main .text table{width:100%}.works{padding:1rem}.works .container{flex-direction:column;align-items:start;height:auto;width:100%;padding:20px 20px 3rem}.works .container img{width:100%;height:auto}.contact{overflow-y:hidden}.contact video{height:100%;object-fit:cover}}@media screen and (max-width:767px){.hero header{display:none;flex-direction:column;gap:.5em}.hero header img{height:3rem}.hero header ul{width:100%;gap:0;justify-content:space-between}.hero main{height:65vh}.hero main .pill{font-size:12px}.hero main .h1{font-size:2.5rem}.hero main p{font-size:12px}.hero nav{padding:0 5em;gap:1em;flex-direction:column;align-items:stretch;position:relative;z-index:99}.about main{flex-direction:column-reverse;padding:2rem}.about main img{border-radius:16px;width:100%}.about main .text{width:100%;margin-top:20px}.about main .text h1{font-size:3rem}.about main .text p{font-size:1rem;text-align:justify}.about main .text table{font-size:.7rem}.works{padding:5rem 2rem}.works h2{font-size:3rem}.works .container{width:100%;flex-direction:column;height:auto;padding:20px 20px 2rem}.works .container img{width:100%;height:auto}.contact{min-height:10vh;justify-content:start;padding:2rem 0}.contact .gradient{z-index:1;height:10vh}.contact .pill{z-index:2}.contact h1{position:relative;font-size:1.5rem;z-index:2}.contact .deets{font-size:.5rem;z-index:2}.contact .deets .phone{font-size:.9rem}}.floating-lines-container{width:100%;height:100%;position:absolute;overflow:hidden;animation:opacity 2s ease;opacity:.2}@keyframes opacity{0%{opacity:1}to{opacity:.2}}.logoloop{position:relative;overflow:hidden;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #ffffff}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media(prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto: #0b0b0b}}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center;list-style:none;margin:0;padding:0}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center;color:#fff}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media(prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.carousel-container{position:relative;overflow:hidden;border:1px solid #55555500;border-radius:24px;padding:16px;--outer-r: 24px;--p-distance: 12px;height:100%}.carousel-track{display:flex}.carousel-item{position:relative;display:flex;flex-shrink:0;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid #555;border-radius:calc(var(--outer-r) - var(--p-distance));background-color:#0d0716;overflow:hidden;cursor:grab}.carousel-item:active{cursor:grabbing}.carousel-container.round{border:1px solid #555}.carousel-item.round{background-color:#0d0716;position:relative;bottom:.1em;border:1px solid #555;justify-content:center;align-items:center;text-align:center}.carousel-item-header.round{padding:0;margin:0}.carousel-indicators-container.round{position:absolute;z-index:2;bottom:3em;left:50%;transform:translate(-50%)}.carousel-indicator.active{background-color:#333}.carousel-indicator.inactive{background-color:#3336}.carousel-item-header{margin-bottom:16px;padding:20px}.carousel-icon-container{display:flex;height:28px;width:28px;align-items:center;justify-content:center;border-radius:50%;background-color:#fff}.carousel-icon{height:16px;width:16px;color:#060010}.carousel-item-content{padding:20px}.carousel-item-title{margin-bottom:4px;font-weight:900;font-size:18px;color:#fff}.carousel-item-description{font-size:14px;color:#fff}.carousel-indicators-container{display:flex;width:100%;justify-content:center}.carousel-indicators{margin-top:16px;display:flex;width:150px;justify-content:space-between;padding:0 32px}.carousel-indicator{height:8px;width:8px;border-radius:50%;cursor:pointer;transition:background-color .15s}.carousel-indicator.active{background-color:#fff}.carousel-indicator.inactive{background-color:#555}