.badges{z-index:1;flex-direction:column;justify-content:flex-end;gap:1rem;padding-right:2rem;display:flex;position:fixed;top:4rem;right:4rem}.badges span{background:var(--color-primary);width:.4rem;height:2.9rem;display:block;position:absolute;top:0;right:0}.badges p{color:var(--color-base100);text-align:right;font-size:1.6rem;line-height:1em}.badges p b{color:var(--color-base1000)}@media (orientation:portrait) and (width<=1023px){.badges{top:1.2rem;right:1.2rem;transform:scale(.6)}}@media (orientation:landscape) and (height<=639px){.badges{top:1.6rem;right:1.6rem;transform:scale(.8)}}.job{flex-direction:column;gap:2.5rem;font-size:1.8rem;font-weight:200;display:flex;position:relative}.job img{background:#fff;width:15.9rem;height:15.9rem;position:absolute;top:0;left:-3rem;transform:translate(-15.9rem);box-shadow:0 6rem 6rem -2rem #0003}.job .job-items{flex-direction:column;gap:2.5rem;display:flex}.job h2{font-size:2.8rem;line-height:1em}.job a{color:inherit}.job .job-item{line-height:1.2em}.job .job-item ul{flex-wrap:wrap;gap:.5rem;display:flex}.job .job-item ul li{background:var(--color-primary);color:var(--color-base1000);letter-spacing:-.01em;text-transform:uppercase;padding:.25rem .75rem;font-size:1.4rem;font-weight:600;line-height:1em}@media (orientation:portrait) and (width<=1023px){.job{font-size:1.6rem}.job .job-head{align-items:center;gap:1rem;display:flex}.job img{box-shadow:unset;height:8rem;left:unset;top:unset;transform:unset;width:8rem;position:static}.job h2{letter-spacing:-.02em;font-size:2rem}.job .job-item ul{gap:.25rem}.job .job-item ul li{letter-spacing:-.02em;padding:.25rem .5rem;font-size:1.2rem}}@media (orientation:landscape) and (height<=639px){.job{font-size:1.6rem}.job .job-head{align-items:center;gap:2rem;display:flex}.job .job-items{flex-flow:wrap}.job img{box-shadow:unset;height:8rem;left:unset;top:unset;transform:unset;width:8rem;position:static}.job h2{letter-spacing:-.02em;font-size:2rem}.job .job-item ul{gap:.25rem}.job .job-item ul li{letter-spacing:-.02em;padding:.25rem .5rem;font-size:1.2rem}}.modal{background:#08101cf0;justify-content:center;align-items:center;width:40svw;height:100svh;padding:0 8rem 0 14rem;display:flex;position:fixed;top:0;right:0}.modal button{all:unset;cursor:pointer;height:5rem;transform:all .2s ease-in-out;z-index:1;justify-content:center;align-items:center;width:5rem;padding:2rem;display:flex;position:absolute;top:0;right:0}.modal button svg{fill:var(--color-base0)}.modal button :active{transform:scale(.95)}.modal .modal-content{color:var(--color-base0)}@media (width<=639px){.modal{width:100svw;padding:0 3rem}}@media (width>=640px) and (width<=1279px){.modal{width:100svw;padding:0 7rem}}aside{box-shadow:inset 0 0 0 .1rem var(--color-base1000);z-index:1;flex-direction:column;justify-content:space-between;align-items:center;width:7rem;height:calc(100% - 4rem);padding:3rem;display:flex;position:fixed;top:2rem;left:2rem}aside .home-button{all:unset;cursor:pointer;justify-content:center;align-items:center;width:2.7rem;height:2.52rem;display:flex}aside .home-button .logo{flex-shrink:0;flex-basis:content;width:100%;height:100%}aside .home-button:focus-visible{outline-offset:1rem;outline:2px solid var(--color-primary);background:#3cffdc0d;font-weight:600}aside nav{flex-direction:row-reverse;align-items:center;gap:1rem;display:flex;transform:rotate(-90deg)}aside nav button{all:unset;cursor:pointer;text-transform:uppercase;outline-color:#0000;margin:0;padding:1em;font-size:1.75rem;font-weight:200;line-height:1em;transition:all .15s ease-in-out;position:relative}aside nav button:focus-visible{outline:2px solid var(--color-primary);background:#3cffdc0d;font-weight:600}@media (width>=1024px){aside nav button:hover{padding-top:2.5em}}aside nav button:before{content:"";z-index:-1;background:0 0;width:.5em;height:.5em;transition:all .3s ease-in-out;position:absolute;bottom:.85em;left:.85em;transform:scale(0)}aside nav .active{font-weight:700}aside nav .active:before{background:var(--color-primary);transform:scale(1)}aside .social{flex-direction:column;gap:1rem;display:flex}aside .social a{justify-content:center;align-items:center;padding:1em;display:flex}aside .social a .icon{width:2rem;height:2rem;transition:all .15s ease-in-out}aside .social a .icon:hover{transform:scale(1.1)}aside .social a:focus-visible{outline:2px solid var(--color-primary);background:#3cffdc0d;font-weight:600}aside .social a:focus-visible .icon{transform:scale(1.05)}@media (orientation:portrait) and (width<=1023px){aside{box-shadow:none;height:100%;top:0;left:0}}@media (orientation:landscape) and (height<=639px){aside{box-shadow:.1rem 0 0 0 var(--color-base1000);height:100%;top:0;left:0}aside nav{gap:0}aside nav button{padding:1rem;font-size:1.5rem}aside nav button:before{bottom:.55em;left:.55em}aside nav button:hover{padding-top:1rem}}.about div section{flex-direction:column;align-items:flex-start;gap:3rem;display:flex}.about div section h2{color:var(--color-base300);text-transform:uppercase;font-size:3.2rem;font-weight:300;line-height:1em}.about div section h2 span{font-size:2.4rem;line-height:inherit}.about div section h1{color:var(--color-base1000);font-family:HEMAN;font-size:7.6rem;line-height:.9em}.about div section h1 span{font-size:5rem;line-height:inherit}.about div section p{text-align:left;font-size:1.8rem;font-weight:200}@media (width<=1023px){.about div section{gap:2rem}.about div section h2{font-size:2.4rem}.about div section h1{font-size:6.8rem}.about div section p{font-size:1.4rem;line-height:1.2em}}@media (orientation:landscape) and (height<=640px){.about div section h1{font-size:6.2rem}}.career ul{flex-direction:column;gap:3rem;display:flex}.career ul li{cursor:pointer;border-left:3px solid #0000;transition:all .2s ease-in-out}.career ul li h3{color:var(--color-base1000);font-size:2.8rem;font-weight:200}.career ul li h3 b{font-weight:600}.career ul li p{font-size:2.4rem;font-weight:200}@media (width>=1024px){.career ul li:hover{border-color:var(--color-primary);padding-left:3rem}}@media (orientation:portrait) and (width<=1023px){.career ul{gap:2.5rem}.career ul li h3{letter-spacing:-.02em;font-size:2rem}.career ul li p{font-size:1.6rem}}@media (orientation:landscape) and (height<=639px){.career ul{gap:2.5rem}.career ul li{align-items:center;gap:1rem;display:flex}.career ul li h3,.career ul li p{letter-spacing:-.02em;font-size:1.8rem}}.skills ul{flex-flow:wrap;gap:5rem 3rem;display:flex}.skills ul li{cursor:pointer;width:8rem;height:8rem;transition:all .2s ease-in-out}.skills ul li img{object-fit:contain;width:100%;height:100%;transition:all .2s ease-in-out}.skills ul li img:hover{filter:opacity(.6)}.skills ul li :hover{transform:scale(1.2)}.skills ul li .ns{filter:grayscale()opacity(.4)}@media (width<=1023px){.skills ul{justify-content:center;align-items:center;gap:4rem 2rem}.skills ul li{width:5rem;height:5rem}}:root{--color-primary:#3cffdc;--color-base1000:#08101c;--color-base600:#262d38;--color-base300:#5d626b;--color-base100:#99a1b0;--color-base0:#dbdde0}@font-face{font-family:HEMAN;src:url(/HEMAN.otf)}html{font-size:calc(.2svw + .2svh + 5px);overflow:hidden}body{box-sizing:border-box;color:var(--color-base1000);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;height:100%;margin:0 auto;padding:0;font-family:Jost,sans-serif}body *{-webkit-user-select:none;user-select:none;font-family:Jost,sans-serif}*{box-sizing:border-box;scroll-behavior:smooth;-webkit-tap-highlight-color:#fff0;outline:0 #0000;margin:0;padding:0}ul,ul li{all:unset}#root main .canvas{transition:color 1s ease-in-out}#root main .canvas div:first-child{background:url(/bg.jpg) 50%/cover no-repeat;min-height:100svh}@media (width<=1023px){#root main .canvas div:first-child{background:url(/bg_mobile.jpg) 50%/cover no-repeat;min-height:100svh}}#modal{z-index:100000000;position:fixed}.loader{z-index:9999;background:url(/bg.jpg) 0 0/cover;justify-content:center;align-items:center;width:100svw;height:100svh;display:flex;position:fixed;top:0;left:0}.loader div{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;min-height:unset!important;background:0 0!important;position:static!important}.loader p{font-size:2rem}.loader section{border:1px solid var(--color-base1000);width:70svw;height:12rem;padding:2rem;position:relative}.loader section h1{font-family:HEMAN;font-size:5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader section span{background:var(--color-primary);height:100%;display:block}@media (width<=1023px){.loader{background:url(/bg_mobile.jpg)}.loader p{font-size:1.6rem}.loader section{height:10rem;padding:1rem}.loader section h1{font-size:4rem}}.content{color:var(--color-base1000);font-size:2rem;top:50%!important;left:26rem!important;transform:translateY(-50%)!important}.content div{justify-content:center;width:40svw;min-height:unset!important;background:0 0!important;position:static!important}@media (orientation:portrait) and (width<=639px){.content{left:8rem!important}.content div{width:72svw}}@media (width>=640px) and (width<=1023px){.content{left:12rem!important}.content div{width:70svw}}@media (orientation:landscape) and (width<=1023px) and (height<=639px){.content{left:12rem!important}.content div{width:80svw}}@media (orientation:landscape) and (width>=1024px) and (width<=1920px) and (height<=639px){.content{left:12rem!important}.content div{width:50svw}}.cropper{overflow:hidden}@media (width<=639px){html{font-size:calc(.666667svw + .666667svh + 2px)}}@media (width>=640px) and (width<=1023px){html{font-size:calc(.5svw + .5svh + 3px)}}@media (width>=2560px) and (width<=3839px){html{font-size:calc(.25svw + .25svh + 6px)}}@media (width>=3840px){html{font-size:calc(.25svw + .25svh + 8px)}}