.accordion[data-v-5e17aaa4]{border-bottom:1px solid #ddd}.accordion__header[data-v-5e17aaa4]{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:20px 0;display:flex}@media screen and (width<=768px){.accordion__header[data-v-5e17aaa4]{padding:10px 0}}.accordion__icon[data-v-5e17aaa4]{font-size:24px;transition:transform .3s}.accordion__icon.is-open[data-v-5e17aaa4]{transform:rotate(45deg)}.accordion__content[data-v-5e17aaa4]{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.accordion__content.is-open[data-v-5e17aaa4]{grid-template-rows:1fr}.accordion__inner[data-v-5e17aaa4]{min-height:0;overflow:hidden}.accordion__content.is-open .accordion__inner[data-v-5e17aaa4]{padding-bottom:20px}@media (prefers-reduced-motion:reduce){.accordion__content[data-v-5e17aaa4],.accordion__icon[data-v-5e17aaa4]{transition:none}}@font-face{font-family:Geist Mono;src:url(/resume-2.0/assets/GeistMono-Dispecij.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.center{width:min(100% - 40px,1600px);margin-inline:auto}.section{padding:60px 0}@media screen and (width<=1024px){.section{padding:50px 0}}@media screen and (width<=560px){.section{padding:40px 0}}@media screen and (width<=460px){.section{padding:32px 0}}.main-content{flex:1}#app,.page{flex-direction:column;flex:1;display:flex}.flex{grid-gap:32px;justify-content:space-between;align-items:start;display:flex}@media screen and (width<=768px){.flex{grid-gap:16px}}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-start{justify-content:flex-start}.flex-column{flex-direction:column}.flex-1{flex:1}.grid{display:grid}::placeholder{color:#847979}::selection{color:gold;background-color:#243b6e}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background-color:#000;border:none;border-radius:10px}::-webkit-scrollbar-track{background:0 0}html{height:100%}body{scroll-behavior:smooth;text-rendering:optimizespeed;color:#847979;background:#fff url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAeAB4AAD/2wBDAAQDAwQDAwQEAwQFBAQFBgoHBgYGBg0JCggKDw0QEA8NDw4RExgUERIXEg4PFRwVFxkZGxsbEBQdHx0aHxgaGxr/2wBDAQQFBQYFBgwHBwwaEQ8RGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhr/wAARCAA8ADwDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAIBCP/EABoQAQEAAgMAAAAAAAAAAAAAAAABAkIREjH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAv/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AO+ASKDYAAADspIKEgKZGANrFMoMAAAAAAG1oJFAAMy8A5amqASoBKk6gP/Z);flex-direction:column;min-height:100vh;font-family:Geist Mono,monospace;font-size:16px;display:flex;position:relative;overflow-x:hidden}body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body,h1,h2,h3,h4,h5,h6,p,ol,ul{font-weight:400}ul:not(.ul),ol:not(.ol){list-style:none}table{border-collapse:collapse;border-spacing:0}fieldset,img,abbr{border:0}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,button,label,textarea,select{appearance:none;font:inherit;-webkit-tap-highlight-color:transparent;outline:none}button{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}button:focus{outline:none}input{appearance:none;background:0 0;width:100%;height:52px;font-family:Geist Mono,monospace;font-size:16px}input::-ms-clear{display:none}input::-ms-reveal{display:none}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus{outline:none}input:required:invalid{box-shadow:none}input::selection{color:#fff;background-color:brown}textarea{resize:none;width:100%;max-width:100%;height:160px;padding:20px 0;display:block}input,textarea{color:#847979;background:0 0;border:none;border-bottom:1px solid #21212129;margin-top:24px}a{color:brown;-webkit-tap-highlight-color:transparent;text-decoration:none;transition:all .3s}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img{max-width:100%;display:block}p{line-height:1.4}@media screen and (width<=768px){p{line-height:1.5}}p+p,p+h4{margin-top:30px}@media screen and (width<=768px){p+p,p+h4{margin-top:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:#212121;font-family:Geist Mono,monospace;font-weight:700;line-height:1.2}strong{font-family:Geist Mono,monospace}h1,.h1{margin-bottom:32px;font-size:clamp(48px,8vw,96px);line-height:.95}@media screen and (width<=560px){h1,.h1{margin-bottom:26px}}h2,.h2{margin-bottom:24px;font-size:64px}@media screen and (width<=1024px){h2,.h2{font-size:36px}}@media screen and (width<=560px){h2,.h2{margin-bottom:18px}}h3,.h3{margin-bottom:20px;font-size:32px}@media screen and (width<=1024px){h3,.h3{font-size:26px}}@media screen and (width<=560px){h3,.h3{margin-bottom:14px}}h4,.h4{margin-bottom:14px;font-size:20px}@media screen and (width<=1024px){h4,.h4{font-size:18px}}@media screen and (width<=560px){h4,.h4{margin-bottom:12px}}h5,.h5{margin-bottom:12px;font-size:16px}h6,.h6{margin-bottom:10px;font-size:14px}.rotate{margin:auto;animation:10s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-header{z-index:10;background:#fff;border-bottom:1px solid #21212129;position:sticky;top:0}.main-header .center{justify-content:space-between;align-items:center;min-height:42px;display:flex}.main-header .logo{color:#847979;margin-bottom:0;font-size:24px}.main-header .main-nav{align-items:center;gap:32px;transition:all .8s;display:flex}@media screen and (width<=1024px){.main-header .main-nav{opacity:0;visibility:hidden;background:#fff;flex-direction:column;justify-content:center;width:100%;height:100%;font-size:4.4vw;font-weight:700;position:fixed;top:0;left:0}}.main-header .main-nav a{align-items:center;padding-left:28px;display:flex;position:relative}.main-header .main-nav a:before{content:"";background:#db3335;border-radius:16px;width:6px;height:6px;margin:auto;transition:all .3s;position:absolute;top:0;bottom:0;left:0}.main-header .main-nav .router-link-active,.main-header .main-nav a:hover{opacity:1;color:#db3335}.main-header .main-nav .router-link-active:before,.main-header .main-nav a:hover:before{width:16px}@media screen and (width<=1024px){body.open-menu .main-header .main-nav{opacity:1;visibility:visible}}.footer{color:#fff;background:#212121;padding:24px 0}.project-detail .top-image{background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:30vw;padding:20px}.project-detail .back-link{color:#fff;text-shadow:0 0 2px #212121;font-size:18px}.project-detail .description-detail{grid-gap:16px;justify-content:space-between;display:flex}.project-detail .description-detail>*{max-width:460px}.project-detail .description-detail .detail{grid-gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.project-detail .description-detail .list{grid-gap:16px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));display:grid}.blog-section .items{grid-gap:60px 20px;border-top:1px solid #21212129;border-bottom:1px solid #21212129;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:flex-start;padding:20px 0;display:grid}@media screen and (width<=768px){.blog-section .items{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.blog-detail .image{object-fit:cover;width:100%;height:340px}.blog-detail .image.rotate{height:initial;object-fit:contain;width:60%}.blog-detail .tags{flex-wrap:wrap;display:flex}.blog-detail .tags *+*{grid-gap:8px;align-items:center;margin-top:0;margin-right:8px;padding-left:8px;display:flex}.blog-detail .tags *+:before{content:"";background:#847979;width:4px;height:4px;display:inline-block}.blog-detail .link{border:1px solid #21212129;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;display:flex}.top-contact a{color:#db3335;font-weight:500}.top-contact .items{align-items:center;display:flex}.top-contact .items>*{flex:1}.top-contact .image{margin-left:10vw}@media screen and (width<=768px){.top-contact .image{margin-left:40px}}@media screen and (width<=560px){.top-contact .image{display:none}}.top-contact .title{border-top:1px solid #21212129;padding-top:16px}.form-section{max-width:600px;margin:auto}.form-section .btn{margin-top:24px}.projects-section .items{flex-wrap:wrap;align-items:flex-start;display:flex}.projects-section .items .item{max-width:800px}@media screen and (width<=560px){.projects-section .items .item img{aspect-ratio:16/9;object-fit:cover}}.projects-section .items .item:nth-child(4n+1),.projects-section .items .item:nth-child(4n+4){flex:40%;max-width:40%}@media screen and (width<=560px){.projects-section .items .item:nth-child(4n+1),.projects-section .items .item:nth-child(4n+4){flex:100%;max-width:100%}}.projects-section .items .item:nth-child(4n+2),.projects-section .items .item:nth-child(4n+3){flex:50%}@media screen and (width<=560px){.projects-section .items .item:nth-child(4n+2),.projects-section .items .item:nth-child(4n+3){flex:100%;max-width:100%}}.projects-section .items .item:nth-child(4n+2){margin-left:10%}@media screen and (width<=1024px){.projects-section .items .item:nth-child(4n+2){margin-left:4%}}@media screen and (width<=560px){.projects-section .items .item:nth-child(4n+2){margin-left:initial}}.projects-section .items .item:nth-child(4n+3){margin-right:10%}@media screen and (width<=1024px){.projects-section .items .item:nth-child(4n+3){margin-right:4%}}@media screen and (width<=560px){.projects-section .items .item:nth-child(4n+3){margin-right:initial}}.projects-section .items .big:last-child{margin-left:10%}.projects-section .header{border-bottom:1px solid #21212133;padding-bottom:20px}.projects-section .header .items{align-items:center}@media screen and (width<=1024px){.projects-section .header .items{flex-direction:column;align-items:flex-start}}.projects-section .header h2{margin-bottom:0}.projects-section .text-btn{justify-content:space-between;align-items:center;display:flex}@media screen and (width<=1024px){.projects-section .text-btn{width:100%;margin-top:20px;margin-left:0!important}}@media screen and (width<=560px){.projects-section .text-btn{flex-direction:column;align-items:flex-start}}.projects-section .text-btn .btn{margin-top:0}.projects-section .text-btn .text{padding-right:20px}@media screen and (width<=560px){.projects-section .text-btn .text{margin-bottom:20px}}.skills-section h4{color:#db3335}.skills-section h5{margin-bottom:0}.skills-section .list{grid-template-columns:repeat(3,1fr);display:grid}@media screen and (width<=768px){.skills-section .list{grid-template-columns:repeat(1,1fr)}}.skills-section .list{border-top:1px solid #21212129;border-left:1px solid #21212129}.skills-section .list .item{flex-direction:column;display:flex}.skills-section .list .detail{display:none}.skills-section .skill-detail{border-bottom:1px solid #21212129;border-right:1px solid #21212129;height:100%;padding:24px}.skills-section .skill{flex-direction:column;justify-content:space-between;min-height:60px;display:flex}.skills-section.full-detail .detail{border-top:1px solid #21212129;padding-top:24px;display:block}.top-section{flex-direction:column;justify-content:center;min-height:calc(100vh - 42px);display:flex}.top-section .image{max-width:760px}@media screen and (width<=1024px){.top-section .image{max-width:460px}}.top-section .position{font-weight:400}@media screen and (width<=1024px){.top-section .flex{flex-direction:column-reverse}}@media screen and (width<=768px){.who-i-am .flex{flex-direction:column}}.who-i-am .text{max-width:520px;padding:60px}@media screen and (width<=1920px){.who-i-am .text{padding:3.125vw}}@media screen and (width<=768px){.who-i-am .text{padding:20px 0 0}}.who-i-am .image-left{max-width:480px}@media screen and (width<=768px){.who-i-am .image-left{max-width:initial;width:100%}.who-i-am .image-left img{object-fit:cover;object-position:center 40%;width:100%;height:300px}}.who-i-am .image-right{max-width:280px}@media screen and (width<=1024px){.who-i-am .image-right{display:none}}.experience-section .title{margin-bottom:0}.experience-section .text-list,.experience-section .list,.experience-section .list .item{flex-wrap:wrap;display:flex}.experience-section .text-list>*,.experience-section .list>*,.experience-section .list .item>*{flex:50%}@media screen and (width<=1024px){.experience-section .list{border-bottom:1px solid #21212129}}.experience-section .description{margin-top:12px}.experience-section .logo-text{display:flex}.experience-section .logo-text .logo{justify-content:center;align-items:center;width:70px;height:70px;margin-right:12px;display:flex}.experience-section .text{flex-direction:column;flex:36%;justify-content:space-between;padding:20px 20px 20px 0;display:flex}@media screen and (width<=1024px){.experience-section .text{padding:30px 20px}}.experience-section .text-list{border-top:1px solid #21212129;border-bottom:1px solid #21212129}@media screen and (width<=1024px){.experience-section .text-list{flex-direction:column-reverse;margin:0 -20px}}.experience-section .company{color:#db3335}.experience-section .item{flex:100%}@media screen and (width<=560px){.experience-section .item:nth-child(2n){background:#fff}}.experience-section .item:nth-child(2n) .detail{order:2}.experience-section .item:last-child>*{border-bottom:initial}.experience-section .item>*{border-bottom:1px solid #21212129;border-left:1px solid #21212129;padding:12px}@media screen and (width<=560px){.experience-section .item .detail+*{display:none}}.faq-section .wrap-accordion-list{border-top:1px solid #21212129;border-bottom:1px solid #21212129;align-items:center;display:flex}@media screen and (width<=560px){.faq-section .wrap-accordion-list{flex-direction:column}}.faq-section .accordion-list{flex:1}.faq-section .accordion-list .accordion:last-child{border-bottom:none}.faq-section .left{padding:2vw 8vw}@media screen and (width<=1024px){.faq-section .left{padding:2vw 2vw 2vw 0}}@media screen and (width<=560px){.faq-section .left{padding:20px}}.faq-section .image{max-width:340px}@media screen and (width<=1024px){.faq-section .image{max-width:260px}}@media screen and (width<=768px){.faq-section .image{max-width:140px}}@media screen and (width<=560px){.faq-section .image{max-width:260px}}.not-found .items{flex-direction:column;display:flex}.not-found .items>*{max-width:576px}.not-found .top-image,.not-found .bottom-image{object-fit:cover;width:30vw;height:16.146vw}.not-found .bottom-image{align-self:flex-end}.not-found .text{margin-left:auto;margin-right:auto;position:relative}.not-found .text:after,.not-found .text:before{content:"";background-color:#2121210f;width:120vw;height:1px;position:absolute;left:0}.not-found .text:after{top:40px}.not-found .text:before{bottom:40px}.description-section table{color:#212121;width:100%}.description-section table+*{margin-top:30px}.description-section tr{border-bottom:1px solid #21212129}.description-section tr:nth-child(odd){background-color:#fff}.description-section td{padding:10px}.description-section td:first-child{padding-left:0}.description-section td:last-child{padding-right:0}.description-section .center{max-width:600px}.btn{color:#fff;min-height:46px;letter-spacing:-2%;white-space:nowrap;background:#db3335;border-radius:4px;justify-content:center;align-items:center;min-width:190px;margin-top:60px;padding:12px 24px;font-weight:600;transition:all .7s;display:inline-flex;position:relative;overflow:hidden}@media screen and (width<=460px){.btn{width:100%}}.btn svg,.btn img{transition:all .3s;position:relative;left:0}.btn:after{content:"";z-index:-1;background:#212121cc;border-radius:4px;width:100%;height:0;transition:all .3s;position:absolute;bottom:0;left:0}.btn:hover{transform:scale(1.03)}.btn:hover:after{height:100%}.btn:hover svg,.btn:hover img{left:6px}@media screen and (width<=1024px){.btn{margin-top:30px}}.btn>:first-child{margin-right:12px}.btn.white{color:#847979;background:#fff;border:1px solid #21212129}.btn.white:hover{color:#fff}.btn.white:hover path{stroke:#fff}.open-projects .items{grid-gap:10px;border-top:1px solid #21212129;border-bottom:1px solid #21212129;padding:20px 0;display:flex}@media screen and (width<=768px){.open-projects .items{justify-content:center}}.open-projects .btn{margin-top:48px}.open-projects .item{width:25%}@media screen and (width<=768px){.open-projects .item:not(.big){display:none}}.open-projects .item img{object-fit:cover;min-height:400px}.open-projects .item.big{width:50%}@media screen and (width<=768px){.open-projects .item.big{max-width:600px;width:initial}}.open-projects .description{align-items:center;max-width:640px;min-height:400px;padding:20px 10vw 20px 0;display:flex}@media screen and (width<=1024px){.open-projects .description{padding:20px 20px 20px 0}}@media screen and (width<=768px){.open-projects .description{min-height:initial;margin-bottom:40px;padding:20px 0}}.open-projects .small{aspect-ratio:9/10;object-fit:cover;object-position:center}body.open-menu .btn-menu:hover span:nth-child(2),.btn-menu.open .btn-menu:hover span:nth-child(2){transform:rotate(50deg)}body.open-menu .btn-menu:hover span:nth-child(3),.btn-menu.open .btn-menu:hover span:nth-child(3){transform:rotate(-50deg)}body.open-menu .btn-menu span:first-child,.btn-menu.open .btn-menu span:first-child{width:0;top:16px;left:50%}body.open-menu .btn-menu span:nth-child(2),.btn-menu.open .btn-menu span:nth-child(2){transform:rotate(45deg)}body.open-menu .btn-menu span:nth-child(3),.btn-menu.open .btn-menu span:nth-child(3){transform:rotate(-45deg)}body.open-menu .btn-menu span:nth-child(4),.btn-menu.open .btn-menu span:nth-child(4){width:0;top:16px;left:50%}.btn-menu{cursor:pointer;border:none;width:28px;height:20px;display:none;position:relative}@media screen and (width<=1024px){.btn-menu{display:block}}.btn-menu span{opacity:1;background:#db3335;border-radius:9px;width:100%;height:4px;transition:all .25s ease-in-out;display:block;position:absolute;left:0;transform:rotate(0)}.btn-menu span:first-child{top:0}.btn-menu span:nth-child(2),.btn-menu span:nth-child(3){top:8px}.btn-menu span:nth-child(4){top:16px}.copy-js{cursor:pointer;background:#fff;border:none;border-radius:10px;width:30px;height:30px;margin-left:10px;position:relative;top:10px}.copy-js.active .not-ok{opacity:0}.copy-js.active .ok{opacity:1}.not-ok,.ok{margin:auto;transition:all .3s;position:absolute;inset:0}.ok{opacity:0}.mt-24{margin-top:24px}@media screen and (width<=768px){.mt-24{margin-top:16px}}.mt-20{margin-top:20px}@media screen and (width<=768px){.mt-20{margin-top:16px}}.m-auto{margin:auto}.mt-60{margin-top:60px}@media screen and (width<=1024px){.mt-60{margin-top:30px}}.max-w-700{max-width:700px}.pb-0{padding-bottom:0}.mb-0{margin-bottom:0}.text-red{color:#db3335}.network{width:100%;display:flex}@media screen and (width<=560px){.network{font-size:12px}}.network a{text-align:center;text-transform:uppercase;color:#847979;border:1px solid #21212129;border-left:none;flex:1;padding:14px}@media screen and (width<=768px){.network a{padding:10px 4px}}.network a:hover{color:#db3335;background:#fff}.network a:first-child{text-align:left;padding-left:0}.network a:last-child{text-align:right;border-right:none;padding-right:0}.btns{grid-gap:32px;display:flex}@media screen and (width<=768px){.btns{grid-gap:16px}}@media screen and (width<=560px){.btns{flex-direction:column}}.btns .btn{margin-top:0}@media screen and (width<=1024px){.btns .btn{width:100%}}