@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#050507;font-family:Satoshi,sans-serif}body::-webkit-scrollbar{width:0;height:0}img{width:100%;height:100%;object-fit:cover}h1{font-family:ClashDisplay,sans-serif;font-weight:400;line-height:1}a{font-family:ClashDisplay,sans-serif;color:#ffffffeb;text-decoration:none;text-transform:uppercase}.bio-vein-canvas{width:100%;height:100%;display:block}.hero-section{position:relative;min-height:100vh;display:grid;place-items:center;padding:12vh 8vw;background:#050507;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-content{max-width:1100px;position:relative;z-index:2;text-align:right;margin-left:auto;padding-right:4vw}@media(max-width:1024px){.hero-section{min-height:90vh;padding:40vh 6vw}.hero-content{max-width:880px;margin:-30vh auto 0;text-align:right;padding-right:0}}@media(max-width:767px){.hero-section{height:auto;min-height:70vh;padding:8vh 5vw 8vh}}@media(min-width:768px)and (max-width:1200px){.hero-section{height:auto;min-height:60vh;padding:6vh 6vw 8vh}}@media(max-width:640px){.hero-section{height:100vh}.hero-content{max-width:100%;margin:0 auto;padding:0;text-align:right}.hero-cta-group{justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}}.hero-kicker{font-family:Satoshi;font-weight:500;font-size:14px;letter-spacing:.38em;text-transform:uppercase;color:#ffffffe6;margin-bottom:12px}.hero-sub{font-size:16px;letter-spacing:.12em;text-transform:uppercase;font-family:DM Sans,sans-serif;color:#eafbff;margin-top:32px;margin-left:auto;mix-blend-mode:normal}.hero-title{position:relative;display:block;font-family:DM Sans,sans-serif;font-weight:900;line-height:.9;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(52px,8.4vw,132px);overflow-wrap:anywhere;color:#eafbff}.hero-content:before{content:"";position:absolute;inset:-50px 0 0;margin:auto;width:600px;height:600px;background:radial-gradient(circle at center,#0078ff40,#0000 70%);z-index:-1;filter:blur(60px);opacity:.1}.hero-cta-group{display:flex;justify-content:flex-end;gap:14px;margin-top:28px}.hero-cta{position:relative;font-family:Satoshi,sans-serif;font-weight:500;font-size:14px;letter-spacing:.12em;text-transform:uppercase;padding:12px 30px;border-radius:999px;color:#cfeaff;background:#00142873;border:1px solid rgba(0,150,255,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 8px #0096ff2e,inset 0 0 12px #0096ff14;cursor:pointer}.hero-cta:hover{color:#fff;border-color:#00b4ffcc;box-shadow:0 0 14px #00b4ff73,inset 0 0 14px #0082ff40;transform:translateY(-2px)}.hero-cta:active{transform:translateY(0);background:#0028468c;border-color:#00a0ff8c;box-shadow:0 0 6px #0096ff47,inset 0 0 8px #0078dc59}.hero-nav{position:fixed;top:0;left:0;width:100%;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;z-index:30}.hero-logo img{height:96px;opacity:.9}.hero-burger{position:relative;width:44px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .25s ease-out}.hero-burger:before,.hero-burger:after{content:"";width:24px;height:2px;position:absolute;left:10px;background:#fff;transition:all .25s ease-out;will-change:transform}.hero-burger:before{top:13px}.hero-burger:after{top:22px}.hero-burger.active:before{transform:translateY(4px) rotate(45deg)}.hero-burger.active:after{transform:translateY(-5px) rotate(-45deg)}.hero-burger:hover{background:#ffffff40}.hero-burger:hover:before,.hero-burger:hover:after{background:#000}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;pointer-events:none;z-index:15}.block{flex:1;height:100%;background:#050507;clip-path:polygon(0 0,100% 0,100% 0,0 0);margin-right:-1px}.hero-menu{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:25}.hero-menu.show{opacity:1;pointer-events:auto}.hero-menu-inner{text-align:center;display:grid;gap:32px}.hero-menu-item{font-family:ClashDisplay;font-size:clamp(36px,4vw,64px);color:#fff;opacity:0;transform:translateY(20px)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;z-index:15;pointer-events:none}.block{flex:1;height:100%;background:#000;clip-path:polygon(0 0,100% 0,100% 0,0 0);margin-right:-2px}.overlay-menu{position:fixed;inset:0;height:100dvh;min-height:100svh;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:10em 5em;z-index:25}.menu-title{display:flex;justify-content:center;align-items:center}.menu-item,.menu-title{flex:1;width:100%;opacity:0}.menu-item{display:flex;padding:1em;transition:.3s;cursor:pointer}.menu-item-year,.menu-item-link{flex:1}.menu-item-name{flex:3;display:flex;justify-content:center;text-transform:uppercase}.menu-item-name p{font-family:PP Formula;font-size:4vw;text-align:center}.menu-item-link{text-align:right}@media(max-width:900px){.logo-main img{display:none}.website-content .header{width:300px}}.preloader,.split-overlay,.tags-overlay{position:fixed;inset:0;width:100%;height:100dvh;min-height:100vh;min-height:100svh}.preloader,.split-overlay{background:#0a0a0a;color:#fff}.preloader,.tags-overlay{z-index:9999;cursor:pointer}.split-overlay{z-index:9998}.tags-overlay{pointer-events:none}.intro-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.outro-title{position:absolute;top:50%;left:calc(50% + 10rem);transform:translate(-50%,-50%)}.preloader .intro-title h1,.split-overlay .intro-title h1{font-family:DM Sans,sans-serif;line-height:1;text-transform:uppercase;font-size:clamp(3rem,7vw,5.5rem);white-space:nowrap}.preloader .outro-title h1,.split-overlay .outro-title h1{font-family:DM Sans,sans-serif;line-height:1;text-transform:uppercase;font-size:clamp(4rem,7vw,7rem);white-space:nowrap}.tag{position:absolute;width:max-content;color:#5a5a5a;overflow:hidden}.tag-1{top:15%;left:15%}.tag-2{bottom:15%;left:25%}.tag-3{bottom:30%;right:15%}.intro-title .char,.outro-title .char,.card .char{position:relative;display:inline-block;overflow:hidden}.intro-title .char span,.outro-title .char span,.tag .word{position:relative;display:inline-block;transform:translateY(-100%);will-change:transform}.card .char span{transform:translateY(100%)}.intro-title .first-char{transform-origin:top left}@media(max-width:1000px){.outro-title{left:calc(50% + 4rem)}.card{width:75%}.intro-title .char,.outro-title .char{margin-top:.5rem}}.cta-item,.cta-title{font-family:DM Sans,sans-serif;font-weight:500;line-height:1;letter-spacing:.1em}.cta-container{min-height:100vh}@media(max-width:1024px){.cta-container{min-height:75vh}}@media(max-width:768px){.cta-container{min-height:70vh}}section{position:relative;width:100vw;height:100vh;overflow:hidden}.work{position:relative;overflow:hidden}canvas{position:absolute;top:0;left:0}#grid-canvas{z-index:0}#letters-canvas{z-index:1}.text-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;pointer-events:none;perspective:2500px;perspective-origin:center}.letter{position:absolute;font-family:Bigger,sans-serif;font-size:14rem;font-weight:700;color:#00d8ff;text-shadow:0 0 12px rgba(0,216,255,.5),0 0 24px rgba(0,216,255,.3);-webkit-text-stroke:2px rgba(0,0,0,.6);transforgb(7,16,17)in: center;transform-style:preserve-3d;will-change:transform}.cards{position:relative;width:500vw;height:100vh;padding-left:100vw;overflow:hidden;display:flex;justify-content:space-around;align-items:center;z-index:10}.card{width:10%;height:50%;padding:8px;background-color:#000;display:flex;flex-direction:column;gap:8px}.card-img{flex:1;overflow:hidden}.card-copy{height:12px;display:flex;justify-content:space-between;align-items:center;padding:0 4px;text-transform:uppercase;font-family:Akkurat Mono,monospace;font-size:12px;color:#00d8ff;text-shadow:0 0 12px rgba(0,216,255,.5),0 0 24px rgba(0,216,255,.3);-webkit-text-stroke:2px rgba(0,0,0,.6)}.hero-vignette1{position:absolute;inset:0;pointer-events:none;z-index:99;background:radial-gradient(circle at 50% 55%,rgba(0,140,255,.22) 0%,rgba(0,100,220,.12) 10%,rgba(0,60,160,.05) 20%,transparent 60%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.55) 85%),radial-gradient(circle at 50% 50%,transparent 60%,rgba(0,0,0,.85) 100%)}.usecases{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow-x:hidden;margin:1rem 0}.use-row{position:relative;width:100%;display:flex;justify-content:center;gap:2em}.use-card{position:relative;width:40%;height:360px;border-radius:.75em;overflow:hidden;will-change:transform}.use-card img{width:100%;height:100%;object-fit:cover}.use-main-content{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.use-logo{width:150px;height:150px;border:2px solid #fff;border-radius:100%;overflow:hidden}.use-copy{margin:2em 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.use-line{position:relative;margin:.5em 0;width:min(640px,90vw);height:auto;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.use-line p{position:relative;font-size:24px;text-align:center}.use-btn .use-cta-btn{position:relative;padding:1em 2em;font-size:18px;color:#fff;border:2px solid #fff;border-radius:8em;background:none;outline:none}@media(max-width:1024px){.use-card{width:45%;height:260px}.use-main-content{top:42%}.use-logo{width:120px;height:120px}.use-line p{font-size:18px}.use-btn .use-cta-btn{font-size:16px;padding:.8em 1.8em}}@media(max-width:768px){.usecases{height:100vh}.use-row{gap:1em}.use-card{width:55%;height:200px}.use-main-content{top:38%;transform:translate(-50%,-38%)}.use-logo{width:96px;height:96px}.use-copy{margin:1.4em 0}.use-line{width:90vw}.use-line p{font-size:14px;line-height:1.4}.use-btn .use-cta-btn{font-size:14px;padding:.7em 1.6em}}@media(max-width:480px){.use-card{width:65%;height:180px}.use-main-content{top:36%}}