@charset "UTF-8";body{margin:0;font-family:Inter;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}code{font-family:Inter}*{font-family:Inter;margin:0;padding:0;box-sizing:border-box}ul,li,dl{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0}a{text-decoration:none;color:inherit;display:inline-block}a:hover{text-decoration:none;color:inherit}p{margin:0;padding:0}.svg-brend-color{filter:brightness(0) saturate(100%) invert(30%) sepia(99%) saturate(966%) hue-rotate(218deg) brightness(92%) contrast(93%)}.svg-white-color{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(178deg) brightness(102%) contrast(102%)}.language-switch{position:relative;height:46px;padding:4px;border-radius:12px;background-color:#5050751a;corner-shape:superellipse(1)}.language-switch-active{position:absolute;left:4px;height:38px;width:50px;border-radius:8px;corner-shape:superellipse(1);background-color:#fff;transition:left .2s ease-in-out}.language-switch-container{display:flex;flex-direction:row;align-items:center}.language-switch-item{display:flex;justify-content:center;width:50px;cursor:pointer;z-index:100}.language-switch-item span{color:#3c3c4380;font-weight:500;font-size:16px;line-height:38px;text-align:center}.language-switch-item span.language-active{color:#151515}.menuTabOpen .language-switch{background-color:#ffffff26}.menuTabOpen .language-switch-item span{color:#ffffff4d}.menuTabOpen .language-switch-item span.language-active{color:#151515}.externalLinks{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:48px}.externalLinks .externalLinkItem{display:flex;flex-direction:row;align-items:center;gap:4px;cursor:pointer}.externalLinks .externalLinkItem:hover span{color:#5856d6}.externalLinks .externalLinkItem:hover img{filter:brightness(0) saturate(100%) invert(34%) sepia(56%) saturate(1823%) hue-rotate(222deg) brightness(88%) contrast(91%)}@media screen and (max-width:1080px){.externalLinks{gap:32px;width:auto}}@media screen and (max-width:768px){.externalLinks{gap:32px;width:100%}}.menuItem{position:fixed;top:32px;left:50%;transform:translate(calc(-50% + 7.5px));width:min(1280px,100vw);height:78px;z-index:100}.menuItem-content{display:flex;justify-content:space-between;align-items:center;width:min(min(100%,85.6vw) + 16px,1120px);height:100%;padding:12px;margin:auto;border-radius:24px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menuItem-content-logo{display:flex;justify-content:center;align-items:center;width:54px;height:54px;overflow:hidden;position:relative;cursor:pointer;outline:3px solid #5856d6;border-radius:12px}.menuItem-content-logo-container{display:flex;flex-direction:column;transition:transform .2s ease-in-out;width:54px;height:54px}.menuItem-content-logo-container-item{width:100%;height:100%;object-fit:cover}.menuItem-content-buttons{display:flex;flex-direction:row;align-items:center;height:min-content;gap:48px}.menuItem-content-buttons-group{display:flex;flex-direction:row;align-items:center;gap:24px}.menuNav-elements{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:48px;height:24px;overflow:hidden;position:relative}.menuNav-elements-container{display:flex;flex-direction:column;transition:transform .2s ease-in-out;width:fit-content;height:100%;cursor:pointer}.menuNav-elements-container span{color:#151515;font-weight:500;font-size:16px;line-height:24px}.menuNav-elements-container-icons{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;object-fit:cover}.menuNav-elements-container-icons img{width:24px;height:24px}.menuNav-elements-container .menuNav-active{color:#5856d6;text-decoration:dashed underline;text-underline-offset:4px}.menuButtonHello{display:flex;flex-direction:row;align-items:center;justify-content:center;height:46px;width:234px;gap:16px;padding:12px 16px 12px 24px;border:1px solid #5856d6;border-radius:12px;background-color:#5856d6;transition:all .2s ease-in-out;cursor:pointer}.menuButtonHello span{color:#fff;opacity:1;transition:opacity .5s ease-in-out}.menuButtonHello span.fade-out{opacity:0}.burger-button{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:24px;margin:4px;background:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box}.burger-button.open{height:24px;width:24px}.burger-line{position:relative;width:100%;height:2.67px;border-radius:16px;background:#000;transition:transform .4s ease-in-out,opacity .1s ease-in-out}.burger-button.open .burger-line:nth-child(1){transform:rotate(45deg) translate(6.5px,4.5px)}.burger-button.open .burger-line:nth-child(2){opacity:0}.burger-button.open .burger-line:nth-child(3){transform:rotate(-45deg) translate(6.5px,-4.5px)}.menuTabBg{display:none}@media screen and (max-width:1080px){.menuTabBg{display:block;position:fixed;width:100vw;height:100vh;background:#000;z-index:-1;transition:z-index 0s ease .4s;animation:fadeOutBg .4s forwards}.menuTabBg.activeBg{transition:z-index 0s ease 0s;animation:fadeInBg .4s forwards;z-index:100}}.menuTab{position:fixed;top:20px;right:20px;z-index:-1;display:flex;flex-direction:column;justify-content:space-between;width:0;opacity:0;height:0;padding:16px 24px 32px;border-radius:64px;background:#151515;transition:width .4s ease-in-out,height .4s ease-in-out,top .4s ease-in-out,right .4s ease-in-out,opacity .1s ease-in-out .3s,z-index 0s ease-in-out .4s;animation:border-radius-animation-out .1s forwards;white-space:nowrap;overflow:hidden}.menuTab-top{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:fit-content;gap:56px}.menuTab-top-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;animation:fadeIn 1s forwards;width:100%;height:48px}.menuTab-top-header .burger-line{background:#fff}.menuTab-top .menuNav-elements{flex-direction:column;height:fit-content;gap:32px}.menuTab-top .menuNav-elements-container{opacity:0}.menuTab-top .menuNav-elements-container h3{color:#fff}.menuTab-top .menuNav-elements h3{text-transform:uppercase}.menuTab-top .menuNav-elements-container-icons{display:none}.menuTab-top .menuNav-elements .menuNav-active{text-decoration:none;color:#5856d6}.menuTab-bottom{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;animation:fadeIn 1s forwards}.menuTab .menuButtonHello{width:100%}.menuTabOpen{z-index:110;top:0;right:0;opacity:1;width:40%;height:100vh;transition:width .4s ease-in-out,height .4s ease-in-out,top .4s ease-in-out,right .4s ease-in-out;animation:border-radius-animation-in .1s forwards;overscroll-behavior:contain;overflow-y:auto}@media screen and (max-width:768px){.menuTabOpen{width:100%;height:100%}}@media screen and (max-width:1080px){.menuItem{position:fixed;top:12px;left:0;margin:0 16px;transform:none;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:calc(100% - 32px);max-width:none;height:58px;border-radius:12px}.menuItem-mobile{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%;padding:8px}.menuItem-mobile-logo{width:42px;height:42px;border-radius:9px;outline:3px solid #5856d6;cursor:pointer}.menuItem-mobile-logo img{width:100%;height:100%;object-fit:cover}}@media screen and (max-width:768px){.menuItem{width:calc(100% - 16px);margin:0 8px}}.flipped{transform:translateY(-100%)}.fade-out{animation:fadeOut 1s forwards}.fade-in{animation:fadeIn 1s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBg{0%{opacity:.3}to{opacity:0}}@keyframes fadeInBg{0%{opacity:0}to{opacity:.3}}@keyframes border-radius-animation-in{0%{border-radius:64px}to{border-radius:0}}@keyframes border-radius-animation-out{0%{border-radius:0}to{border-radius:64px}}.h0-bold{font-weight:600;font-size:56px;line-height:160%;letter-spacing:1%}h1{font-size:46px;font-weight:600;line-height:73.6px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.h2-semibold{font-size:32px;font-weight:600;line-height:51.2px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.h3-medium{font-weight:500;font-size:22px;line-height:30.8px;letter-spacing:0%}.h3-bold{font-size:22px;font-weight:700;line-height:30.8px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.h-accent-gradient{background:-webkit-linear-gradient(90deg,#6260E2 0%,#6233C1 92.5%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-body1-medium{font-size:18px;font-weight:500;line-height:25.2px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.text-body2-medium{font-size:16px;font-weight:500;line-height:22.4px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.text-body2-bold{font-size:16px;font-weight:700;line-height:22.4px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.text-body3-medium{font-size:14px;font-weight:500;line-height:21px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.text-body3-bold{font-weight:700;font-size:14px;line-height:150%;letter-spacing:0%}.text-caption-medium{font-size:12px;font-weight:500;line-height:16.8px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.text-caption-bold{font-size:12px;font-weight:700;line-height:16.8px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.text-color-white-30{color:#ffffff4d}.text-color-primary{color:#151515}.text-color-secondary{color:#51515b}.text-color-tertiary{color:#3c3c4380}.text-color-quantinary{color:#fff}.text-color-main{color:#5856d6}.img-white-100{filter:invert(94%) sepia(6%) saturate(25%) hue-rotate(228deg) brightness(106%) contrast(105%);opacity:1}.img-white-30{filter:invert(94%) sepia(6%) saturate(25%) hue-rotate(228deg) brightness(106%) contrast(105%);opacity:.3}.img-secondary{filter:invert(21%) sepia(2%) saturate(1987%) hue-rotate(202deg) brightness(91%) contrast(86%);opacity:80%}.animatedLines{width:100%;height:100px;position:relative;z-index:2}.animatedLines img{position:absolute;left:50%;transform:translate(-50%);width:100%;height:400px;object-fit:cover}.animatedLines-ellipse{position:absolute;width:fit-content;padding:2px 8px;border-radius:12px;font-weight:700;font-size:10px;line-height:140%;text-transform:uppercase;transition:top .5s ease-in-out}.animatedLines .ellipse-research{top:16px;left:44.5%;background:#52c7de}.animatedLines .ellipse-wireframes{top:74px;right:19%;background:#e1e1ea}.animatedLines .ellipse-cjm{top:128px;left:26%;background:#de529d}.animatedLines .ellipse-ta{top:128px;right:21%;background:#dea852}.animatedLines .ellipse-prototypes{top:212px;left:1.5%;background:#528fde}.animatedLines .ellipse-us{top:300px;left:6%;background:#e1e1ea}.animatedLines .ellipse-branding{top:350px;left:25%;background:#6abe79}.animatedLines .ellipse-usability{top:300px;right:28.5%;background:#af52de}.animatedLines .ellipse-mockups{top:230px;right:7%;background:#e1e1ea}@media not (max-width:1080px){.animatedLines:hover .ellipse-research{top:28px}.animatedLines:hover .ellipse-cjm{top:90px}.animatedLines:hover .ellipse-ta{top:156px}.animatedLines:hover .ellipse-prototypes{top:240px}.animatedLines:hover .ellipse-branding{top:325px}.animatedLines:hover .ellipse-usability{top:324px}}@media screen and (max-width:1080px){.animatedLines{height:200px}}.projectCard{display:flex;flex-direction:column;width:100%;border-radius:24px;background-color:#fff;overflow:hidden;transition:transform .4s ease-in-out}.projectCard.border{border:.5px solid #D6D6DD}.projectCard:hover{transform:scale(1.02);transition:transform .4s ease-out;cursor:pointer}.projectCard img{width:100%;height:260px;background-color:#d9d9d9;object-fit:cover}.projectCard-info{display:flex;flex-direction:column;gap:16px;width:100%;padding:16px 16px 24px}.projectCard-info-header{display:flex;flex-direction:column;gap:12px}.projectCard-info-header-top{display:flex;flex-direction:row;justify-content:space-between}.projectCard-info-header h3{text-align:start}.projectCard-info-bages{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.projectCard-info-bages-item{width:fit-content;text-wrap:nowrap;border-radius:12px;padding:2px 8px;text-transform:uppercase}@media screen and (max-width:1080px)and (not (max-width:768px)){.projectCard-info-bages{display:flex;flex-wrap:wrap;gap:8px}}@media screen and (max-width:768px){.projectCard-info-bages{display:flex;flex-wrap:wrap;gap:8px}}.buttonLong{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;width:100%;padding:12px 12px 12px 24px;border-radius:32px;transition:background-color .5s ease}.buttonLong-right{display:flex;flex-direction:row;align-items:center;gap:32px}.buttonLong-right-circle{width:48px;height:48px;padding:12px;border-radius:99px;background:#5856d6}.buttonLong-right-circle img{width:24px;height:24px}.buttonLong:hover{background:#5856d6!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.buttonLong:hover span{color:#fff}.buttonLong:hover .buttonLong-right span{color:#fffc}.buttonLong:hover .buttonLong-right-circle{background:#fff;animation:moveInOut 1s linear infinite}.buttonLong:hover .buttonLong-right-circle img{filter:brightness(0) saturate(100%) invert(30%) sepia(99%) saturate(966%) hue-rotate(218deg) brightness(92%) contrast(93%)}.buttonLong:hover .buttonLong-right-circle.download{animation:none}.buttonLong:hover .buttonLong-right-circle.download img{animation:moveUpDown 1.2s linear infinite}.buttonLong:hover .buttonLong-right-circle.copied{animation:none}@media screen and (max-width:768px){.buttonLong-right-circle{width:32px;height:32px;padding:8px}.buttonLong-right-circle img{width:16px;height:16px}}@keyframes moveInOut{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-8px) rotate(2deg)}}@keyframes moveUpDown{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px)}75%{transform:translateY(2px)}}.footerItem{background:#f2f2f7}.footerItem-edge{width:min(1280px,100vw);margin:auto}.footerItem-content{display:flex;flex-direction:column;justify-content:flex-start;gap:48px;padding:96px 7.2% 32px;margin:auto}.footerItem-content-header h2{text-wrap:nowrap;width:467px}.footerItem-content-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:48px}.footerItem-content-button{display:flex;flex-direction:column;gap:16px;width:100%}.footerItem-content-button-text{display:none}.footerItem-content-privacy{padding-top:48px;display:flex;flex-direction:row;justify-content:space-between}.footerItem-content-privacy div:last-child{cursor:pointer}.footerItem-content-privacy div:last-child:hover{color:#5856d6}@media screen and (max-width:1080px)and (not (max-width:768px)){.footerItem-edge{width:100%}.footerItem{padding:56px 24px;width:100%}.footerItem-content{width:100%;padding:0}.footerItem-content h2,.footerItem-content h3{width:fit-content;text-wrap:nowrap}.footerItem-content .externalLinkDivider{display:none}}@media screen and (max-width:768px){.footerItem-edge{width:100%}.footerItem{padding:56px 16px 32px;width:100%}.footerItem-content{width:100%;padding:0;gap:32px}.footerItem-content-header{flex-direction:column}.footerItem-content-header h3{width:fit-content;text-wrap:nowrap}.footerItem-content-header .externalLinkDivider,.footerItem-content-header .externalLinks{display:none}.footerItem-content-text{text-align:center;width:100%}.footerItem-content-button-text{display:block;text-align:center}.footerItem-content-bottom{display:flex;flex-direction:column;gap:32px}.footerItem-content-privacy{padding-top:24px;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;flex-direction:column-reverse}}.cookiesBar{position:fixed;bottom:32px;left:50%;transform:translate(calc(-50% + 7.5px));width:min(1280px,100vw);z-index:10}.cookiesBar-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:32px;width:min(min(100%,85.6vw) + 24px,1120px);margin:auto;padding:16px 16px 16px 24px;border-radius:24px;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cookiesBar-content a{text-decoration:underline}.cookiesBar-content-button{padding:11px 16px 11px 24px;border:1px;border-radius:12px;background:#5856d6;cursor:pointer}@media screen and (max-width:1080px){.cookiesBar{bottom:12px;left:0;transform:none;width:calc(100% - 32px);margin:0 16px}.cookiesBar-content{width:100%}.cookiesBar-content-button{padding:12px 16px}}@media screen and (max-width:768px){.cookiesBar{width:calc(100% - 16px);margin:0 8px}}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.homePageTitle-out{background-color:#fff;width:min(1280px,100vw);margin:auto}.homePageTitle{display:flex;justify-content:flex-start;align-items:flex-start;gap:24px;padding:142px 96px 7.2%}.homePageTitle-animation{width:443px;height:100%}.homePageTitle-aboutMe{display:flex;flex-direction:column;justify-content:center;gap:32px;margin-top:180px;width:50%;width:min-content}.homePageTitle-aboutMe-title h1,.homePageTitle-aboutMe-title h2{text-transform:uppercase;text-wrap:nowrap}.homePageTitle-aboutMe-describe{display:flex;flex-direction:row;align-items:center;gap:24px;margin-bottom:56px}.homePageTitle-aboutMe-describe-face{position:relative;z-index:0}.homePageTitle-aboutMe-describe-face img{width:93px;height:62px;border-radius:32px}.homePageTitle-aboutMe-describe .face-rounded:after,.homePageTitle-aboutMe-describe .face-rounded:before{--angle: 180deg;content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(var(--angle),#5856D6 0%,rgba(88,86,214,0) 29%);top:47%;left:50%;border-radius:32px;translate:-50% -50%;z-index:-1;padding:1px;animation:spin 3s linear infinite}.homePageTitle-aboutMe-describe .face-rounded-final{animation:spin 3s linear}.homePageTitle-aboutMe-describe-face:before{filter:blur(3px);opacity:.7}.homePageTitle-aboutMe-describe-text{width:fit-content}@media screen and (max-width:1080px)and (not (max-width:768px)){.homePageTitle{flex-direction:column;align-items:flex-end;padding:96px 24px 56px;width:100%}.homePageTitle-animation .tagsphere{top:-100px}.homePageTitle-aboutMe{width:100%;align-items:flex-start;margin-top:0}}@media screen and (max-width:768px){.homePageTitle{flex-direction:column;padding:0 16px 32px;width:100%}.homePageTitle-animation{width:100%;order:1}.homePageTitle-aboutMe{padding-top:0;width:100%;margin-top:126px}.homePageTitle-aboutMe-title h1,.homePageTitle-aboutMe-title h2{text-align:center;text-wrap:auto}.homePageTitle-aboutMe-describe{flex-direction:column;margin-bottom:0}.homePageTitle-aboutMe-describe-text{width:100%;text-align:center}}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}.homePageProjects-out{background:#f2f2f7}.homePageProjects-content{width:min(1280px,100vw);margin:auto}.homePageProjects{display:flex;flex-direction:column;align-items:flex-start;overflow-x:hidden;gap:48px;padding:96px 7.2%}.homePageProjects-cards{display:flex;flex-direction:row;gap:24px}@media screen and (max-width:1080px)and (not (max-width:768px)){.homePageProjects{padding:56px 24px;gap:24px;width:100%}}@media screen and (max-width:768px){.homePageProjects{align-items:flex-start;padding:56px 16px;gap:24px;width:100%}.homePageProjects-cards{width:100%;flex-direction:column}}.homePageAbout-out{width:min(1280px,100vw);margin:auto}.homePageAbout{display:flex;flex-direction:column;align-items:flex-start;overflow-x:hidden;padding:96px 7.2% 0;gap:48px}.homePageAbout-content{display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:70px}.homePageAbout-content-hello{flex:1}.homePageAbout-content-body{display:flex;flex-direction:row;gap:70px;flex:3}.homePageAbout-content-body img{height:fit-content;object-fit:cover}.homePageAbout-content-body-text{display:flex;flex-direction:column;gap:12px}.homePageAbout-button{display:flex;flex-direction:column;gap:16px;width:100%}.homePageAbout-button-text{display:none}@media screen and (max-width:1080px)and (not (max-width:768px)){.homePageAbout{padding:56px 24px 0;gap:24px;width:100%}.homePageAbout-content{flex-direction:column;gap:24px}.homePageAbout-content-hello{width:299px}.homePageAbout-content-body{justify-content:space-between}}@media screen and (max-width:768px){.homePageAbout{align-items:flex-start;padding:56px 16px 0;gap:24px;width:100%}.homePageAbout-content{flex-direction:column;align-items:center;gap:24px}.homePageAbout-content-body{flex-direction:column;gap:24px}.homePageAbout-content-body-text,.homePageAbout-content-body img,.homePageAbout-content-hello{width:100%}.homePageAbout-button-text{display:block;text-align:center}}.homePageSkills-out{width:min(1280px,100vw);margin:auto}.homePageSkills{display:flex;flex-direction:row;justify-content:space-between;overflow-x:hidden;padding:96px 7.2%;gap:24px}.homePageSkills-block{display:flex;flex-direction:column;gap:24px}.homePageSkills-block h3{text-align:start}.homePageSkills-block-item{display:flex;flex-direction:column;gap:4px}.homePageSkills-block-item-content img{height:24px;width:24px}.homePageSkills-block-item-content{display:flex;flex-direction:row;gap:8px;padding:8px 0}@media screen and (max-width:1080px)and (not (max-width:768px)){.homePageSkills{padding:56px 24px;gap:24px;width:100%}}@media screen and (max-width:768px){.homePageSkills{align-items:center;flex-direction:column;padding:56px 16px;gap:32px;width:100%}.homePageSkills-block{align-items:flex-start;width:100%;gap:16px}.homePageSkills-block-item{align-items:center;width:100%;gap:8px}.homePageSkills-block-item-content{justify-content:flex-start;width:100%;padding:0}.homePageSkills-block-item-content img{display:none}}.cookiesPage{width:min(1280px,100vw);margin:auto;overflow-x:hidden}.cookiesPage-content{display:flex;flex-direction:column;gap:12px;padding:196px min((100vw - 1080px) / 2,7.2%) 96px}.cookiesPage-content h2{text-align:start}@media screen and (max-width:1080px){.cookiesPage-content{padding:96px 24px 56px}}@media screen and (max-width:768px){.cookiesPage-content{padding:96px 16px 56px}.cookiesPage-content h3,.cookiesPage-content span{text-align:start}}.aboutMePage{width:min(1280px,100vw);margin:auto;overflow-x:hidden}.aboutMePage-content{display:flex;flex-direction:column;justify-content:space-between;padding:196px 7.2% 0;width:100%}.aboutMePage-content-title{display:flex;flex-direction:row;justify-content:space-between;gap:93px}.aboutMePage-content-title .img-container{width:560px;height:340px;overflow:hidden;flex:1}.aboutMePage-content-title .img-container img{width:100%;height:100%;object-fit:cover;object-position:center}.aboutMePage-content-title-info{display:flex;flex-direction:column;gap:32px;flex:1}.aboutMePage-content-title-info-text{display:flex;flex-direction:column;gap:8px}.aboutMePage-content-title-info-resume{display:flex;flex-direction:column;gap:24px}.aboutMePage-content-about{display:flex;flex-direction:row;justify-content:space-between;gap:93px;padding-top:96px}.aboutMePage-content-about-info{display:flex;flex-direction:column;gap:32px;width:536px}.aboutMePage-content-about-info h2{text-align:start}.aboutMePage-content-about-info-text{display:flex;flex-direction:column;gap:12px}.aboutMePage-content-about-tools{display:flex;flex-direction:column;gap:24px;width:443px;height:fit-content;padding:24px;border-radius:24px;corner-shape:superellipse(1);background:#f2f2f7}.aboutMePage-content-about-tools-items{display:flex;flex-direction:column;gap:16px}.aboutMePage-content-work{display:flex;flex-direction:column;justify-content:space-between;padding-top:96px;gap:48px}.aboutMePage-content-work h2{text-align:start}.aboutMePage-content-work-info{display:flex;flex-direction:row;justify-content:space-between;gap:93px}.aboutMePage-content-work-info-bloсks{display:flex;flex-direction:column;flex:1}.aboutMePage-content-work-info-text{display:flex;flex-direction:column;gap:12px;flex:1}.aboutMePage-content-skills{display:flex;flex-direction:row;justify-content:space-between;padding:48px 0 94px}.aboutMePage-content-skills-block{display:flex;flex-direction:column;gap:24px}.aboutMePage-content-skills-block h3{text-align:start}.aboutMePage-content-skills-block-item{display:flex;flex-direction:column;gap:16px}.aboutMePage-content-skills-block-item-content{display:flex;flex-direction:row;gap:8px}.aboutMePage-content-steps{display:flex;justify-content:space-between;flex-direction:row;gap:24px}.aboutMePage-content-steps-block{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.aboutMePage-content-steps-block h3{text-align:start}.aboutMePage-content-steps-block-img{height:72px;width:72px;position:relative;transition:transform .5s;transform-style:preserve-3d}.aboutMePage-content-steps-block-img img{position:absolute;backface-visibility:hidden}.aboutMePage-content-steps-block-img .back{transform:rotateY(180deg)}.aboutMePage-content-steps-block-text{display:flex;flex-direction:column;gap:16px}@media not (max-width:1080px){.aboutMePage-content-steps-block:hover .aboutMePage-content-steps-block-img{transform:rotateY(180deg)}.aboutMePage-content-steps-block:hover .aboutMePage-content-steps-block-img.front,.aboutMePage-content-steps-block:hover .aboutMePage-content-steps-block-img.back{animation-fill-mode:forwards}}.aboutMePage-content-exp{padding:96px 0}.aboutMePage-content-exp-block{display:flex;justify-content:space-between;gap:93px;width:100%;padding:32px;border-radius:24px;corner-shape:superellipse(1);background:#f2f2f7}.aboutMePage-content-exp-block-content{display:flex;flex-direction:column;gap:32px;flex:1}.aboutMePage-content-exp-block-content h2{text-align:start}.aboutMePage-content-exp-block-content-data-item{display:flex;flex-direction:row;gap:32px}.aboutMePage-content-exp-block-content-data-item-left{display:flex;flex-direction:column;align-items:center}.aboutMePage-content-exp-block-content-data-item-left-circle{width:18px;height:18px;border:3px solid #5856d6;border-radius:99px;z-index:2}.aboutMePage-content-exp-block-content-data-item-left-circle.solid{background:#5856d6}.aboutMePage-content-exp-block-content-data-item-left-line{width:1px;height:calc(100% - 26px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cline x1='0' y1='0' x2='0' y2='100%25' stroke='%23D6D6DD' stroke-dasharray='4,4' stroke-width='2' /%3E%3C/svg%3E");background-repeat:repeat-y}.aboutMePage-content-exp-block-content-data-item-left-line.before{height:2px}.aboutMePage-content-exp-block-content-data-item-right{display:flex;flex-direction:column;gap:12px}.aboutMePage-content-exp-block-content-data-item-right-info,.aboutMePage-content-exp-block-content-data-item-right-info-head{display:flex;flex-direction:column;gap:8px}.aboutMePage-content-exp-block-content-data-item-right-info-content ul,.aboutMePage-content-exp-block-content-data-item-right-info-content li{margin-left:12px}.aboutMePage-content-exp-block-content-data-item-right-info-content{padding-bottom:24px}@media screen and (max-width:1080px){.aboutMePage-content{padding:96px 24px 0}.aboutMePage-content-title{gap:24px}.aboutMePage-content-title .img-container{width:350px}.aboutMePage-content-title-info{width:348px}.aboutMePage-content-about{padding-top:56px;gap:24px}.aboutMePage-content-about-info,.aboutMePage-content-about-tools{width:calc(50% - 12px)}.aboutMePage-content-work{padding-top:56px;gap:24px}.aboutMePage-content-work-info{gap:24px}.aboutMePage-content-skills,.aboutMePage-content-exp{padding:56px 0}.aboutMePage-content-exp-block{gap:32px}}@media screen and (max-width:768px){.aboutMePage-content{padding:96px 16px 0}.aboutMePage-content-title{flex-direction:column;gap:24px}.aboutMePage-content-title .img-container{width:100%;height:30vw}.aboutMePage-content-title .img-container img{height:340px}.aboutMePage-content-title-info{width:100%}.aboutMePage-content-title-info-text{gap:8px}.aboutMePage-content-title-info-text span{text-align:center}.aboutMePage-content-about{flex-direction:column}.aboutMePage-content-about h3{text-align:start}.aboutMePage-content-about-info{width:100%;gap:16px}.aboutMePage-content-about-tools{width:100%}.aboutMePage-content-work h3{text-align:start}.aboutMePage-content-work-info{flex-direction:column-reverse}.aboutMePage-content-skills{flex-direction:column;gap:32px}.aboutMePage-content-skills-block{gap:16px}.aboutMePage-content-skills-block-item{gap:8px}.aboutMePage-content-skills-block-item-content img{display:none}.aboutMePage-content-skills-block-item-content span{text-align:center}.aboutMePage-content-steps{flex-direction:column;gap:32px}.aboutMePage-content-steps-block{gap:16px}.aboutMePage-content-steps-block-text{gap:8px}.aboutMePage-content-exp-block{flex-direction:column;padding:24px}.aboutMePage-content-exp-block-content{gap:24px}.aboutMePage-content-exp-block-content h3{text-align:start}.aboutMePage-content-exp-block-content-data-item-left-line{height:calc(100% - 22px)}.aboutMePage-content-exp-block-content-data-item-left-line.before{height:4px}}.aboutMeToolItem{display:flex;flex-direction:row;align-items:center}.aboutMeToolItem span{min-width:163px}.aboutMeToolItem-bar{display:flex;flex-direction:row;width:100%}.aboutMeToolItem-bar div{height:4px;background:#fff;border-radius:10px}.aboutMeToolItem-bar div:first-child{background:#6abe79}.aboutMeToolItem-bar div:first-child.animate{animation:barSwing 4s ease-in-out forwards}.aboutMeToolItem-bar div:not(:first-child).animate{animation:barSwingReverse 4s ease-in-out forwards}@keyframes barSwing{0%{width:0}20%{width:0}70%{width:calc(var(--target-width) + 2%)}85%{width:calc(var(--target-width) - 2%)}to{width:var(--target-width)}}@keyframes barSwingReverse{0%{width:100%}20%{width:100%}70%{width:calc(var(--target-width) - 2%)}85%{width:calc(var(--target-width) + 2%)}to{width:calc(var(--target-width))}}.howIWorkItem{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;margin-top:-20px;margin-left:-6px;border:6px solid #FFFFFF;border-radius:24px;corner-shape:superellipse(1);background:#f2f2f7;padding:26px 24px 26px 48px;opacity:1;scale:1;transition:margin .4s ease-in-out,opacity .8s ease-in,scale .8s ease-in}.howIWorkItem.hideItem{opacity:0;scale:0}.howIWorkItem img{width:32px;height:32px}@media screen and not (max-width:1080px){.howIWorkItem:first-child{margin-top:0}.howIWorkItem:first-child:hover{margin-top:-8px}.howIWorkItem:first-child:hover+.howIWorkItem{margin-top:-12px}.howIWorkItem:last-child:hover{margin-top:-28px;margin-bottom:8px}.howIWorkItem:hover:not(:first-child):not(:last-child){margin-top:-28px}.howIWorkItem:hover:not(:first-child):not(:last-child)+.howIWorkItem{margin-top:-12px}}@media screen and (max-width:1080px){.howIWorkItem:first-child{margin-top:0}}.projectsPage{width:min(1280px,100vw);margin:auto;overflow-x:hidden}.projectsPage-content{display:flex;flex-direction:column;justify-content:space-between;padding:196px 7.2% 0;width:100%}.projectsPage-content-top{display:flex;flex-direction:row;gap:93px}.projectsPage-content-top-figure-atom{min-width:350px;position:relative}.projectsPage-content-top-figure-atom svg ellipse,.projectsPage-content-top-figure-atom svg path{animation:dashMove 1s linear infinite}.projectsPage-content-top-figure-atom svg path:nth-of-type(2){animation:dashMove 1s linear infinite reverse}.projectsPage-content-top-figure-atom svg circle:nth-of-type(1){fill:transparent;opacity:.15;animation:waterDrop 8s linear infinite}.projectsPage-content-top-figure-atom svg circle:nth-of-type(2){fill:transparent;animation:waterDrop 8s linear infinite;animation-delay:4s}.projectsPage-content-top-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:219px;gap:16px}.projectsPage-content-projects{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:96px 0}@media screen and (max-width:1080px){.projectsPage-content{padding:96px 24px 0}.projectsPage-content-top{flex-direction:column;gap:0}.projectsPage-content-top-figure{margin-right:0;margin-left:auto}.projectsPage-content-top-info{margin-top:0;margin-right:219px}.projectsPage-content-projects{padding:56px 0}}@media screen and (max-width:768px){.projectsPage-content{padding:96px 16px 0}.projectsPage-content-top-figure{margin:auto}.projectsPage-content-top-info{margin:auto;gap:16px}.projectsPage-content-projects{grid-template-columns:1fr}}.animatedBadges{position:absolute;top:0;left:0;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;offset-rotate:0deg;offset-anchor:center;animation-play-state:paused}.animatedBadges[value=prototypes]{background:#528fde;offset-path:url(#ellipseMain);--start-offset: -50%;--end-offset: 50%;animation:orbit 20s linear infinite}.animatedBadges[value=research]{background:#52c7de;offset-path:url(#ellipseMain);--start-offset: -10%;--end-offset: 90%;animation:orbit 20s linear infinite}.animatedBadges[value=cjm]{background:#de529d;offset-path:url(#ellipse90);--start-offset: 25%;--end-offset: 125%;animation:orbit 20s linear infinite}.animatedBadges[value=wireframes]{background:#e1e1ea;offset-path:url(#ellipse90);--start-offset: -25%;--end-offset: 75%;animation:orbit 20s linear infinite}.animatedBadges[value=branding]{background:#6abe79;offset-path:url(#ellipseLeft);--start-offset: 0%;--end-offset: 100%;animation:orbit 20s linear infinite}.animatedBadges[value=mockups]{background:#e1e1ea;offset-path:url(#ellipseLeft);--start-offset: 50%;--end-offset: 150%;animation:orbit 20s linear infinite}.animatedBadges[value=stories]{background:#e1e1ea;offset-path:url(#ellipseRight);--start-offset: 162%;--end-offset: 62%;animation:orbit 20s linear infinite}.animatedBadges[value=ta]{background:#dea852;offset-path:url(#ellipseRight);--start-offset: 112%;--end-offset: 12%;animation:orbit 20s linear infinite}.animatedBadges[active=paused]{animation-play-state:paused}.animatedBadges[active=active]{animation-play-state:running}@keyframes orbit{0%{offset-distance:var(--start-offset, 0%)}to{offset-distance:var(--end-offset, 100%)}}@keyframes waterDrop{0%{r:0px;opacity:.15}50%{r:20px}to{r:40px;opacity:0}}@keyframes dashMove{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}.ProjectsNavigator{display:flex;flex-direction:column;gap:16px;width:100%;margin:auto;width:min(1280px,100vw);padding:96px 92px 24px}.ProjectsNavigator-arrows{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-top:16px}.ProjectsNavigator-arrows-item{display:flex;flex-direction:row;gap:8px;padding:8px 0;cursor:pointer}.ProjectsNavigator-arrows-item:hover div{color:#5856d6}.ProjectsNavigator-arrows-item img{width:24px;height:24px}.ProjectsNavigator-arrows-item:first-child img{transform:rotate(180deg)}.ProjectsNavigator-cards{display:flex;flex-direction:row;justify-content:space-between;gap:24px;margin-bottom:16px}.ProjectsNavigator-cards-item{display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:16px;padding:24px;border:.5px solid #D6D6DD;border-radius:32px;corner-shape:squircle;transition:transform .5s ease;cursor:pointer}.ProjectsNavigator-cards-item:hover{transform:scale(1.03)}.ProjectsNavigator-cards-item div{text-align:start}.ProjectsNavigator-cards-item img{width:180px;height:180px;border-radius:24px;corner-shape:squircle;object-fit:cover}@media screen and (max-width:1080px){.ProjectsNavigator{padding:56px 24px 24px}.ProjectsNavigator-cards-item{border-radius:24px;padding:16px}.ProjectsNavigator-cards-item img{width:120px;height:120px;right:16px}}@media screen and (max-width:768px){.ProjectsNavigator{padding:32px 16px 16px;gap:8px}.ProjectsNavigator-arrows-item img{width:18px;height:18px}.ProjectsNavigator-cards{gap:12px}.ProjectsNavigator-cards-item{flex-direction:column-reverse;border-radius:16px;padding:12px}.ProjectsNavigator-cards-item img{width:72px;height:72px;right:8px}}.projectPageBlock{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:auto}.projectPageBlock img{width:min(1280px,100vw)}.projectPageBlock .ant-image-cover:hover{opacity:0}.projectPageBlockTitledText{display:flex;flex-direction:row;gap:12px;width:min(1280px,100vw);padding:96px 92px 24px;margin:auto}.projectPageBlockTitledText div{text-align:start}.projectPageBlockTitledText>div:first-child{flex:2}.projectPageBlockTitledText>div:last-child{flex:4;white-space:pre-line}.projectPageBlockTitledText-block{display:flex;flex-direction:column;gap:12px}.projectPageBlockTitledText-block div:last-child{width:fit-content;padding:8px 16px;border-radius:12px 12px 12px 1px}@media screen and (max-width:1080px){.projectPageBlockTitledText{padding:56px 24px 24px}.projectPageBlockTitledText div{text-align:start}}@media screen and (max-width:768px){.projectPageBlockTitledText{padding:32px 16px 16px;margin:16px 0;flex-direction:column}.projectPageBlockTitledText-block{flex-direction:column-reverse}.projectPageBlockTitledText-block div:last-child{padding:4px 12px;border-radius:8px 8px 8px 1px}}.ProjectsPageBlockTitle{display:flex;flex-direction:column;justify-content:center;width:min(1280px,100vw);padding:96px 92px 24px;margin:auto;gap:24px}.ProjectsPageBlockTitle-content{display:flex;flex-direction:column}.ProjectsPageBlockTitle-content-block{display:flex;flex-direction:row;justify-content:space-between;padding:24px 0;gap:24px}.ProjectsPageBlockTitle-content-block div{text-align:start}.ProjectsPageBlockTitle-content-block div:first-child{flex:2}.ProjectsPageBlockTitle-content-block div:nth-child(2){flex:4}.ProjectsPageBlockTitle-content-block-content{display:flex;flex-direction:column;gap:12px}.ProjectsPageBlockTitle-content-block-content ul{list-style:none;padding-left:0}.ProjectsPageBlockTitle-content-block-content li{position:relative;padding-left:16px}.ProjectsPageBlockTitle-content-block-content li:before{content:"•";position:absolute;left:0;top:0}@media screen and (max-width:1080px){.ProjectsPageBlockTitle{padding:56px 24px 24px}.ProjectsPageBlockTitle-content-block{padding:16px 0}}@media screen and (max-width:768px){.ProjectsPageBlockTitle{padding:32px 16px 16px;gap:8px}.ProjectsPageBlockTitle h3{text-align:start}.ProjectsPageBlockTitle-content-block{flex-direction:column;gap:12px}}.xLifePage{display:flex;justify-content:center;flex-direction:column}.XLifePageCover{display:flex;align-items:center;justify-content:center;width:100%;margin:auto}.XLifePageCover img{width:min(1280px,100vw)}.XLifePageCover .ant-image-cover:hover{opacity:0}.XLifePageTitle{display:flex;flex-direction:column;justify-content:center;width:min(1280px,100vw);padding:96px 92px 24px;margin:auto;gap:24px}.XLifePageTitle-content{display:flex;flex-direction:column}.XLifePageTitle-content-block{display:flex;flex-direction:row;justify-content:space-between;padding:24px 0;gap:24px}.XLifePageTitle-content-block div{text-align:start}.XLifePageTitle-content-block div:first-child{flex:2}.XLifePageTitle-content-block div:nth-child(2){flex:4}.XLifePageTitle-content-block-content{display:flex;flex-direction:column;gap:12px}.XLifePageTitle-content-block-content ul{list-style:none;padding-left:0}.XLifePageTitle-content-block-content li{position:relative;padding-left:16px}.XLifePageTitle-content-block-content li:before{content:"•";position:absolute;left:0;top:0}@media screen and (max-width:1080px){.XLifePageTitle{padding:56px 24px 24px}.XLifePageTitle-content-block{padding:16px 0}}@media screen and (max-width:768px){.XLifePageTitle{padding:32px 16px 16px;gap:8px}.XLifePageTitle h3{text-align:start}.XLifePageTitle-content-block{flex-direction:column;gap:12px}}.WeatherPage{display:flex;justify-content:center;flex-direction:column}.WeatherPageCover{display:flex;align-items:center;justify-content:center;width:100%;margin:auto}.WeatherPageCover img{width:min(1280px,100vw)}.WeatherPageCover .ant-image-cover:hover{opacity:0}.WeatherPageTitle{display:flex;flex-direction:column;justify-content:center;width:min(1280px,100vw);padding:96px 92px 24px;margin:auto;gap:24px}#root{overflow-x:hidden}#root *{-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}@media screen and (max-width:768px){#root{padding:0}}.no-scroll{overflow:hidden;position:fixed}