@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101112;--fg:#efefeb;--muted:#999b9e;--line:#303235;--blue:#395bff;--mono:Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8ca4ff;outline-offset:5px}.wrap{padding-inline:5%}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:'Manrope',Arial,sans-serif;font-weight:800;font-size:42px;letter-spacing:-4px;line-height:1}.logo span{font:400 13px Arial;vertical-align:top;display:inline-block;margin:3px 0 0 6px;letter-spacing:0}nav{display:flex;gap:48px;font-size:13px}nav sup{font-size:9px;margin-left:4px;color:var(--muted)}nav a:hover{color:#8ca4ff}.menu{display:none}.hero{padding-top:45px}.eyeline,.section-top{display:flex;justify-content:space-between;gap:24px;font:10px/1.6 var(--mono);letter-spacing:.08em}.eyeline{color:#b4b5b7}.eyeline i{display:inline-block;width:6px;height:6px;background:#90b685;border-radius:50%;margin-right:10px}.hero h1{font:500 clamp(48px,6.6vw,108px)/1.06 'Manrope',Arial,sans-serif;letter-spacing:-.065em;margin:65px 0 36px}em{font-weight:400;font-family:Georgia,serif;letter-spacing:-.06em}.hero h1 em{color:#a9b7ff}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:55px}.hero-bottom p{max-width:370px;color:var(--muted);font-size:15px;line-height:1.7}.circle{width:65px;height:65px;border:1px solid #6c6d70;border-radius:50%;display:grid;place-items:center;font-size:30px;transition:.25s}.circle:hover{background:var(--blue);border-color:var(--blue);transform:rotate(-45deg)}.edition{font:10px/1.8 var(--mono);color:var(--muted)}.hero-art{height:480px;background-color:#1e3df1;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:65px 65px;position:relative;overflow:hidden}.sculpture{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:rotate(-28deg)}.sculpture b{flex-shrink:0;width:120px;height:310px;margin-left:-35px;border-radius:70px;background:linear-gradient(100deg,#f8fbff 0%,#b9c7ed 22%,#7388ca 43%,#243c8b 60%,#a3b8fa 83%,#f1f4ff 95%);box-shadow:15px 8px 35px #050e6955,inset -4px 0 6px #fff9;transform:skewY(8deg)}.sculpture b:nth-child(1),.sculpture b:nth-child(7){height:150px}.sculpture b:nth-child(2),.sculpture b:nth-child(6){height:230px}.sculpture b:nth-child(3),.sculpture b:nth-child(5){height:290px}.sculpture b:nth-child(4){height:340px}.art-label{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.1em}.coordinate{position:absolute;right:25px;top:22px;font:10px/1.5 var(--mono)}.work{padding-top:120px;padding-bottom:110px}.section-top{color:var(--muted);border-top:1px solid var(--line);padding-top:24px}.section-top p{margin:0;font:14px/1.6 'DM Sans',sans-serif;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:45px 0}.section-title h2,.about h2,.process h2{font:500 clamp(40px,5vw,76px)/1.08 'Manrope',Arial,sans-serif;letter-spacing:-.055em;margin:0}.section-title h2 em{color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:10px 17px;font-size:11px}.filters button.active,.filters button:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.filters sup{font-size:8px}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 24px}.project[hidden]{display:none}.project.wide{grid-column:1/-1}.project-art{display:block;position:relative;border:0;width:100%;height:420px;overflow:hidden;color:var(--fg);text-align:left;transition:filter .3s}.project-art:hover{filter:brightness(1.08)}.project-art>*{transition:transform .5s}.project-art:hover .open{transform:rotate(45deg)}.open{position:absolute;right:20px;bottom:20px;width:42px;height:42px;border:1px solid #ffffff66;border-radius:50%;display:grid;place-items:center;font-size:22px;z-index:3}.mock-label{position:absolute;left:20px;bottom:20px;font:8px var(--mono);letter-spacing:.08em;opacity:.7}.project-meta{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-top:20px}.project-meta h3{font-size:21px;font-weight:500;margin:0 0 8px;letter-spacing:-.03em}.project-meta p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.project-meta>span{font:8px/1.7 var(--mono);color:var(--muted);text-align:right}.erp{background:#c0c6b6;height:520px;display:grid;place-items:center}.app{display:flex;width:77%;height:370px;background:#f7f7f2;color:#292d27;border-radius:8px;box-shadow:0 35px 60px #29342244;transform:perspective(1400px) rotateX(8deg) rotateY(-6deg) rotateZ(-2deg);overflow:hidden}.app aside{background:#222c25;width:17%;padding:25px;color:#bcc5bb;display:flex;flex-direction:column;gap:22px;font-size:10px}.app aside b{font-size:25px;color:#e4f9b0;margin-bottom:15px}.app-content{flex:1;padding:28px}.app-head{font-size:16px;display:flex;justify-content:space-between}.stats{display:flex;gap:16px;margin-top:24px}.stats>div{padding:16px;border:1px solid #d6dcd0;width:50%;border-radius:5px}.stats small,.stats span{display:block;font-size:8px;color:#7b8375}.stats strong{display:block;font-size:28px;margin:8px 0;font-weight:500}.chart{display:flex;align-items:end;height:100px;gap:13px;border-bottom:1px solid #d6dcd0;padding-top:15px}.chart i{flex:1;background:#b0c398;border-radius:3px 3px 0 0;height:45%}.chart i:nth-child(2n){height:75%}.chart i:nth-child(3n){height:92%;background:#4b654c}.app-foot{font-size:8px;color:#818779;padding-top:18px}.geo{background:repeating-linear-gradient(27deg,transparent 0 65px,#d4dce5 66px 76px,transparent 77px 120px),repeating-linear-gradient(112deg,#b7c5d5 0 100px,#dce3ea 101px 115px,#b7c5d5 116px 170px);display:grid;place-items:center}.zone{position:absolute;width:290px;height:290px;left:-60px;top:70px;border:1px solid #3656e0;border-radius:50%;background:#395bff15;box-shadow:0 0 0 40px #395bff09}.phone{position:relative;width:205px;height:345px;background:#f6f7fb;color:#23252e;border:5px solid #20252d;border-radius:28px;padding:20px 13px;transform:rotate(8deg);box-shadow:25px 22px 35px #384b6940}.phone-top{font-size:12px;font-weight:bold;display:flex;justify-content:space-between;margin-bottom:28px}.phone-top span{font:8px var(--mono)}.phone>small{font:7px var(--mono);color:#78808e}.phone h4{font-size:23px;line-height:1.1;font-weight:500;letter-spacing:-1px;margin:8px 0}.phone-map{height:95px;background:repeating-linear-gradient(45deg,#e7ebf4 0 16px,#f3f4f8 17px 19px);margin-top:20px;display:grid;place-items:center;color:#395bff;font-size:42px;border-radius:8px}.phone-map span{font:6px var(--mono);margin-top:-18px}.checkin{background:var(--blue);color:#fff;text-align:center;font-size:10px;margin-top:17px;padding:12px;border-radius:8px}.neural{background:radial-gradient(ellipse at center,#39284c,#16141e 70%)}.network{position:absolute;width:300px;height:300px;left:50%;top:43%;transform:translate(-50%,-50%);display:grid;place-items:center}.network>b{font-size:55px;color:#c1adff;font-weight:400}.network>i{position:absolute;inset:0;border:1px solid #8c66e599;border-radius:50%;transform:rotateX(60deg) rotateZ(30deg)}.network>i:nth-child(2){transform:rotateY(60deg) rotateZ(-30deg)}.network>i:nth-child(3){transform:rotateY(45deg) rotateX(45deg)}.network>span{position:absolute;width:10px;height:10px;border-radius:50%;background:#e9e2ff;box-shadow:0 0 20px #a67aff;top:30%;left:10%}.network>span:nth-last-child(2){top:10%;left:65%}.network>span:last-child{top:75%;left:80%}.neural-caption{position:absolute;bottom:32px;left:30px;font:400 28px/1.1 'Manrope',sans-serif;letter-spacing:-1px}.pos{background:#d66e4d}.pos-title{position:absolute;top:45px;left:30px;font:500 34px/1.1 'Manrope',sans-serif;letter-spacing:-1.5px;color:#40261e}.receipt{position:absolute;right:55px;bottom:-10px;width:185px;background:#f4eee0;color:#422d24;padding:26px 20px;transform:rotate(-10deg);box-shadow:10px 18px 25px #64302230}.receipt>b{font:700 14px var(--mono);display:block}.receipt>small{font:7px var(--mono)}.receipt hr{border:0;border-top:1px dashed #b9a99b;margin:18px 0}.receipt p{font:9px var(--mono);display:flex;justify-content:space-between}.barcode{height:35px;background:repeating-linear-gradient(90deg,#432b24 0 1px,transparent 1px 4px,#432b24 4px 6px,transparent 6px 8px);margin-bottom:10px}.finance{background:#e3e1da;color:#383b37;padding:35px}.fin-top{display:flex;justify-content:space-between;font-size:21px;letter-spacing:-1px}.fin-top span{font:7px var(--mono);letter-spacing:1px}.fin-title{font:400 35px/1.1 'Manrope',sans-serif;margin-top:40px;letter-spacing:-1.6px}.fin-chart{display:flex;align-items:end;gap:13px;height:160px;position:absolute;bottom:0;left:35px;right:70px}.fin-chart i{flex:1;background:#b7bcb3;height:30%;border-radius:8px 8px 0 0}.fin-chart i:nth-child(2){height:42%}.fin-chart i:nth-child(3){height:38%}.fin-chart i:nth-child(4){height:65%}.fin-chart i:nth-child(5){height:80%}.fin-chart i:nth-child(6){height:70%}.fin-chart i:nth-child(7){height:100%;background:#607b66}.finance .mock-label,.erp .mock-label{color:#171b17}.finance .open{color:#333;border-color:#777}.kinetic{height:420px;background:#c6f1bc;color:#142d21}.kinetic-title{position:absolute;left:50px;top:65px;font:500 clamp(40px,5vw,75px)/1.05 'Manrope',sans-serif;letter-spacing:-.055em}.kinetic-sub{position:absolute;left:50px;bottom:40px;font:9px var(--mono);letter-spacing:.08em}.rings{position:absolute;width:510px;height:510px;right:8%;top:-50px;border-radius:50%;background:repeating-radial-gradient(ellipse at 40% 45%,#192c21 0 2px,transparent 3px 13px);transform:rotate(-30deg) scaleX(.75)}.kinetic .open{border-color:#436348;color:#143321}.about{background:#e8e7e1;color:#202223;padding-top:65px;padding-bottom:85px}.about .section-top{color:#606564;border-color:#bfc1ba}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:65px 0 70px}.about h2{font-size:clamp(40px,4.8vw,70px)}.about-copy p{font-size:14px;line-height:1.85;color:#626664;margin-top:0}.about-copy .intro{font-size:21px;line-height:1.6;color:#292d2b}.text-link{display:inline-block;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:13px;margin-top:15px}.services{margin-left:30%}.services details{border-top:1px solid #bfc1ba;padding:24px 0}.services details:last-child{border-bottom:1px solid #bfc1ba}.services summary{display:flex;align-items:center;gap:30px;list-style:none;font-size:23px;letter-spacing:-.7px;cursor:pointer}.services summary::-webkit-details-marker{display:none}.services summary>span{font:9px var(--mono);color:#747a74}.services summary>b{margin-left:auto;font-size:20px;font-weight:400}.services details p{margin-left:45px;max-width:580px;color:#626664;font-size:14px;line-height:1.8}.services details>div{margin-left:45px;font:9px/1.8 var(--mono);color:#626664}.process{padding-top:80px;padding-bottom:110px}.process h2{margin:55px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font:9px var(--mono);color:#9b9ca0}.steps h3{font-size:23px;font-weight:400;letter-spacing:-.7px;margin:35px 0 18px}.steps p{font-size:14px;line-height:1.8;color:var(--muted);max-width:340px}.contact{background:var(--blue);padding-top:50px;padding-bottom:55px}.contact .section-top{border-color:#ffffff55;color:#e1e5ff}.contact h2{position:relative;font:500 clamp(50px,7vw,110px)/1.05 'Manrope',sans-serif;letter-spacing:-.06em;margin:65px 0 55px}.contact h2>a{position:absolute;right:0;top:0;font-size:1.2em}.contact-bottom{display:flex;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #ffffff55;padding-top:25px}.contact-bottom p{font-size:13px;line-height:1.6;margin:0 auto 0 0;color:#cbd3ff}.contact-bottom>a{font-size:16px;border-bottom:1px solid #ffffff66;padding-bottom:4px}.contact-bottom button{background:transparent;border:1px solid #ffffff77;border-radius:20px;padding:10px 15px;color:#fff;font-size:11px}#copy-status{font-size:10px}footer{display:flex;gap:35px;align-items:center;padding-block:45px}footer .logo{font-size:32px;margin-right:auto}footer>div{display:flex;gap:20px;font-size:11px}footer>span,footer>a:last-child{font:8px var(--mono);color:var(--muted)}dialog{background:#e8e7e1;color:#202223;border:0;padding:55px;max-width:650px;width:90%;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#08090ad9;backdrop-filter:blur(7px)}.dialog-close{float:right;background:transparent;border:0;margin-bottom:40px}#dialog-category{display:block;clear:both;font:9px var(--mono);color:#626664}dialog h2{font:500 48px/1.1 'Manrope',sans-serif;letter-spacing:-2px;margin:25px 0}dialog>p{line-height:1.8;color:#555d57;font-size:15px}#dialog-stack{padding:20px 0;border-block:1px solid #bcc0b8;font:11px/1.8 var(--mono)}dialog .dialog-note{font-size:10px;color:#777}.project-art:hover .app{transform:perspective(1400px) rotateX(3deg) rotateY(-2deg) rotateZ(0deg)}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero-art{height:560px}}@media(max-width:900px){nav{gap:25px}.eyeline>span:last-child{display:none}.hero h1{font-size:8vw}.hero-art{height:380px}.sculpture{transform:rotate(-28deg) scale(.8)}.edition{display:none}.section-title{align-items:start;flex-direction:column}.project-art{height:350px}.erp{height:430px}.app{width:90%;height:325px}.app aside{padding:16px;gap:18px}.app-content{padding:20px}.stats strong{font-size:22px}.chart{height:80px}.project-meta{flex-direction:column;gap:10px}.project-meta>span{text-align:left}.rings{right:-30%;opacity:.8}.kinetic-title,.kinetic-sub{left:30px;z-index:1}.about-grid{gap:5%}.about-copy .intro{font-size:18px}.services{margin-left:15%}.steps{gap:25px}.steps h3{font-size:20px}footer{flex-wrap:wrap}footer>span{margin-left:auto}}
@media(max-width:600px){.wrap{padding-inline:6%}header{height:80px;padding-inline:6%;position:relative;z-index:5}header .logo{font-size:36px}.menu{display:block;border:1px solid #444;background:transparent;color:var(--fg);border-radius:20px;padding:9px 15px;font-size:11px}nav{display:none}.menu-open nav{display:flex;position:absolute;left:0;right:0;top:80px;background:#191b1d;padding:30px 6%;flex-direction:column;border-bottom:1px solid var(--line)}.hero{padding-top:28px}.eyeline{font-size:8px;letter-spacing:0}.hero h1{font-size:11.5vw;margin:48px 0 28px;line-height:1.12}.hero-bottom{gap:20px;margin-bottom:32px}.hero-bottom p{font-size:12px;max-width:245px}.circle{width:45px;height:45px;flex-shrink:0;font-size:24px}.hero-art{height:320px}.sculpture{transform:rotate(-28deg) scale(.6)}.art-label{left:15px;right:15px;font-size:7px}.art-label>span:last-child{display:none}.coordinate{font-size:8px;right:15px}.work{padding-top:70px;padding-bottom:65px}.section-top{font-size:8px;padding-top:18px}.section-top p{font-size:11px}.section-top>span:last-child:not(:first-child){max-width:150px;text-align:right}.section-title{margin:35px 0 28px;gap:25px}.section-title h2,.about h2,.process h2{font-size:42px}.filters button{font-size:10px;padding:8px 13px}.projects{grid-template-columns:1fr;gap:35px}.project-art{height:345px}.erp{height:290px}.app{height:235px;width:92%;border-radius:4px}.app aside{padding:12px 8px;font-size:6px;gap:13px}.app aside b{font-size:18px;margin-bottom:3px}.app-content{padding:15px 10px}.app-head{font-size:10px}.stats{margin-top:12px;gap:7px}.stats>div{padding:8px}.stats small,.stats span{font-size:5px}.stats strong{font-size:18px;margin:5px 0}.chart{height:62px;gap:6px}.app-foot{font-size:5px;padding-top:12px}.project-meta h3{font-size:20px}.project-meta p{font-size:12px}.project-meta>span{font-size:7px}.open{width:33px;height:33px;font-size:17px;right:15px;bottom:15px}.kinetic{height:320px}.kinetic-title{font-size:45px;top:40px;left:25px}.rings{width:360px;height:360px;top:-5px;right:-40%;opacity:.65}.kinetic-sub{font-size:7px;left:25px;bottom:25px}.about{padding-block:40px 55px}.about-grid{grid-template-columns:1fr;margin:35px 0 40px;gap:30px}.about-copy .intro{font-size:18px}.about-copy p{font-size:13px}.services{margin-left:0}.services summary{font-size:19px;gap:20px}.services details p,.services details>div{margin-left:30px;font-size:12px}.services details>div{font-size:8px}.process{padding-block:50px 65px}.process h2{margin:35px 0}.steps{grid-template-columns:1fr;gap:24px}.steps h3{margin:20px 0 12px}.steps p{max-width:none;font-size:13px}.contact{padding-block:35px}.contact h2{font-size:11.5vw;margin:45px 0 35px}.contact h2>a{top:-10px;font-size:.8em}.contact-bottom{gap:20px}.contact-bottom p{width:100%;font-size:12px}.contact-bottom>a{font-size:13px;overflow-wrap:anywhere}.contact-bottom button{font-size:10px}footer{padding-block:30px;gap:25px}footer>div{gap:15px;font-size:10px}footer>span{margin:0}footer>a:last-child{margin-left:auto}dialog{padding:28px}dialog h2{font-size:35px}.dialog-close{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}