.slide-in-enter-active[data-v-3e70f21c]{transition:all .3s ease-in-out!important;transition-delay:calc(.1s*var(--index))!important}.slide-in-enter-from[data-v-3e70f21c]{opacity:0;transform:translateY(-10px)}.slide-in-enter-to[data-v-3e70f21c]{opacity:1;transform:translateY(0)}nav[data-v-3e70f21c]{display:grid;grid-template-columns:repeat(1,1fr);gap:5vh;margin-top:3vh}@media screen and (min-width:768px){nav[data-v-3e70f21c]{grid-template-columns:repeat(4,1fr);gap:1rem}}@media screen and (min-width:1024px){nav[data-v-3e70f21c]{grid-template-columns:repeat(5,1fr);gap:2rem}}nav>div>a[data-v-3e70f21c]{z-index:0;display:block;position:relative;border-radius:10px;aspect-ratio:3/2;background-color:#ececec;margin-right:20vw;margin-top:2.5rem;opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}nav>div>a.visible[data-v-3e70f21c]{opacity:1;transform:translateY(0)}@media screen and (min-width:768px){nav>div>a[data-v-3e70f21c]{margin:0}}nav>div>a>video[data-v-3e70f21c]{border-radius:7px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(.95,.93) translateY(3px);transition:transform .3s ease-in-out}@media screen and (min-width:768px){nav>div>a>video[data-v-3e70f21c]{transform:scale(1) translateY(3px)}}nav>div>a:hover>video[data-v-3e70f21c]{transform:scale(.95,.93) translateY(3px)}nav>div>a>img[data-v-3e70f21c]{font-size:0;color:transparent;border-radius:10px;position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:1;transform:scale(1);transition:all .3s ease-in-out;display:none}nav>div>a>img[data-v-3e70f21c]:hover{opacity:0;transform:scale(.95,.93)}@media screen and (min-width:768px){nav>div>a>img[data-v-3e70f21c]{display:block}}nav>div>a>.project-title[data-v-3e70f21c]{position:absolute;top:-3rem}nav>div>a>.project-title>p[data-v-3e70f21c]{font-size:1.1rem!important}nav>div>a>.project-title>p>.date[data-v-3e70f21c]{font-size:.8rem;margin-left:.5rem}@media screen and (min-width:768px){nav>div>a>.project-title[data-v-3e70f21c]{display:none;position:fixed;background-color:#fff;transition:position .1s ease-in-out,transform .4s ease;transform-origin:bottom center;transform:rotate(-5deg);padding:0 .8rem;border-radius:.8rem;top:unset}nav>div>a>.project-title>p[data-v-3e70f21c]{font-size:unset!important;white-space:nowrap}nav>div>a>.project-title>p>.date[data-v-3e70f21c]{display:none}}