@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}body,h1,h2,h3,h4,p,ul,li,a,dl,dt,dd,table,tr,th,td,span,address{margin:0;padding:0;text-decoration:none;list-style:none;line-height:1;outline:none;box-sizing:border-box;color:inherit;font:inherit}input,select,textarea{background-color:unset;border:none;outline:none;color:inherit;font:inherit}div,header,footer,section,article,figure,picture{box-sizing:border-box;margin:0;display:block;padding:0}button{cursor:pointer;font:inherit;color:inherit;background:none;border:none;margin:0;padding:0;outline:none}html{scrollbar-gutter:stable}body{width:100%;height:100%;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;background-color:#eee;color:#1a1a1a;font-size:16px;min-height:100vh;display:flex;flex-direction:column}.loader{width:100%;height:100svh;position:fixed;top:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center;background-color:#1a1a1a;color:#eee}.loader__content{position:relative}.loader__text{font-size:clamp(1.25rem,1.0739rem + .7512vw,1.75rem);letter-spacing:.05em;font-weight:400}.loader__text--main{clip-path:inset(100% 0% 0% 0%)}.loader__text--clone{position:absolute;top:0;left:0;opacity:.15}.page{width:100%;flex:1;display:flex;flex-direction:column}.l-wrapper{padding-left:clamp(16px,7.549px + 2.254vw,40px);padding-right:clamp(16px,7.549px + 2.254vw,40px)}.header{width:100%;margin-bottom:40px}@media(min-width:1024px){.header{margin-bottom:0}}.header__wrapper{width:100%;padding-top:64px}@media(min-width:1024px){.header__wrapper{padding-top:48px}}.header-title{max-width:1440px;margin:0 auto;position:relative}.header-title__title{font-size:clamp(2.5rem,-.1408rem + 11.2676vw,10rem);letter-spacing:.2em;text-align:center;position:relative;font-weight:500}.header-version{width:fit-content;margin-left:auto;margin-bottom:1rem}.header-version__label{font-size:clamp(.75rem,.706rem + .1878vw,.875rem)}.header-tag{width:fit-content;display:flex;justify-content:center;padding:clamp(4px,2.592px + .376vw,8px) clamp(8px,6.592px + .376vw,12px);background-color:#5cea2d;position:absolute}.header-tag--font{transform:rotate(-30deg);top:max(-50%,-30px);left:0}@media(min-width:1024px){.header-tag--font{left:3%}}.header-tag--reference{transform:rotate(40deg);top:min(80%,60px);left:15%}@media(min-width:1024px){.header-tag--reference{top:100px}}.header-tag--personal{top:max(-50%,-30px);left:30%}@media(min-width:1024px){.header-tag--personal{top:-5%;left:32%}}.header-tag--frontend{transform:rotate(37deg);top:max(-30%,-20px);left:58%}@media(min-width:1024px){.header-tag--frontend{top:10%;left:60%}}.header-tag--design{top:min(100%,100px);right:0}@media(min-width:1024px){.header-tag--design{top:60%;right:min(5%,66px)}}.header-tag__label{font-weight:500;font-size:clamp(.625rem,.493rem + .5634vw,1rem);white-space:nowrap}.menu-button{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:-48px;width:48px;height:48px;background-color:#1a1a1a}@media(min-width:1024px){.menu-button{display:none}}.menu-button__btn{display:flex;flex-direction:column;gap:8px}.menu-button .border{width:25px;border-bottom:1px solid #eeeeee;margin:0 auto}.main{width:100%;flex:1;display:flex}@media(min-width:1024px){.main{min-height:700px}}.c-textloop{width:100%;padding:12px 0;border-top:1px solid rgba(26,26,26,.8);border-bottom:1px solid rgba(26,26,26,.8);overflow:hidden;display:flex}.c-textloop__container{padding:0 10px;display:flex;gap:10px}.c-textloop__text{white-space:nowrap;font-size:clamp(.625rem,.581rem + .1878vw,.75rem)}@keyframes loop{0%{transform:translate(0)}to{transform:translate(-100%)}}.p-top-content{width:100%;display:flex}.p-top-content__wrapper{width:100%;grid-template-rows:repeat(1,auto)}@media(min-width:1024px){.p-top-content__wrapper{display:grid;grid-template-columns:1fr 1px min(30vw,400px)}}.p-top-content .layout-divider{display:none}@media(min-width:1024px){.p-top-content .layout-divider{display:block;background-color:#1a1a1acc}}.drawer{width:70vw;height:100svh;position:fixed;top:0;right:0;z-index:999;background-color:#eee;padding:40px 16px 0;border-left:solid 1px rgba(26,26,26,.8);transform:translate(100%)}@media(min-width:1024px){.drawer{display:none}}.sidebar{display:none}@media(min-width:1024px){.sidebar{display:block}}@media(min-width:1024px){.sidebar__wrapper{padding:32px 0 32px 32px}}.sidebar-about{margin-bottom:72px}.sidebar-meta{font-weight:400}.sidebar-meta .border{width:100%;border-bottom:1px solid rgba(26,26,26,.8)}.sidebar-meta__item{display:flex;justify-content:space-between;padding:10px 12px}.sidebar-meta__label{font-size:clamp(.75rem,.706rem + .1878vw,.875rem);letter-spacing:-.02em}.sidebar-meta__value{font-size:clamp(.875rem,.831rem + .1878vw,1rem);letter-spacing:-.02em}.sidebar-meta__value--contact{transition:color .3s ease,font-weight .3s ease}.sidebar-meta__value--contact:hover{color:#5cea2d;font-weight:500}.sidebar__title{width:fit-content;font-size:clamp(.875rem,.831rem + .1878vw,1rem);font-weight:500;background-color:#1a1a1a;color:#fff;padding:8px 12px;margin-bottom:24px}.sidebar__description{font-size:clamp(.75rem,.706rem + .1878vw,.875rem);line-height:1.7;font-weight:400}.sidebar__description--profile{margin-bottom:24px}.footer{width:100%;font-weight:400;position:relative}@media(min-width:1024px){.footer .c-circle{width:100px;height:100px;position:absolute;right:calc(min(30vw,400px) - 32px);background-color:#5cea2d;border-radius:50%}}.footer__wrapper{padding-top:clamp(48px,36.732px + 3.005vw,80px);padding-bottom:40px;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,auto)}@media(min-width:1024px){.footer__wrapper{grid-template-columns:1fr min(30vw,400px)}}.footer-date{display:none}@media(min-width:1024px){.footer-date{display:flex;justify-content:center;align-items:center}}.footer-date__inner{display:flex;flex-direction:column;gap:2px}.footer-date__time{font-size:16px;text-align:center;display:flex;justify-content:center;align-items:center}.footer-date__day{display:flex;justify-content:center;font-size:28px;line-height:1.2;letter-spacing:-.02em}.footer-date .blink{animation:blink 2s linear infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.footer__title{font-size:clamp(3rem,1.9437rem + 4.507vw,6rem);text-align:center}@media(min-width:1024px){.footer__title{text-align:left}}.footer__copyright{font-size:clamp(.75rem,.706rem + .1878vw,.875rem);letter-spacing:-.02em;text-align:center}@media(min-width:1024px){.footer__copyright{text-align:left}}.text-wrapper{display:inline-block;overflow:hidden;position:relative}.text-wrapper span{display:inline-block}#canvas{position:fixed;inset:0;pointer-events:none}