.box[data-v-b86eabbe]{align-items:center;cursor:pointer;display:flex;left:7rem;position:fixed;top:4rem;z-index:10}.line[data-v-b86eabbe]{animation:play-b86eabbe 1s ease infinite;animation-play-state:paused;background:#f5f5f5;border:1px solid #f5f5f5;height:1rem;margin:0 .1rem;width:2px}.line[data-v-b86eabbe]:first-child{animation-delay:.2s}.line[data-v-b86eabbe]:nth-child(2){animation-delay:.3s}.line[data-v-b86eabbe]:nth-child(3){animation-delay:.4s}.line[data-v-b86eabbe]:nth-child(4){animation-delay:.5s}.line[data-v-b86eabbe]:nth-child(5){animation-delay:.8s}.line.running[data-v-b86eabbe]{animation-play-state:running}@keyframes play-b86eabbe{0%{transform:scaleY(1)}50%{transform:scaleY(2)}to{transform:scaleY(1)}}.nav{align-items:stretch;color:#bababa;display:flex;justify-content:space-between;left:0;padding:1rem var(--x-padding);pointer-events:none;position:fixed;top:1rem;transition:color .2s ease;width:100%;z-index:2}.nav__title{background-color:transparent;border:none;color:currentColor;cursor:pointer;font-size:var(--step-2);margin:0;padding:0;pointer-events:all}.nav__sections{pointer-events:all;position:relative}.nav__sections__list{display:grid;gap:.25rem;grid-template-rows:repeat(var(--sections-length),1fr);list-style-type:none;margin:0;padding:0}.nav__sections__list__section{cursor:pointer;font-size:var(--step--2);pointer-events:all;position:relative;text-align:right;transition:color .1s var(--ease-back)}.nav__sections__list__section:before{--size:calc(var(--step--2) - .6rem);background-color:#ffe6ed;border-radius:50%;content:none;height:var(--size);opacity:.75;opacity:0;position:absolute;right:105%;top:50%;transform:translate(-50%,-50%);transition:opacity .1s ease;width:var(--size)}@media (prefers-reduced-motion:reduce){.nav__sections__list__section:before{content:""}}.nav__sections__list__section--non-active{color:#666;transition:color .4s var(--ease-back)}.nav__sections__list__section--active:before{opacity:1;transition:opacity .4s ease}.nav__sections__list__section:is(:hover,:focus){color:#fff;transition:none}.nav__sections__circle{--size:calc(var(--step--2) - .6rem);--top-offset:1px;background-color:#ffe6ed;border-radius:50%;height:var(--size);opacity:.75;position:absolute;right:105%;top:var(--top-offset);transform:translate(-50%,50%);transition:right .3s var(--ease-back),opacity .3s;width:var(--size)}.nav__sections__circle--hidden{opacity:0;right:110%}@media (prefers-reduced-motion:reduce){.nav__sections__circle{display:none}}@media screen and (max-width:768px){.nav__sections{display:none}}.nav__menu-button{--bg-scale:0;background:transparent;border:none;color:currentColor;cursor:pointer;height:auto;margin:0;padding:0;pointer-events:all;position:relative;transform-origin:right center;transition:transform .3s var(--ease-back);width:max(var(--step-5),4rem);z-index:1}.nav__menu-button:active{transform:scale(.9)}@media screen and (min-width:768px){.nav__menu-button{display:none}}@media (prefers-reduced-motion:reduce){.nav__menu-button:active{transform:none}}.nav__menu-button:after{--size:120%;background-color:#ffe6ed;border-radius:50%;content:"";height:var(--size);left:50%;position:absolute;top:50%;transform:translate(-50%,-51.5%) scale(var(--bg-scale));width:var(--size);z-index:-1}@supports (aspect-ratio:1/1){.nav__menu-button:after{aspect-ratio:1/1;height:unset}}.canvas{height:100%;width:100%}.scroll-down{--base-font-size:calc(var(--step--1) - .075rem);cursor:pointer;margin:0;position:relative}.scroll-down__text{font-size:calc(var(--base-font-size) + .13rem);font-weight:200;letter-spacing:.5px;padding-inline-start:calc(var(--base-font-size) + .5rem)}@media (prefers-reduced-motion:reduce){.scroll-down__text{padding-inline-start:0}}.scroll-down__circle{--size:var(--base-font-size);--min-size:15px;background:transparent;border-radius:50%;bottom:10%;box-shadow:0 0 1px 1px #fff;height:var(--size);left:0;min-height:var(--min-size);min-width:var(--min-size);position:absolute;width:var(--size)}.scroll-down__text{color:#f5f5f5}.header{--100vh:calc(var(--vh, 1vh)*100);align-items:center;background-color:var(--black-color);display:flex;justify-content:center;max-width:100vw;min-height:100vh;overflow:hidden;pointer-events:all;position:relative;width:100%;z-index:0}.header__canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-10}.header__container{color:#fff;cursor:default;mix-blend-mode:difference}.header__container__title{line-height:1.2;margin-bottom:1rem}.header__container__title>:last-of-type{margin-top:min(-.5rem,-1vw)}.header__container__subtitle{font-size:var(--step--1);text-align:center}.header__bottom-bar{align-items:flex-end;display:flex;justify-content:flex-start;left:var(--x-padding);position:absolute;right:var(--x-padding);top:calc(var(--100vh) - var(--step--1));transform:translateY(-100%)}.header__bottom-bar__clock{color:#838383;display:none}.header__bottom-bar__scroll-down{color:#929292}.header__navigation{align-items:center;color:#fff;display:flex;font-size:var(--step--1);justify-content:flex-end;left:0;list-style-type:none;mix-blend-mode:difference;padding-inline:clamp(1rem,4vw,5rem);pointer-events:all;position:absolute;top:0;width:100%}.header__navigation>*{position:relative}@media screen and (max-width:512px){.header__navigation{justify-content:space-between;width:100%}}.header:before{background:linear-gradient(to top,var(--black-color) 0,var(--black-color) 25%,rgba(3,3,3,0));bottom:0;content:"";height:25%;left:0;max-height:11rem;min-height:2rem;position:absolute;width:100%;z-index:0}.line{display:block;overflow:hidden}.line__content{display:inline-block}.title-h2{overflow:hidden;text-align:center}@media (prefers-reduced-motion:reduce){.title-h2{overflow:visible}}.work[data-v-b60761f9]{max-width:475px;position:relative;will-change:transform,opacity}.work[data-v-b60761f9],.work__wrapper[data-v-b60761f9]{display:grid;gap:1rem}.work__wrapper[data-v-b60761f9]{border-radius:16px;cursor:pointer;grid-template-rows:fit-content fit-content;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.work__wrapper[data-v-b60761f9]:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.work__image__wrapper[data-v-b60761f9]{border-radius:16px 16px 0 0;max-height:30rem;min-height:20rem;overflow:hidden;position:relative;width:100%}@supports (aspect-ratio:1/1){.work__image__wrapper[data-v-b60761f9]{aspect-ratio:1/1;max-height:unset;min-height:unset}}.work__image[data-v-b60761f9]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease;width:100%}.work__content[data-v-b60761f9]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid hsla(0,0%,100%,.1);border-radius:0 0 16px 16px;border-top:none;padding:.75rem 1rem 1.25rem}.work__content__title[data-v-b60761f9]{color:#ccc;font-size:calc(var(--step-0) + .4rem);font-weight:600;letter-spacing:.25px;margin-bottom:.5rem}.work__content__tags[data-v-b60761f9]{color:#bfbfbf;font-size:calc(var(--step--2));margin:0;opacity:.8}.work__source[data-v-b60761f9]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;mix-blend-mode:normal;position:absolute;right:.75rem;top:.75rem;transition:all .3s ease;width:48px;z-index:20}.work__source[data-v-b60761f9]:hover{background:#00000080;transform:scale(1.05)}.work[data-v-b60761f9]:after{background:linear-gradient(135deg,#0006,#0003);border-radius:16px;content:"";inset:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:10}.work[data-v-b60761f9]:focus-within:after,.work[data-v-b60761f9]:hover:after{opacity:0}.work:hover .work__image[data-v-b60761f9]{transform:scale(1.05)}.works[data-v-86fe66a3]{background-color:var(--black-color);color:#fff;margin-top:-1px;padding:4rem clamp(1rem,7vw,5rem) 1rem;pointer-events:all}.works__list[data-v-86fe66a3]{align-items:start;display:grid;gap:var(--step-3);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:center;list-style:none;margin:0 auto;max-width:1100px;padding-inline-start:0}@media screen and (min-width:798px){.works__list[data-v-86fe66a3]>:nth-child(2n){margin-block-start:35%}}.about{background-color:var(--black-color);color:#fff;margin-top:-2px;min-height:100vh;padding:4rem clamp(1rem,7vw,5rem);pointer-events:all;position:relative}.about__text{color:#fff;font-size:var(--step-0);letter-spacing:.1px;line-height:1.5;margin:0 auto;max-width:1100px;text-align:center}.about__text__word{display:inline-block;opacity:0;transform:translateY(50%);transition:transform .75s ease,opacity .75s ease}.about__text__word--revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.about__text__word{opacity:1;transform:translateY(0)}}.about__tech{align-items:center;display:flex;flex-wrap:wrap;gap:var(--step-3);justify-content:space-evenly;list-style-type:none;margin:6% auto 0;max-width:1100px;padding-inline-start:0}.about__tech__item{cursor:none;display:inline-block;transition:transform .3s var(--ease-back)}.about__tech__item:is(:hover,:focus-visible){transform:scale(.9)}.about__tech__item__svg{height:auto;max-width:150px;opacity:1;transition:filter .3s ease;width:100%}@media screen and (max-width:500px){.about__tech__item__svg{max-width:30vw}}.about__tech__item:hover .about__tech__item__svg{filter:brightness(1.2)}@media (prefers-reduced-motion:reduce){.about__tech__item{cursor:pointer}}.about__bg-img{filter:drop-shadow(0 0 2rem #fff) blur(3px);height:auto;position:absolute;width:calc(var(--step-5)*2)}.contact{background-color:var(--black-color);margin-top:-2px;max-width:100vw;overflow:hidden;padding:4rem 0 8rem;pointer-events:all;width:100%}.contact__email{color:#999;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!important}}.social-link{cursor:pointer;display:inline-block;margin:0}.social-link__wrapper{line-height:1;overflow:hidden;position:relative}.social-link__line{cursor:pointer;letter-spacing:.25px;margin:0;padding:0;white-space:nowrap}.social-link__line:first-child{font-size:calc(var(--step-0) - .125rem);transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.social-link__line:first-child{display:none}}.social-link__line:nth-child(2){font-size:calc(var(--step--1) - .0125rem);position:absolute;right:0;top:0}@media screen and (max-width:600px){.social-link__line:nth-child(2){font-size:calc(var(--step--1) - .05rem);right:50%;transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.social-link__line:nth-child(2){display:none}.social-link{cursor:pointer!important}.social-link .sr-only{font-size:var(--step--1);height:auto;position:static;width:auto}}@media (prefers-reduced-motion:reduce){.social-link .sr-only:is(:focus,:hover){color:#ffe6ed;text-decoration:underline}}.social-link span{display:inline-block}.footer{height:var(--wrapper-height);overflow:hidden}.footer__wrapper{align-items:stretch;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-start;left:0;pointer-events:all;position:fixed;right:0;z-index:-1}.footer__content{--secondary-color:#bfbfbf;align-items:center;background:var(--black-color);color:#f5f5f5;display:grid;flex-basis:80%;flex-grow:1;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:2rem clamp(1rem,4vw,5rem) 3rem;position:relative;width:100%}.footer__content>:nth-child(2n){justify-self:end;text-align:right}.footer__content__title{display:inline-block;font-size:var(--step-4);position:relative;width:-moz-min-content;width:min-content;--x-offset:0px;margin:0;overflow:hidden}.footer__content__title .serif{display:inline-block;margin-inline-start:calc(var(--step-5)/2);position:relative}.footer__content__title .serif:after{content:"";inset:0;position:absolute}@media (prefers-reduced-motion:reduce){.footer__content__title .serif:after{content:none}}.footer__content__title .serif:after{background-color:#030303bf;transform:translate(var(--x-offset))}.footer__content__title:after{content:"";inset:0;position:absolute}@media (prefers-reduced-motion:reduce){.footer__content__title:after{content:none}}.footer__content__title:after{background-color:#030303a6;bottom:calc(50% - 5px);transform:translate(var(--x-offset))}.footer__content__social{list-style-type:none;margin:0;padding-inline-start:0}.footer__content__social__link{margin:1rem 0}.footer__content__social__link a{color:#f5f5f5;font-size:calc(var(--step--2) + .1rem);text-decoration:none;text-transform:uppercase}.footer__content__copyright,.footer__content__note{color:var(--secondary-color);margin:0}.footer__content__note img{height:auto;transform:translateY(20%);width:var(--step--1)}.footer__content__note img:last-of-type{width:calc(var(--step--1) + .15rem)}.footer__content:after{background-color:#ffffff20;bottom:0;content:"";position:absolute;right:0;top:0;width:1px}@media screen and (max-width:600px){.footer__content{grid-template-columns:1fr;grid-template-rows:repeat(4,fit-content)}.footer__content>*{justify-self:center!important;text-align:center!important}}.footer__arrow{color:#999;height:auto;max-width:min(15vw,130px);transition:transform .3s,opacity .3s;width:40%}.footer__arrow__wrapper{align-items:center;background:var(--black-color);cursor:pointer;display:flex;flex-basis:20%;flex-grow:1;justify-content:center;min-width:115px}.footer__arrow__wrapper:is(:focus,:hover) svg{opacity:.75;transform:scale(.9) translateY(-15px)}@media screen and (max-width:575px){.footer__arrow{color:#f5f5f5;min-height:30vw}}.menu{--100vh:calc(var(--vh, 1vh)*100);height:var(--100vh);height:100%;left:0;opacity:0;pointer-events:all;position:fixed;top:0;visibility:hidden;width:100%;z-index:1}.menu__back-item{--x-padding:calc(clamp(1rem, 4vw, 5rem) + var(--step-0));background-color:var(--black-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)*0/6)}.menu__back-item:nth-child(2){top:calc(var(--100vh)*1/6)}.menu__back-item:nth-child(3){top:calc(var(--100vh)*2/6)}.menu__back-item:nth-child(4){top:calc(var(--100vh)*3/6)}.menu__back-item:nth-child(5){top:calc(var(--100vh)*4/6)}.menu__back-item:nth-child(6){top:calc(var(--100vh)*5/6)}.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;transform-origin:left center;transition:color .2s,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%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:var(--size)}.menu__back-item__content__links{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}.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{transform:scale(.96)}.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}.menu__back-item__content--no-anim:is(:hover,:focus){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)}