:root{font-family:DM Sans,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}::selection{background:#f5f4c3;color:#000}html{font-size:clamp(12px,5vw,36px)}body{font-family:DM Sans,sans-serif;font-optical-sizing:auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background-color:transparent}*{box-sizing:inherit}a{text-decoration:none;color:#000}a:hover{color:#000}a.project__item:hover .project__item-name{color:#0400ff}.project__item:last-child:hover{color:#b7b8b0;cursor:default}h5{margin:0}li{list-style-type:none}ul,body{padding:0;margin:0}html{font-size:62.5%;line-height:1.6rem;font-family:Inter,sans-serif;box-sizing:border-box;padding:0;margin:0}p{font-size:1.6rem}.grid__row{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}.grid__column-2{padding-left:5px;padding-right:5px;width:16.6667%}.grid__column-10{padding-left:5px;padding-right:5px;width:83.3333%}.grid__column-2-4{padding-left:5px;padding-right:5px;width:20%}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 24px;border:#fff 1px solid;border-style:none;border-radius:2px;font-size:1.3rem;background-color:#fff}.btn--disable{opacity:.4}.btn.btn--primary{border:none;background-color:#eb5c38;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes notiGrow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes growth{0%{transform:scale(var(--growth-from))}to{transform:scale(var(--growth-to))}}.modal{position:fixed;inset:0;display:none;display:flex}.modal__overplay{position:absolute;width:100%;height:100%;background-color:#0000004e}.modal__body{--growth-from: .7;--growth-to: 1;background-color:#fff;margin:auto;z-index:1;border-radius:4px;animation:growth linear .2s}.pagination{margin-top:32px}.footer-1{position:relative;transition:all .3s ease}.footer-1__item a{color:#fff}.footer-1.sticky a{color:#000}.footer-1.sticky{top:0;left:0;width:100%;color:#000;background-color:#f7f7f8;z-index:100}.footer-1{transition:color .3s ease}.hidden{opacity:0;visibility:hidden}#smooth-content{background-color:#f7f7f8;color:#000;will-change:transform}.not-mobile-layout{display:flex;height:100vh;background-color:#25262b;flex-direction:column;justify-content:center;align-items:center}.not-mobile-text{display:flex;flex-direction:column;gap:10px;text-align:center}.not-mobile-text span:nth-child(2){color:#67686e;font-style:italic}.grid{width:100%;display:block;padding:0}.grid.wide{max-width:1440px;margin:0 auto}.row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.row.no-gutters{margin-left:0;margin-right:0}.col{padding-left:12px;padding-right:12px}.row.no-gutters .col{padding-left:0;padding-right:0}.c-0{display:none}.c-1{flex:0 0 8.33333%;max-width:8.33333%}.c-2{flex:0 0 16.66667%;max-width:16.66667%}.c-3{flex:0 0 25%;max-width:25%}.c-4{flex:0 0 33.33333%;max-width:33.33333%}.c-5{flex:0 0 41.66667%;max-width:41.66667%}.c-6{flex:0 0 50%;max-width:50%}.c-7{flex:0 0 58.33333%;max-width:58.33333%}.c-8{flex:0 0 66.66667%;max-width:66.66667%}.c-9{flex:0 0 75%;max-width:75%}.c-10{flex:0 0 83.33333%;max-width:83.33333%}.c-11{flex:0 0 91.66667%;max-width:91.66667%}.c-12{flex:0 0 100%;max-width:100%}.c-o-1{margin-left:8.33333%}.c-o-2{margin-left:16.66667%}.c-o-3{margin-left:25%}.c-o-4{margin-left:33.33333%}.c-o-5{margin-left:41.66667%}.c-o-6{margin-left:50%}.c-o-7{margin-left:58.33333%}.c-o-8{margin-left:66.66667%}.c-o-9{margin-left:75%}.c-o-10{margin-left:83.33333%}.c-o-11{margin-left:91.66667%}@media (max-width: 740px){.row{margin-left:-8px;margin-right:-8px}.col{padding-left:8px;padding-right:8px}.m-0{display:none}.m-1,.m-2,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9,.m-10,.m-11,.m-12{display:block}.m-1{flex:0 0 8.33333%;max-width:8.33333%}.m-2{flex:0 0 16.66667%;max-width:16.66667%}.m-3{flex:0 0 25%;max-width:25%}.m-4{flex:0 0 33.33333%;max-width:33.33333%}.m-5{flex:0 0 41.66667%;max-width:41.66667%}.m-6{flex:0 0 50%;max-width:50%}.m-7{flex:0 0 58.33333%;max-width:58.33333%}.m-8{flex:0 0 66.66667%;max-width:66.66667%}.m-9{flex:0 0 75%;max-width:75%}.m-10{flex:0 0 83.33333%;max-width:83.33333%}.m-11{flex:0 0 91.66667%;max-width:91.66667%}.m-12{flex:0 0 100%;max-width:100%}.m-o-1{margin-left:8.33333%}.m-o-2{margin-left:16.66667%}.m-o-3{margin-left:25%}.m-o-4{margin-left:33.33333%}.m-o-5{margin-left:41.66667%}.m-o-6{margin-left:50%}.m-o-7{margin-left:58.33333%}.m-o-8{margin-left:66.66667%}.m-o-9{margin-left:75%}.m-o-10{margin-left:83.33333%}.m-o-11{margin-left:91.66667%}}@media (min-width: 740px) and (max-width: 1023px){.wide{width:100%}}@media (min-width: 1024px) and (max-width: 1239px){.wide{width:100%}.wide .row{margin-left:-12px;margin-right:-12px}.wide .row.sm-gutter{margin-left:-5px;margin-right:-5px}.wide .col{padding-left:12px;padding-right:12px}.wide .row.sm-gutter .col{padding-left:5px;padding-right:5px}.wide .l-0{display:none}.wide .l-1,.wide .l-2,.wide .l-2-4,.wide .l-3,.wide .l-4,.wide .l-5,.wide .l-6,.wide .l-7,.wide .l-8,.wide .l-9,.wide .l-10,.wide .l-11,.wide .l-12{display:block}.wide .l-1{flex:0 0 8.33333%;max-width:8.33333%}.wide .l-2{flex:0 0 16.66667%;max-width:16.66667%}.wide .l-2-4{flex:0 0 20%;max-width:20%}.wide .l-3{flex:0 0 25%;max-width:25%}.wide .l-4{flex:0 0 33.33333%;max-width:33.33333%}.wide .l-5{flex:0 0 41.66667%;max-width:41.66667%}.wide .l-6{flex:0 0 50%;max-width:50%}.wide .l-7{flex:0 0 58.33333%;max-width:58.33333%}.wide .l-8{flex:0 0 66.66667%;max-width:66.66667%}.wide .l-9{flex:0 0 75%;max-width:75%}.wide .l-10{flex:0 0 83.33333%;max-width:83.33333%}.wide .l-11{flex:0 0 91.66667%;max-width:91.66667%}.wide .l-12{flex:0 0 100%;max-width:100%}.wide .l-o-1{margin-left:8.33333%}.wide .l-o-2{margin-left:16.66667%}.wide .l-o-3{margin-left:25%}.wide .l-o-4{margin-left:33.33333%}.wide .l-o-5{margin-left:41.66667%}.wide .l-o-6{margin-left:50%}.wide .l-o-7{margin-left:58.33333%}.wide .l-o-8{margin-left:66.66667%}.wide .l-o-9{margin-left:75%}.wide .l-o-10{margin-left:83.33333%}.wide .l-o-11{margin-left:91.66667%}}:root{--primary-color: #0300be;--text-1: 80px;--text-2: clamp(20px, 3.5vw, 80px);--text-3: 24px;--text-4: 20px;--text-5: clamp(13px, 1.1vw, 52px);--text-6: 16px;--padding: 24px;--text-color: black;--text-color-3: #adadb7}.tc-3{color:var(--text-color-3)}.t-100{font-weight:100}.t-200{font-weight:200}.t-300{font-weight:300}.t-400{font-weight:400}.t-500{font-weight:500}.t-600{font-weight:600}.t-700{font-weight:700}.t-800{font-weight:800}.t-900{font-weight:900}.text-1{font-size:var(--text-1)}.text-2{font-size:var(--text-2);font-weight:600}.text-3{font-size:var(--text-3)}.text-4{font-size:var(--text-4)}.text-5{font-size:var(--text-5);line-height:130%}.text-6{font-size:var(--text-6)}#root{width:100%}#mainlogo{z-index:100}.flex-r{display:flex}.flex-c{display:flex;flex-direction:column}.align-j{justify-content:space-between}.align-c{justify-content:center;align-items:center}.logo-opacity{opacity:.1;transform:translateY(-65%)}.hero{background-color:var(--primary-color);height:calc(100vh - 60px);position:relative}.logo-container{padding:12px 24px;margin-bottom:-8%}.hero-container{display:flex;justify-content:end;padding:0 var(--padding)}.hero-content{color:#fff}.four-lines{font-size:var(--text-2);line-height:1.2;width:24ch;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:right}.footer-1{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px var(--padding);width:100%;font-size:var(--text-4);white-space:nowrap;overflow:hidden;color:#fff;background-color:#0300be}.footer-1 .footer-1__item:nth-child(1){justify-self:start}.footer-1 .footer-1__item:nth-child(2){justify-self:center}.footer-1 .footer-1__item:nth-child(3){justify-self:end}.info{display:flex;color:var(--text-color);padding:30vh var(--padding)}.small-logo-container{overflow:hidden}.small-logo{transform:translateY(-106%);width:auto}.info__about{display:flex;flex-direction:column}.info__about{width:calc(50% - 112.08px)}.info__history{width:calc(50% + 112.08px);padding:0 56.04px}.info__about-headline{margin-bottom:40px}.info__about-detail-container{width:70%}.info__about-detail{margin-bottom:20px;line-height:190%}.info__domain{margin-bottom:8px}.info__worked-list{display:flex;flex-direction:column;gap:80px}.info__company{margin-bottom:32px}.info__company-description{width:70%;line-height:190%}.skill-section{display:block;width:100%;max-width:100%;overflow:hidden;padding:0 var(--padding);position:relative;color:var(--text-color);height:80vh;margin-bottom:20vh}.skill__headline{position:absolute;inset:28px auto auto 25px}#fakeSkill{z-index:3;position:absolute;top:0;left:var(--padding);color:#e0e0e48e;text-indent:26vw;font-size:5.6vw;letter-spacing:-3px;padding:20px 0;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#mySkill{position:absolute;z-index:5;color:#000;text-indent:26vw;font-size:5.6vw;letter-spacing:-3px;padding:20px 0;width:100%}.project-section{display:flex;padding:0 var(--padding);height:100vh;position:relative}.project-heading{display:flex;flex-direction:column}.project__headline{margin-bottom:20px}.project__title{width:90%}.project__list{display:flex;flex-direction:column;gap:24px}.project__item{padding:20px;background-color:#fff;border:solid 1px #E4E3E9;border-radius:7px}.project__item-id{font-size:32px;margin-bottom:20px}.project__item-name{margin-bottom:80px}.project__item-description{font-size:var(--text-5);width:60%;line-height:24px}#id{scroll-behavior:smooth}.wrap-section{display:flex;flex-direction:column;align-items:center;justify-content:start;text-align:center;position:relative;z-index:0;padding:10vh 0}.wrap-content{width:50%;color:#000;text-decoration:solid;font-style:italic;position:relative;z-index:10;margin-top:4rem}#box{position:relative;width:100%;height:auto;z-index:1}.brush-effect{display:inline-block;position:relative}.brush{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:auto;pointer-events:none;z-index:0}.text{position:relative;z-index:1;display:inline}.main-footer{display:block;overflow:hidden;padding:0 var(--padding);font-weight:00}.footer__info-container{display:flex;justify-content:space-between}.footer__info-left>.container{display:flex;align-items:center;gap:24px;text-transform:uppercase;margin-bottom:40px}.footer__info-location{display:inline-flex;align-items:center;gap:8px}.footer__info-right{text-transform:uppercase;display:flex;gap:80px}.footer__info-email{font-size:40px}.link-list{display:flex;flex-direction:column;gap:6px;margin-top:24px}.footer__logo{margin-top:280px;padding-bottom:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.footer__logo>img{border-radius:6px}#smooth-wrapper{overflow:hidden;height:100%}#smooth-content{will-change:transform}