.about-me{background-color:var(--surface-color);color:var(--ff-color);margin-top:-2px;padding:4rem clamp(1rem,7vw,5rem);pointer-events:all;transition:color .4s}.about-me__title{margin-bottom:6rem;margin-top:1rem;opacity:.85}.about-me__content{color:#bfbfbf;font-size:calc(var(--step-2) + .125rem);line-height:1.3;margin:0 auto;max-width:30ch;overflow:hidden;position:relative;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-me__content__line{position:relative;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.about-me__content__line:after{background-color:var(--surface-color);content:"";top:0;right:0;bottom:0;left:0;opacity:.825;position:absolute;-webkit-transform:translateX(var(--overlay-offset,0));transform:translate(var(--overlay-offset,0))}@media (prefers-color-scheme:light){.about-me__content{color:#404040}}.about-me__link{display:inline-block;font-weight:700;overflow:hidden;position:relative;text-decoration:none;vertical-align:top}.about-me__link:after,.about-me__link:before{content:"";left:0;position:absolute;width:100%}.about-me__link:before{background-color:#54b3d6;bottom:0;height:2px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.about-me__link:after,.about-me__link:before{transition:-webkit-transform .3s cubic-bezier(.76,0,.24,1);transition:transform .3s cubic-bezier(.76,0,.24,1);transition:transform .3s cubic-bezier(.76,0,.24,1),-webkit-transform .3s cubic-bezier(.76,0,.24,1)}.about-me__link:after{color:#54b3d6;content:attr(data-replace);height:100%;top:0;-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.about-me__link:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 50%;transform-origin:0 50%}.about-me__link:hover:after{-webkit-transform:translateZ(0);transform:translateZ(0)}.about-me__link span{display:inline-block;padding:0 10px;transition:-webkit-transform .3s cubic-bezier(.76,0,.24,1);transition:transform .3s cubic-bezier(.76,0,.24,1);transition:transform .3s cubic-bezier(.76,0,.24,1),-webkit-transform .3s cubic-bezier(.76,0,.24,1)}.about-me__link:hover span{-webkit-transform:translate3d(-200%,0,0);transform:translate3d(-200%,0,0)}.resume-link{cursor:none;display:block;text-decoration:none}.contact{background-color:var(--surface-color);border-radius:0 0 2rem 2rem;box-shadow:0 2rem 1.125rem -1.125rem #ebebeb16;margin-top:-3px;overflow:hidden;padding:5rem 0 8rem;pointer-events:all;width:100%}.contact__email{color:#999;cursor:none;display:block;line-height:1;position:relative;text-decoration:none}.contact__email__row{display:block;font-size:var(--step-5);margin:0;white-space:nowrap;will-change:transform}@supports (-webkit-text-stroke:1px white){.contact__email__row{-webkit-text-stroke:1px #999;color:transparent}}@media (prefers-reduced-motion:reduce){.contact__email{cursor:pointer}}@media (prefers-color-scheme:light){.contact{box-shadow:0 2rem .75rem -1rem #03030306}}.social-link[data-v-9ae68c03]{color:var(--ff-color);cursor:none;display:inline-block;margin:0;text-transform:uppercase}.social-link__wrapper[data-v-9ae68c03]{line-height:1;overflow:hidden;position:relative}.social-link__line[data-v-9ae68c03]{letter-spacing:.25px;margin:0;padding:0;white-space:nowrap}.social-link__line[data-v-9ae68c03]:first-child{font-size:calc(var(--step-0) - .075rem);-webkit-transform:translateY(100%);transform:translateY(100%);transition:opacity .4s}@media (prefers-reduced-motion:reduce){.social-link__line[data-v-9ae68c03]:first-child{-webkit-transform:none;transform:none}.social-link__line[data-v-9ae68c03]:first-child:is(:hover,:focus-visible){opacity:.5;transition:opacity .2s}}.social-link__line[data-v-9ae68c03]:nth-child(2){font-size:var(--step--1);position:absolute;right:0;top:0}@media screen and (max-width:600px){.social-link__line[data-v-9ae68c03]:nth-child(2){font-size:calc(var(--step--1) - .05rem);right:50%;-webkit-transform:translateX(50%);transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.social-link__line[data-v-9ae68c03]:nth-child(2){display:none}.social-link[data-v-9ae68c03]{cursor:pointer}}.social-link span[data-v-9ae68c03]{display:inline-block}.footer{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:flex-start}.footer,.footer__wrapper{overflow:hidden;width:100%}.footer__wrapper{height:var(--footer-wrapper-height);position:relative;z-index:1}.footer__content{align-items:center;background:var(--black-color);color:var(--ff-color);-webkit-column-gap:1.5rem;column-gap:1.5rem;display:grid;flex-basis:80%;flex-grow:1;grid-template-columns:repeat(2,1fr);padding:3rem clamp(1rem,4vw,5rem) 2rem;position:relative;row-gap:4rem;transition:color .4s,background-color .4s;width:100%}.footer__content>:nth-child(2n){justify-self:end;text-align:right}.footer__content__title{font-size:var(--step-4);line-height:1.125;margin:0;text-align:left}.footer__content__title__line{display:block}.footer__content__title__line--pl{padding-left:var(--step-4)}.footer__content__social-links{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;list-style-type:none;margin:0;padding:0}.footer__content__social-links__link:not(:first-of-type){margin-top:.5rem}@media screen and (max-width:685px){.footer__content__social-links{align-items:center}}.footer__content__copyright,.footer__content__note{align-self:end;font-size:var(--step-0);margin:0;opacity:.75;white-space:nowrap}.footer__content__note img{height:auto;-webkit-transform:translateY(10%);transform:translateY(10%);width:var(--step-0)}.footer__content:after{background-color:var(--ff-color);bottom:0;content:"";opacity:.125;position:absolute;right:0;top:0;width:1px}@media (max-width:591.5px){.footer__content:after{content:none}}@media screen and (max-width:685px){.footer__content{grid-template-columns:1fr;grid-template-rows:repeat(4,-webkit-min-content);grid-template-rows:repeat(4,min-content);row-gap:1.5rem}.footer__content>*{justify-self:center!important;text-align:center!important}}.footer__arrow{align-items:center;background:var(--black-color);border:none;cursor:none;display:flex;flex-basis:20%;flex-grow:1;justify-content:center;min-width:115px;padding:0 0 1rem;text-align:center}.footer__arrow svg{--ease-back:cubic-bezier(.34,1.56,.64,1);color:var(--ff-color);height:auto;opacity:.65;transition:opacity .4s var(--ease-back),-webkit-transform .4s var(--ease-back);transition:opacity .4s var(--ease-back),transform .4s var(--ease-back);transition:opacity .4s var(--ease-back),transform .4s var(--ease-back),-webkit-transform .4s var(--ease-back);width:40%}@media (max-width:700px){.footer__arrow svg{max-height:70px;max-width:100px}}.footer__arrow:is(:hover,:focus-visible) svg{opacity:1;-webkit-transform:translateY(-5%) scale(.95);transform:translateY(-5%) scale(.95);transition-duration:.3s}@media (prefers-reduced-motion:reduce){.footer__arrow{cursor:pointer}.footer__arrow svg{transition:none}}@media screen and (max-width:1024px){.footer{bottom:0;left:0;position:fixed;z-index:1}}@media screen and (min-width:575px){.footer{min-height:min(40vh,400px)}}.menu{--100vh:calc(var(--vh, 1vh)*100);height:100%;height:var(--100vh);left:0;opacity:0;pointer-events:all;position:fixed;top:0;visibility:hidden;width:100%;z-index:6}.menu__back-item{--ease-back:cubic-bezier(.34,1.56,.64,1);--x-padding:calc(clamp(1rem, 4vw, 5rem) + var(--step-0));background-color:var(--surface-color);height:calc(var(--100vh)/6);left:0;padding:1rem var(--x-padding);position:absolute;right:0}.menu__back-item:first-child{top:calc(var(--100vh)/6*0)}.menu__back-item:nth-child(2){top:calc(var(--100vh)/6*1)}.menu__back-item:nth-child(3){top:calc(var(--100vh)/6*2)}.menu__back-item:nth-child(4){top:calc(var(--100vh)/6*3)}.menu__back-item:nth-child(5){top:calc(var(--100vh)/6*4)}.menu__back-item:nth-child(6){top:calc(var(--100vh)/6*5)}.menu__back-item__content{align-items:flex-end;cursor:pointer;display:flex;height:100%;justify-content:flex-start}.menu__back-item__content__title{color:gray;font-size:var(--step-3);line-height:1;margin:0;position:relative;width:100%}.menu__back-item__content__title span{display:inline-block;-webkit-transform-origin:left center;transform-origin:left center;transition:color .2s,-webkit-transform .2s var(--ease-back);transition:color .2s,transform .2s var(--ease-back);transition:color .2s,transform .2s var(--ease-back),-webkit-transform .2s var(--ease-back)}.menu__back-item__content__title:after{--size:var(--step--1);background-color:#ffe6ed;border-radius:50%;content:"";height:var(--size);opacity:0;position:absolute;right:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .2s ease;width:var(--size)}@media (prefers-color-scheme:light){.menu__back-item__content__title:after{background-color:#303030}}.menu__back-item__content__links{-webkit-padding-start:0;align-items:center;display:flex;gap:var(--step-1);justify-content:flex-start;list-style-type:none;padding-inline-start:0}.menu__back-item__content__links__item a{color:gray;font-size:calc(var(--step--2) - .075rem);text-decoration:none;text-transform:uppercase;transition:color .1s}.menu__back-item__content__links__item a:is(:hover,:focus){color:#ffe6ed}@media (prefers-color-scheme:light){.menu__back-item__content__links__item a:is(:hover,:focus){color:#030303}}.menu__back-item__content:is(:focus,:hover) .menu__back-item__content__title{color:#ffe6ed}.menu__back-item__content:is(:focus,:hover) .menu__back-item__content__title span{-webkit-transform:scale(.96);transform:scale(.96)}@media (prefers-color-scheme:light){.menu__back-item__content:is(:focus,:hover) .menu__back-item__content__title{color:#030303}}.menu__back-item__content--active .menu__back-item__content__title{color:#ffe6ed}.menu__back-item__content--active .menu__back-item__content__title:after{opacity:1}@media (prefers-color-scheme:light){.menu__back-item__content--active .menu__back-item__content__title{color:#030303}}.menu__back-item__content--no-anim:is(:hover,:focus){-webkit-transform:none;transform:none}.menu__back-item__line{background-color:#404040;bottom:1%;display:inline-block;height:1px;left:var(--x-padding);position:absolute;right:var(--x-padding)}[data-index-page] .page-overlay__slide{opacity:0;pointer-events:none}@media screen and (max-width:1024px){.smooth-scroll-fix{pointer-events:all;position:relative;z-index:4}}
