@import url('./fonts.css');
:root{--bg:#090909;--fg:#f1f1ef;--muted:#949494;--line:#ffffff16;--ease:cubic-bezier(.16,1,.3,1);--reading:0;--light-x:55%;--light-y:20%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'Golos Text',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #e9e9e9;outline-offset:7px}::selection{background:#eaeaea;color:#111}.skip{position:fixed;left:20px;top:-90px;background:#fff;color:#000;padding:16px;z-index:90}.skip:focus{top:20px}.shell{max-width:1432px;margin:auto;padding:0 64px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(var(--reading));transform-origin:left;background:#ccc;z-index:30;pointer-events:none}.page-aura{position:absolute;inset:0 0 auto;height:950px;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 75% 29%,#ffffff07,transparent 50%)}
.site-header{height:112px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5;border-bottom:1px solid var(--line)}.wordmark{font-size:30px;font-weight:700;letter-spacing:-1.8px;line-height:1}.wordmark>span{font-size:10px;letter-spacing:0;display:inline-block;vertical-align:top;margin:2px 0 0 6px;transition:rotate .6s var(--ease)}.wordmark:hover>span{rotate:180deg}.header-note{font:8px monospace;letter-spacing:1.8px;color:#717171}.nav-projects{display:flex;align-items:center;gap:12px;font-size:11px;padding:10px 0;position:relative}.nav-projects:before{position:absolute;content:'';height:1px;left:0;right:0;bottom:0;background:#aaa;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}.nav-projects:hover:before{transform:scaleX(1);transform-origin:left}.nav-num{font:9px monospace;color:#777;align-self:flex-start;margin-top:2px}.nav-projects svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.5;margin-left:15px;transition:transform .5s var(--ease)}.nav-projects:hover svg{transform:translate(3px,-3px)}
.hero{position:relative;min-height:704px;display:grid;grid-template-columns:1.18fr 1fr;align-items:center;padding:94px 0 110px}.hero-overline{position:absolute;top:38px;left:0;display:flex;align-items:center;gap:13px;font-size:7px;letter-spacing:1.4px;line-height:1.8;color:#858585}.small-cross{font:23px Arial;color:#ddd}.hero-copy{position:relative;z-index:3}h1{font-size:clamp(58px,6.3vw,88px);font-weight:500;line-height:1.05;letter-spacing:-5.6px;margin:18px 0 26px}.line-mask{display:block;overflow:hidden;padding-bottom:9px;margin-bottom:-9px;white-space:nowrap}.line-mask>span{display:block;animation:title-rise 1.35s var(--ease) both}.line-mask:nth-child(2)>span{animation-delay:.14s}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#aaa;letter-spacing:-5px}.hero-caption{font-size:12px;line-height:1.9;color:#979797;animation:soft-arrival 1.4s .2s both}.hero-link{display:inline-flex;align-items:center;gap:24px;font-size:10px;padding:12px 0;margin-top:16px;animation:soft-arrival 1.4s .35s both}.button-disc{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #535353;font-size:20px;transition:background .4s,color .4s,transform .7s var(--ease)}.hero-link:hover .button-disc{background:#ececec;color:#111;transform:rotate(45deg)}.button-label{position:relative}.button-label:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:#aaa;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}.hero-link:hover .button-label:after{transform:scaleX(1);transform-origin:left}.hero-bottom{position:absolute;bottom:35px;left:0;right:0;display:flex;align-items:center;gap:30px}.hero-index{font:9px monospace;letter-spacing:1px;color:#aaa}.hero-bottom-label{font-size:7px;letter-spacing:1.2px;line-height:1.8;color:#666}.scroll-link{margin-left:auto;display:flex;align-items:center;gap:20px;color:#777;font-size:7px;letter-spacing:1.1px}.scroll-track{height:29px;width:17px;border:1px solid #444;border-radius:20px;position:relative}.scroll-track i{position:absolute;top:6px;left:7px;width:1px;height:7px;background:#bbb;animation:scroll-trace 2.8s var(--ease) infinite}
.artwork{height:470px;position:relative;min-width:0;isolation:isolate;animation:soft-arrival 1.8s .1s both;pointer-events:none}.artwork-halo{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#ffffff0b,transparent 69%);filter:blur(14px)}.artwork-grid{position:absolute;inset:0;background-image:radial-gradient(#fff3 .6px,transparent .6px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#0006,transparent 70%);opacity:.45}.sculpture-scene{position:absolute;inset:0;transform:translate(var(--art-x,0px),var(--art-y,0px));transition:transform 1.2s var(--ease)}#sculpture-canvas,.sculpture-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.canvas-ready .sculpture-fallback{display:none}.artwork-caption{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:7px monospace;letter-spacing:1.6px;color:#777}.artwork-mark{position:absolute;font:15px monospace;color:#666}.mark-tl{left:30px;top:65px}.mark-br{right:15px;bottom:40px}
.projects{padding-top:43px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:33px}.eyebrow{font:8px monospace;color:#8a8a8a;letter-spacing:1.7px}h2{font-size:34px;font-weight:400;letter-spacing:-1.1px;margin:14px 0 0}h2 em{font-family:Georgia,serif;font-weight:400;color:#aaa;font-size:1.1em}.section-aside{font-size:10px;line-height:1.8;color:#858585;padding-bottom:2px}.project-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:300px 300px;gap:20px;perspective:1200px}.project{position:relative;display:block;border-radius:20px;overflow:hidden;isolation:isolate;transition:box-shadow .7s var(--ease),border-color .6s,transform .8s var(--ease);border:1px solid #ffffff1e;min-width:0}.project:focus-visible{outline-offset:4px}.project-server{grid-row:span 2;background:linear-gradient(135deg,#1d1d1d 0%,#141414 40%,#101010 100%);padding:27px 30px 0;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:inset 0 1px 0 #ffffff13}.project-server:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(450px circle at var(--spot-x,50%) var(--spot-y,30%),#ffffff0d,transparent 65%);opacity:0;transition:opacity .7s}.project-server:hover:before{opacity:1}.project-server:hover{border-color:#ffffff45;box-shadow:inset 0 1px 0 #ffffff28,0 25px 60px #0004}.card-edge{position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#ffffff70,transparent);opacity:.5;transition:opacity .6s,translate 1s var(--ease)}.project-server:hover .card-edge{opacity:1;translate:7% 0}.card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.card-category{font:8px monospace;letter-spacing:1.6px;color:#989898}.card-number{font:11px monospace;color:#8c8c8c}.server-art{height:322px;position:relative;display:grid;place-items:center;perspective:1000px}.console-window{width:100%;max-width:353px;border:1px solid #ffffff25;border-radius:10px;background:#0c0c0ce8;box-shadow:0 22px 45px #0007,inset 0 1px 0 #ffffff0d;transform:rotateY(-10deg) rotateX(8deg) rotateZ(-5deg);transition:transform 1.1s var(--ease),box-shadow 1s;overflow:hidden}.project-server:hover .console-window{transform:rotateY(0deg) rotateX(0deg) rotateZ(-1deg) translateY(-7px);box-shadow:0 30px 50px #0009}.console-toolbar{height:33px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;background:#ffffff03;font:6px monospace;letter-spacing:.8px;color:#727272}.console-toolbar>span:first-child{display:flex;gap:4px}.console-toolbar i{width:4px;height:4px;border-radius:50%;background:#4d4d4d}.console-body{padding:20px 20px 14px}.terminal-path{font:8px monospace;color:#707070}.console-command{font:10px monospace;display:flex;align-items:center;gap:7px;margin-top:9px;color:#d7d7d7}.console-command>span:first-child{color:#666}.command-reveal{max-width:200px;overflow:hidden;white-space:nowrap}.terminal-caret{height:10px;width:5px;background:#d4d4d4;animation:caret-blink 1.7s step-end infinite}.server-modules{display:grid;gap:8px;margin-top:22px}.server-module{height:35px;border:1px solid #ffffff17;border-radius:4px;display:flex;align-items:center;gap:5px;padding:0 10px;background:linear-gradient(100deg,#202020,#111);position:relative;overflow:hidden}.server-module:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff09,transparent);translate:-100% 0;animation:module-scan 7s var(--ease) infinite}.server-module:nth-child(2):before{animation-delay:1s}.server-module:nth-child(3):before{animation-delay:2s}.server-module>span{font:7px monospace;color:#656565;margin-right:auto}.server-module i{width:3px;height:12px;background:#555}.server-module i:nth-child(3){height:8px}.server-module b{width:3px;height:3px;border-radius:50%;background:#d4d4d4;margin-left:10px;box-shadow:0 0 5px #fff2}.console-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:17px;font:5px monospace;letter-spacing:1px;color:#6e6e6e}.console-bottom>span:last-child{font-size:11px}.server-art-label{position:absolute;bottom:10px;font:6px monospace;letter-spacing:1.4px;color:#646464}.server-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:15px}.card-copy{position:relative;z-index:3}.card-copy h3{font-size:30px;font-weight:400;letter-spacing:-1.3px;margin:0 0 13px}.card-copy p{font-size:11px;line-height:1.85;color:#a0a0a0;margin:0}.open-disc{width:48px;height:48px;border-radius:50%;border:1px solid #ffffff30;display:grid;place-items:center;font-size:23px;overflow:hidden;transition:background .5s,color .5s}.open-disc>span{transition:transform .6s var(--ease)}.project-server:hover .open-disc{background:#e9e9e9;color:#111}.project-server:hover .open-disc>span{transform:rotate(45deg)}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff14;margin-top:25px;padding:19px 0;font-size:9px;color:#b5b5b5}.card-footer>span:last-child{font:6px monospace;letter-spacing:1px;color:#6a6a6a}
.project-telegram{background:#e6e6e1;color:#171717;padding:25px 29px;box-shadow:inset 0 1px 0 #fff7}.project-telegram .card-category,.project-telegram .card-number{color:#70706c}.project-telegram .card-copy{margin-top:30px;max-width:65%}.card-tag{font:6px monospace;letter-spacing:1.5px;color:#6b6b68;display:block;margin-bottom:10px}.project-telegram h3{font-size:33px;margin-bottom:11px;display:flex;align-items:center;gap:16px}.inline-arrow{font-size:24px;display:inline-block;transition:transform .7s var(--ease);font-weight:300;color:#74746e}.project-telegram:hover .inline-arrow{transform:translate(5px,-5px)}.project-telegram p{color:#757571}.card-link-label{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:24px;left:29px;right:29px;font-size:9px;border-top:1px solid #00000018;padding-top:15px;color:#4d4d4a}.telegram-art{position:absolute;inset:60px -5px 40px 42%;z-index:1;pointer-events:none}.paper-flight{position:absolute;right:20px;top:0;width:110px;height:110px;filter:drop-shadow(10px 17px 12px #0002);transform:rotate(-9deg);transition:transform 1.3s var(--ease);z-index:3;animation:paper-drift 9s ease-in-out infinite}.paper-flight svg{fill:#f9f9f6;stroke:#a4a4a0;stroke-width:.7;width:100%}.project-telegram:hover .paper-flight{transform:translate(12px,-17px) rotate(5deg)}.chat{position:absolute;border:1px solid #c6c6c2;border-radius:9px;box-shadow:0 10px 22px #0000000a;background:#f2f2ef;transition:transform .9s var(--ease)}.chat-one{width:107px;height:60px;right:76px;top:58px;transform:rotate(-8deg);padding:14px}.chat-one i{float:left;margin-right:8px;width:15px;height:15px;border-radius:50%;background:#d2d2cf}.chat-one>span{display:block;width:52px;height:3px;background:#bcbcb7;margin:4px 0 8px 23px}.chat-one>span:last-child{width:34px}.chat-two{width:90px;height:36px;right:38px;top:123px;transform:rotate(6deg);padding:14px}.chat-two>span:first-child{width:35px;height:3px;display:block;background:#bcbcb7}.chat-check{font:8px monospace;color:#777;position:absolute;right:9px;bottom:9px}.project-telegram:hover .chat-one{transform:translate(-6px,5px) rotate(-12deg)}.project-telegram:hover .chat-two{transform:translate(8px,4px) rotate(10deg)}.flight-track{position:absolute;right:44px;top:25px;width:153px;height:130px;border:1px dashed #a5a59c66;border-radius:50%;transform:rotate(-35deg)}
.project-vpn{padding:25px 29px;background:radial-gradient(ellipse at 83% 49%,#262626,#141414 63%);box-shadow:inset 0 1px 0 #ffffff0a}.project-vpn:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,#141414 20%,#14141400 75%);z-index:1}.project-vpn .card-top{z-index:3}.vpn-art{position:absolute;inset:24px -20px 0 10%;pointer-events:none}.network-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-15deg) scale(1.02);transition:transform 1.7s var(--ease)}.project-vpn:hover .network-map{transform:rotate(-9deg) scale(1.12)}.map-contours{fill:none;stroke:#aaa;stroke-width:.65;opacity:.3;transform-origin:300px 150px;animation:contour-breathe 12s ease-in-out infinite}.map-route{fill:none;stroke:#eaeaea;stroke-width:1;stroke-dasharray:4 4;opacity:.55}.map-node{fill:#cfcfcf}.node-end{filter:drop-shadow(0 0 4px #fff9)}.map-packet{fill:#fff;filter:drop-shadow(0 0 4px #fff9)}.vpn-art-word{position:absolute;right:20px;bottom:12px;font-size:52px;font-weight:700;letter-spacing:-3px;color:#ffffff05}.vpn-content{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:3;margin-top:40px}.project-vpn .card-tag{color:#979797}.project-vpn h3{font-size:30px}.project-vpn p{font-size:10px;color:#a2a2a2}.vpn-open{position:relative;width:49px;height:57px;display:grid;place-items:center}.vpn-open svg{width:37px;fill:#181818;stroke:#c6c6c6;stroke-width:.9;transition:transform 1s var(--ease),opacity .4s}.vpn-open>span{position:absolute;font-size:23px;opacity:0;transform:translate(-7px,7px);transition:transform .7s var(--ease),opacity .5s}.project-vpn:hover .vpn-open svg{transform:scale(.6);opacity:0}.project-vpn:hover .vpn-open>span{opacity:1;transform:translate(0,0)}
.closing{position:relative;display:flex;align-items:center;gap:23px;padding:66px 0}.closing-line{position:absolute;left:0;right:0;top:32px;height:1px;background:linear-gradient(90deg,#ffffff20,transparent)}.closing-star{font:41px Arial;color:#b6b6b6}.closing p{font-size:16px;line-height:1.65;margin:0;letter-spacing:-.3px}.closing p>span{color:#7f7f7f}.back-top{margin-left:auto;font-size:9px;color:#aaa;display:flex;align-items:center;gap:15px}.back-top>span:last-child{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff25;border-radius:50%;font-size:18px;transition:background .4s,color .4s,transform .6s var(--ease)}.back-top:hover>span:last-child{background:#ddd;color:#111;transform:translateY(-4px)}footer{padding:28px 0 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#777;font:7px monospace;letter-spacing:1.4px}.footer-brand{font-family:'Golos Text',Arial,sans-serif;font-weight:700;font-size:26px;letter-spacing:-1.8px;color:#b7b7b7;transition:color .4s}.footer-brand:hover{color:#fff}
.motion-ready .section-heading{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}.motion-ready .section-heading.seen{opacity:1;transform:translateY(0)}.motion-ready .project-server{opacity:0;translate:0 45px;transition:opacity 1.1s,translate 1.35s var(--ease),transform .8s var(--ease),border-color .6s,box-shadow .7s}.motion-ready .project-server.seen{opacity:1;translate:0 0}.motion-ready .project-telegram{opacity:0;translate:22px 0;transition:opacity 1s .12s,translate 1.3s var(--ease) .12s}.motion-ready .project-telegram.seen{opacity:1;translate:0 0}.motion-ready .project-vpn{opacity:0;transform:scale(.97);transition:opacity 1.2s,transform 1.4s var(--ease)}.motion-ready .project-vpn.seen{opacity:1;transform:scale(1)}.motion-ready .project:not(.in-view) *{animation-play-state:paused!important}.motion-ready .closing .closing-line{transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}.motion-ready .closing.seen .closing-line{transform:scaleX(1)}
@keyframes title-rise{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes soft-arrival{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes scroll-trace{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(9px);opacity:0}}@keyframes caret-blink{50%{opacity:0}}@keyframes module-scan{0%,20%{translate:-100% 0}65%,100%{translate:100% 0}}@keyframes paper-drift{50%{translate:0 -5px}}@keyframes contour-breathe{50%{transform:scale(1.05,.98)}}
@media(min-width:1600px){h1{font-size:88px}}@media(max-width:1100px){.shell{padding:0 40px}.hero{min-height:650px;grid-template-columns:1.25fr 1fr}h1{font-size:64px;letter-spacing:-4px}h1 em{letter-spacing:-4px}.artwork{height:410px;margin-left:-30px;margin-right:-15px}.mark-tl{left:20px}.project-grid{grid-template-rows:285px 285px}.project-server{padding:25px 24px 0}.server-art{height:294px}.console-window{max-width:300px}.card-copy h3{font-size:27px}.project-telegram,.project-vpn{padding:24px}.telegram-art{opacity:.8;left:46%}.paper-flight{width:93px;height:93px;right:10px}.chat-one{right:45px}.chat-two{right:16px}.flight-track{right:12px}.project-telegram .card-copy{max-width:70%}.project-telegram h3{font-size:29px}.project-vpn h3{font-size:27px}.card-link-label{left:24px;right:24px}.card-footer{margin-top:22px}.card-footer>span:last-child{font-size:5px}.vpn-content{margin-top:31px}}
@media(max-width:760px){.shell{padding:0 24px}.site-header{height:88px}.wordmark{font-size:28px}.header-note{display:none}.nav-projects{font-size:10px}.nav-projects svg{width:13px;margin-left:8px}.hero{display:block;min-height:0;padding:108px 0 88px}.hero-overline{top:30px;font-size:6px;letter-spacing:1.2px;gap:10px}.small-cross{font-size:20px}h1{font-size:clamp(43px,10.7vw,70px);letter-spacing:-3px;line-height:1.04;margin:4px 0 23px}h1 em{letter-spacing:-3px}.hero-caption{font-size:10px;line-height:1.9}.hero-link{font-size:9px;margin-top:9px;gap:21px}.button-disc{width:32px;height:32px;font-size:18px}.artwork{height:310px;margin:0 -10px -2px}.sculpture-scene{inset:-7px 0 0}.artwork-caption{bottom:0;font-size:6px;letter-spacing:1px}.mark-tl{top:37px;left:20px}.mark-br{bottom:26px;right:20px}.hero-bottom{bottom:27px;gap:15px}.hero-index{font-size:7px}.hero-bottom-label{font-size:5px;letter-spacing:.8px}.scroll-link{gap:9px;font-size:5px;letter-spacing:.5px}.scroll-track{height:24px;width:15px}.scroll-track i{left:6px;top:4px}.projects{padding-top:29px}.section-heading{margin-bottom:24px;align-items:center}.eyebrow{font-size:7px;letter-spacing:1.3px}h2{font-size:27px;letter-spacing:-1px;margin-top:11px}.section-aside{display:none}.project-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:16px}.project-server{grid-row:auto;min-height:525px;padding:24px 24px 0}.server-art{height:275px}.console-window{max-width:330px;width:94%}.server-art-label{font-size:5px;letter-spacing:1px;bottom:4px}.server-card-bottom{margin-top:17px}.card-copy h3{font-size:28px;letter-spacing:-1px}.card-copy p{font-size:10px}.open-disc{height:43px;width:43px;font-size:21px}.card-footer{margin-top:23px;padding:18px 0}.card-footer>span:last-child{font-size:5px}.card-category{font-size:7px;letter-spacing:1.3px}.card-number{font-size:10px}.project-telegram{min-height:290px;padding:24px}.project-telegram .card-copy{margin-top:35px;max-width:65%}.project-telegram h3{font-size:31px}.telegram-art{inset:66px -10px 40px 44%}.paper-flight{width:97px;height:97px;right:18px}.chat-one{right:50px;top:55px;width:94px}.chat-one>span{width:41px}.chat-one>span:last-child{width:27px}.chat-two{right:18px;top:123px;width:79px}.flight-track{width:134px;height:123px;right:20px}.card-link-label{bottom:22px}.project-vpn{min-height:286px;padding:24px}.vpn-content{margin-top:47px}.project-vpn h3{font-size:29px}.vpn-art{inset:19px -50px 0 -20px}.vpn-art-word{font-size:46px;bottom:8px;right:48px}.vpn-open{width:37px}.closing{padding:58px 0 39px;gap:15px}.closing-line{top:25px}.closing-star{font-size:32px}.closing p{font-size:13px}.back-top{gap:10px}.back-top>span:first-child{display:none}.back-top>span:last-child{width:32px;height:32px}footer{padding:24px 0 30px;font-size:6px}.footer-brand{font-size:24px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .section-heading,.motion-ready .project{opacity:1;translate:none;transform:none}.motion-ready .closing .closing-line{transform:none}.map-packet,.reading-progress{display:none}}