.app-intro{clip-path:inset(0 0 0 0)}.app-intro__logo{-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);background:#ffffff23;clip-path:url(#intro-logo-clip);font-size:3.5vw;height:5.5em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20em}.app-intro .video-player{--video-player-object-fit:"cover";--video-player-height:100%}.intro-leave-active{animation:intro-out .8s cubic-bezier(.65,0,.35,1)}@keyframes intro-out{to{height:0}}.app-menu-item{border-bottom-width:1px;border-color:rgb(255 255 255/var(--tw-border-opacity,1));width:100%;--tw-border-opacity:.2}.app-menu-item:last-child{border-bottom-width:0}.app-menu-item a{display:flex;font-family:itc-galliard,serif;font-size:36px;font-style:normal;font-weight:400;justify-content:center;letter-spacing:-.339px;line-height:100%;opacity:.3;padding-bottom:1rem;padding-top:1rem;text-transform:none}.app-menu-item a.active{font-style:italic;opacity:1}.menu-enter-active{animation:menu-in .5s cubic-bezier(.65,0,.35,1)}.menu-leave-active{animation:menu-out .5s cubic-bezier(.65,0,.35,1)}@keyframes menu-in{0%{height:0}to{height:100vh}}@keyframes menu-out{0%{height:100vh}to{height:0}}.modal-enter-active{transition:.5s ease}.modal-enter-active .project-modal__content{animation:modal-content-in .5s ease forwards}.modal-enter-active .project-modal__backdrop{animation:modal-backdrop-in .5s ease forwards}.modal-leave-active{animation:fade-out .3s ease forwards}@keyframes modal-content-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-content-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}
