:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-size:18rem}html,body{font-size:.0520834vw}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}
.copy-tooltip{pointer-events:none;color:#fff;clip-path:inset(0 100% 0 0);z-index:200;background-color:#000;border-radius:3rem;padding:4rem 20rem;font-family:Spline Sans Mono;font-size:12rem;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.copy-tooltip span{font-size:12rem}
body.cursor-active,body.cursor-active *{cursor:none!important}.cursor{pointer-events:none;z-index:999999;position:fixed;top:0;left:0}.cursor__dot{background:var(--text-color);border-radius:50%;width:8px;height:8px;transition:transform .2s cubic-bezier(.11,.82,.39,.92);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor__ring{border:1px solid var(--text-color);opacity:0;border-radius:50%;width:40px;height:40px;transition:transform .3s cubic-bezier(.11,.82,.39,.92),opacity .3s cubic-bezier(.11,.82,.39,.92);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.cursor--hover .cursor__dot{transform:translate(-50%,-50%)scale(2)}.cursor--hover .cursor__ring{opacity:1;transform:translate(-50%,-50%)scale(1)}.cursor--light .cursor__dot{background:#f7f7f7}.cursor--light .cursor__ring{border-color:#f7f7f7}
.footer{isolation:isolate;background-color:var(--bg-color);padding:50rem 0 20rem;position:relative}.footer-shader{z-index:-1;pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.footer>.container{position:relative}@media (max-width:1100px){.footer{padding:0 0 15px}}@media (max-width:768px){.footer__wrapper{flex-direction:column;display:flex}}.footer__social{justify-content:flex-end;margin-top:40rem;display:flex}@media (max-width:1100px){.footer__social{margin-top:20px}}@media (max-width:768px){.footer__social{flex-direction:column;order:4;align-items:center}}.footer__social a{width:max-content;letter-spacing:-2%;text-transform:uppercase;margin-right:105rem;font-family:Spline Sans Mono;font-size:26rem;font-weight:400;line-height:99%}@media (max-width:1100px){.footer__social a{margin-right:55px;font-size:14px}}@media (max-width:768px){.footer__social a{margin-bottom:20px;margin-right:0;padding-bottom:0;font-size:20px}.footer__social a:after,.footer__social a:before{display:none}.footer__social a:last-child{margin-bottom:0}}.footer__social a:last-child{margin-right:0}.footer__social a:after,.footer__social a:before{background-color:var(--text-color)}.footer-phone,.footer-email{letter-spacing:2%;text-transform:lowercase;width:max-content;margin-left:auto;font-size:64rem;font-weight:700;line-height:99%;display:block}@media (max-width:1100px){.footer-phone,.footer-email{font-size:34px}}@media (max-width:768px){.footer-phone{order:2;margin:0 auto 10px;font-size:36px}}.footer-email{position:relative}@media (max-width:768px){.footer-email{order:3;margin:0 auto 40px;font-size:28px}}@media (max-width:350px){.footer-email{font-size:20px}}.footer .footer-pages-location{justify-content:space-between;align-items:flex-end;display:flex}@media (max-width:768px){.footer .footer-pages-location{text-align:center;flex-direction:column-reverse;order:5;align-items:center;margin-top:40px}.footer .footer-pages-location .footer-pages{justify-content:space-between;width:100%;margin-top:45px;display:flex}}.footer .footer-pages-location .footer-pages a{letter-spacing:-1rem;text-transform:uppercase;width:max-content;margin-bottom:24rem;font-family:Spline Sans Mono;font-size:28rem;font-weight:400;line-height:99%;display:block;padding:0!important}@media (max-width:768px){.footer .footer-pages-location .footer-pages a{padding:0 20px!important}}.footer .footer-pages-location .footer-pages a:after,.footer .footer-pages-location .footer-pages a:before{display:none}@media (max-width:1100px){.footer .footer-pages-location .footer-pages a{letter-spacing:-.5px;align-items:center;margin-bottom:10px;font-size:16px;display:flex}}@media (max-width:768px){.footer .footer-pages-location .footer-pages a{margin-bottom:0}.footer .footer-pages-location .footer-pages a:after,.footer .footer-pages-location .footer-pages a:before{display:block}}@media (max-width:430px){.footer .footer-pages-location .footer-pages a:after{font-size:16px}}@media (max-width:360px){.footer .footer-pages-location .footer-pages a:after{font-size:14px}}@media (max-width:430px){.footer .footer-pages-location .footer-pages a:before{font-size:16px}}@media (max-width:360px){.footer .footer-pages-location .footer-pages a:before{font-size:14px}}.footer .footer-pages-location .footer-pages a:last-child{margin-bottom:0}@media (max-width:430px){.footer .footer-pages-location .footer-pages a span{font-size:16px}}@media (max-width:360px){.footer .footer-pages-location .footer-pages a span{font-size:14px}}.footer .footer-pages-location .footer-location p{text-transform:capitalize;color:#606060;font-family:Spline Sans Mono;font-size:16rem;font-weight:400;line-height:99%}@media (max-width:1100px){.footer .footer-pages-location .footer-location p{font-size:12px}}@media (max-width:768px){.footer .footer-pages-location .footer-location p:first-child{margin-bottom:10px}}.footer .footer-title{margin-top:20rem;overflow:hidden}@media (max-width:1100px){.footer .footer-title{margin-top:10px;margin-bottom:10px}}@media (max-width:768px){.footer .footer-title{order:6}}.footer .footer-title span{letter-spacing:-26.5rem;text-transform:uppercase;font-family:Sofia Sans Condensed;font-size:349rem;font-weight:700;line-height:99%;display:inline-block}.footer .footer-title span:first-child{margin-left:-15rem}@media (max-width:1100px){.footer .footer-title span:first-child{margin-left:0}.footer .footer-title span{font-size:360rem}}@media (max-width:500px){.footer .footer-title span{font-size:350rem}}@media (max-width:380px){.footer .footer-title span{font-size:340rem}}.footer .footer-title span:nth-child(5){margin:0 20rem}@media (max-width:380px){.footer .footer-title span:nth-child(5){margin:0 30rem}}.footer .footer-reserved{justify-content:space-between;align-items:center;display:flex}@media (min-width:1100px){.footer .footer-reserved{opacity:0}}@media (max-width:768px){.footer .footer-reserved{order:7;align-items:flex-start}}.footer .footer-reserved__time .kyiv-clock{letter-spacing:-2%;text-transform:uppercase;font-family:Spline Sans Mono;font-size:26rem;font-weight:300;line-height:99%;display:flex}@media (max-width:1100px){.footer .footer-reserved__time .kyiv-clock,.footer .footer-reserved__time .kyiv-clock p{font-size:12px}}@media (max-width:380px){.footer .footer-reserved__time .kyiv-clock p{font-size:10px}}.footer .footer-reserved__time .kyiv-clock h2{margin-right:10rem}@media (max-width:1100px){.footer .footer-reserved__time .kyiv-clock h2{margin-right:10px;font-size:14px}}@media (max-width:768px){.footer .footer-reserved__time .kyiv-clock h2{margin-right:5px;font-size:12px}}@media (max-width:380px){.footer .footer-reserved__time .kyiv-clock h2{font-size:10px}}.footer .footer-reserved__dev{letter-spacing:-2%;text-transform:uppercase;margin-left:535rem;padding-right:85rem;font-family:Spline Sans Mono;font-size:21rem;font-weight:400;line-height:99%;position:relative;overflow:hidden}.footer .footer-reserved__dev:after{content:"Max Milkin";transition:top .6s var(--transition-main);position:absolute;top:100%;right:0}@media (max-width:1100px){.footer .footer-reserved__dev{margin-left:230px;font-size:14px}}@media (max-width:768px){.footer .footer-reserved__dev{z-index:10;margin-left:0;font-size:12px;position:absolute;bottom:17px;left:15px}}.footer .footer-reserved__dev span{letter-spacing:-2%;text-transform:uppercase;transition:transform .6s var(--transition-main);font-family:Spline Sans Mono;font-size:21rem;font-weight:400;line-height:99%;display:inline-block}@media (max-width:1100px){.footer .footer-reserved__dev span{font-size:14px}}@media (min-width:1100px){.footer .footer-reserved__dev:hover span{transform:translateY(-100%)}.footer .footer-reserved__dev:hover:after{top:0}}.footer .footer-reserved__reserved{text-transform:capitalize;color:#606060;width:300rem;font-family:Spline Sans Mono;font-size:10rem;font-weight:400;line-height:1.3}@media (max-width:1100px){.footer .footer-reserved__reserved{width:200px;font-size:8px;line-height:1.3}}.footer-line-animation{position:relative}.footer-line-animation:after{content:"";background:var(--text-color);transform-origin:0;width:100%;height:3rem;transition:transform .8s var(--transition-main);position:absolute;bottom:0;left:0;transform:scaleX(0)}.footer-line-animation:hover:after{transform:scaleX(1)}.footer-line-animation:after{transition:transform .8s var(--transition-main),transform-origin 0s}.footer-line-animation:hover:after{transform-origin:0}.footer-line-animation:not(:hover):after{transform-origin:100%}
.header{z-index:10000;mix-blend-mode:difference;color:#efefef;opacity:0;pointer-events:none;width:100%;padding:37rem 0;position:fixed;top:0;left:0}@media (max-width:1100px){.header{padding:25px 0}}@media (max-width:768px){.header{mix-blend-mode:normal;color:var(--text-color)}}.header-logo{font-family:Sofia Sans Condensed;font-weight:700;font-style:Bold;letter-spacing:-3rem;text-transform:uppercase;width:135rem;font-size:40rem;line-height:.7}@media (max-width:1100px){.header-logo{letter-spacing:-1px;z-index:101;width:90px;font-size:24px;position:relative}}.header__wrapper{align-items:center;display:flex}@media (max-width:768px){.header__wrapper{justify-content:space-between}}.header__menu{margin:0 0 0 225rem}@media (max-width:1100px){.header__menu{margin:0 0 0 100px}}@media (max-width:991px){.header__menu{margin:0 0 0 30px}}@media (max-width:768px){.header__menu{z-index:100;background-color:#fff;flex-direction:column;justify-content:space-between;width:100%;height:100dvh;margin:0;padding:170px 15px 0;display:flex;position:absolute;top:0;left:0;overflow-y:scroll}}.header__menu ul{display:flex}@media (max-width:768px){.header__menu ul{flex-direction:column}}.header__menu ul li{margin-right:84rem}.header__menu ul li a span{font-size:20rem}@media (max-width:1100px){.header__menu ul li{margin-right:40px}.header__menu ul li a{height:20px}.header__menu ul li a span,.header__menu ul li a:after,.header__menu ul li a:before{font-size:16px}}@media (max-width:991px){.header__menu ul li{margin-right:10px}.header__menu ul li a span{font-size:14px}}@media (max-width:768px){.header__menu ul li{margin-bottom:12px;margin-right:0}.header__menu ul li a{height:auto;padding-left:0}}.header__menu ul li:last-child{margin-right:0}@media (max-width:850px){.header__menu ul li a span{font-size:14px}}@media (max-width:768px){.header__menu ul li a span{letter-spacing:-3px;text-transform:uppercase;padding:0;font-family:Sofia Sans Condensed;font-size:49px;font-weight:700;line-height:99%}.header__menu ul li a:after,.header__menu ul li a:before{display:none}}.header__menu-mobile{display:none}@media (max-width:768px){.header__menu-mobile{padding-top:85px;padding-bottom:10px;display:block}}.header__menu .kyiv-clock{letter-spacing:1px;text-align:center;text-transform:uppercase;font-family:Spline Sans Mono;font-size:12px;font-weight:300;line-height:99%;position:absolute;top:80px;right:15px}.header__menu .kyiv-clock h2,.header__menu .kyiv-clock p{letter-spacing:1px;text-align:center;text-transform:uppercase;margin-bottom:5px;font-family:Spline Sans Mono;font-size:12px;font-weight:300;line-height:99%}.header__menu-behance{justify-content:space-between;margin-bottom:25px;display:flex}.header__menu-behance a{padding:0 20px;font-size:16px;font-weight:300}@media (max-width:768px){.header__menu-behance a{overflow:unset}.header__menu-behance a:after,.header__menu-behance a:before{font-size:16px}}@media (max-width:380px){.header__menu-behance a{padding:0 15px;font-size:12px}}.header__menu-phone{margin-bottom:5px}.header__menu-phone,.header__menu-mail{letter-spacing:2%;text-transform:lowercase;text-align:center;font-family:Sofia Sans Condensed;font-size:24px;font-weight:700;line-height:99%;display:block}.header__menu-socials{justify-content:space-between;margin-top:32px;display:flex}.header__menu-socials a{letter-spacing:-2%;text-transform:uppercase;font-family:Spline Sans Mono;font-size:16px;line-height:99%}@media (max-width:350px){.header__menu-socials a{font-size:12px}}.header__menu-socials a svg{width:12px;height:12px;margin-left:12px}@media (max-width:350px){.header__menu-socials a svg{width:9px;height:9px;margin-left:8px}}.header__menu-reserved{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.header__menu-reserved p{letter-spacing:-2%;text-transform:capitalize;color:#606060;font-family:Spline Sans Mono;font-size:12px;font-weight:400;line-height:99%}.header__menu-reserved a{letter-spacing:-7%;text-transform:uppercase;font-size:18px;font-weight:700;line-height:99%}.header-contact{letter-spacing:-2%;text-transform:uppercase;margin-left:auto;font-family:Spline Sans Mono;font-size:24rem;font-weight:400;line-height:99%}@media (max-width:1100px){.header-contact{font-size:16px}}@media (max-width:768px){.header-contact{display:none}}.header .header-resume{margin-left:auto}.header .header-resume span{font-size:20rem}@media (max-width:1100px){.header .header-resume{height:20px}.header .header-resume span,.header .header-resume:after,.header .header-resume:before{font-size:16px}}@media (max-width:991px){.header .header-resume span{font-size:14px}}@media (max-width:768px){.header .header-resume{display:none}}.header .burger{display:none;position:relative;overflow:hidden}.header .burger:focus-visible{outline-offset:2px;outline:1px solid}@media (max-width:768px){.header .burger{z-index:101;margin:-10px;padding:10px 25px;display:block;position:relative}}.header .burger span{letter-spacing:-2%;text-transform:uppercase;transition:transform .8s var(--transition-main);font-family:Spline Sans Mono;font-size:16px;font-weight:300;line-height:99%;display:inline-block}.header .burger span:first-child{position:relative;left:10px}.header .burger span:first-child:after{content:"+";font-size:12px;position:absolute;top:-9px;right:-8px}.header .burger .close{transition:all .8s var(--transition-main);padding:0 22px;position:absolute;top:0;left:-15px;transform:translateY(250%)}.header .burger .close span{clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);transition:all .8s var(--transition-main)}.header .burger .close span:after{display:none}.header .burger .close:after{content:"]";transition:all .8s var(--transition-main);font-size:14px;position:absolute;top:0;right:28px}.header .burger .close:before{content:"[";transition:all .8s var(--transition-main);font-size:14px;position:absolute;top:0;left:45px}@media (max-width:768px){.header__menu{transition:transform .8s cubic-bezier(.67,.04,.44,.84);transform:translateY(100%)}.kyiv-clock,.header__menu-behance,.header__menu-phone,.header__menu-socials,.header__menu-reserved{opacity:0;transition:opacity .8s var(--transition-main)}.header .original{transition:transform .8s var(--transition-main);transform:translateY(100%)}.burger-active .header__menu{transform:translateY(0)}.burger-active .header__wrapper .burger span:first-child{transform:translateY(-180%)}.burger-active .header__wrapper .burger .close{transform:translateY(240%)}.burger-active .header__wrapper .burger .close span{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.burger-active .header__wrapper .burger .close:after{top:-28px;right:0}.burger-active .header__wrapper .burger .close:before{top:-28px;left:17px}.burger-active .original{transform:translateY(0);transition-delay:.8s!important}.burger-active .kyiv-clock,.burger-active .header__menu-behance,.burger-active .header__menu-phone,.burger-active .header__menu-socials,.burger-active .header__menu-reserved{opacity:1;transition-delay:.8s}.logo-black .header-logo,.logo-black .burger{color:#000}.logo-white .header-logo,.logo-white .burger{color:#fff}}
.loader{z-index:100000;pointer-events:none;width:100%;height:100dvh;position:fixed;top:0;left:0}.loader canvas{pointer-events:none}.loader-counter{letter-spacing:-2rem;text-transform:uppercase;opacity:0;font-family:Sofia Sans Condensed;font-size:26rem;font-weight:700;line-height:77%;position:absolute;bottom:250rem;left:50%;transform:translate(-50%)}@media (max-width:1900px) and (max-height:700px) and (min-width:1100px){.loader-counter{bottom:100rem}}@media (max-width:1100px){.loader-counter{font-size:18px;bottom:10px}}