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