.canvas--container{background-color:var(--color-purple);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.canvas--container.hide{display:none}.gallery{height:465rem;position:relative;transform:var(--transform);visibility:hidden;width:640rem}.gallery.simple{background-color:var(--color-purple);display:flex;flex-direction:row;flex-wrap:wrap;height:100vh;overflow:scroll;visibility:visible;width:100vw}.gallery.simple .gallery__figure{box-sizing:border-box;margin:120px 50px;opacity:1}.gallery.simple .gallery__figure:after{color:#fff;content:attr(data-content);font-size:18px;left:25px;padding-bottom:50px;padding-right:50px;position:absolute;top:105%;width:100%}.gallery.simple .gallery__image{-o-object-fit:contain;object-fit:contain}.gallery__figure{opacity:0;position:absolute;transition:opacity .3s ease-out}.gallery__image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.TopNav{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:1vw;justify-content:center;left:50%;padding:10px 20px;position:absolute;top:2vh;transform:translate(-50%);transition:transform .3s ease-out}.TopNav.bump{transform:translate(-50%) scale(1.5)}.TopNav:before{background:hsla(0,0%,100%,.067);border-radius:50px;content:"";filter:blur(2px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.TopNav__name{display:flex;flex-direction:row;overflow:hidden;width:6.5vw}.TopNav__name>span{animation:scroll-x 12s linear 2s infinite;padding-right:10px;white-space:nowrap;will-change:transform}.TopNav__social{color:inherit;text-decoration:none}.TopNav__line{background:#fff;height:1px;margin:0 20px;width:50px}.TopNav .fade-enter-active,.TopNav .fade-leave-active{transition:opacity .5s ease}.TopNav .fade-enter-from,.TopNav .fade-leave-to{opacity:0}@keyframes scroll-x{0%{transform:translate(0)}75%{transform:translate(-96%)}80%{transform:translate(-100%)}to{transform:translate(-100%)}}.LoadingScreen{align-items:center;background-color:var(--color-purple);display:flex;flex-direction:column;justify-content:center;pointer-events:none;top:0;transition:opacity .3s ease-in-out;z-index:10}.LoadingScreen,.LoadingScreen__animation{bottom:0;left:0;position:absolute;right:0}.LoadingScreen__animation{top:-10vh}@media screen and (max-width:640px){.LoadingScreen__animation{width:60vw}}.LoadingScreen.loaded{opacity:0;pointer-events:none}.LoadingScreen__content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:40vh;width:80vw}@media screen and (max-width:1024px){.LoadingScreen__content{flex-direction:column}}.LoadingScreen__content__step{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;width:auto}@media screen and (max-width:1024px){.LoadingScreen__content__step{margin-bottom:24px}.LoadingScreen__content__step:nth-child(2){display:none}}.LoadingScreen__content__step__text{color:#fff;font-size:24px;margin-bottom:46px}@media screen and (max-width:1024px){.LoadingScreen__content__step__text{font-size:16px;margin-bottom:32px}}.LoadingScreen__content__step__illu{height:50px;width:50px}@media screen and (max-width:1024px){.LoadingScreen__content__step__illu{height:25px;width:25px}.LoadingScreen__content__step__illu.drag{margin-right:8px}}.LoadingScreen__content__step__illu svg{height:100%;width:100%}.LoadingScreen__content__step__illu.circle{background-color:#fff;border-radius:50%;height:50px;width:50px}@media screen and (max-width:1024px){.LoadingScreen__content__step__illu.circle{height:25px;width:25px}}.Cursor{left:0;pointer-events:none;position:absolute;top:0;transform:var(--translate);z-index:10}.Cursor__transition-enter-active,.Cursor__transition-leave-active{transition:transform .15s ease-out}.Cursor__transition-enter-from,.Cursor__transition-leave-to{transform:scale(0)}.Cursor__content{background-color:#fff;border-radius:50%}.Cursor .Drag,.Cursor .Link,.Cursor__content{height:20px;width:20px}.Simplify{background:none;border:none;bottom:5rem;color:#fff;font-size:12px;outline:none;padding:12px 20px;position:absolute;right:5rem;text-decoration:none;transition:color .3s ease-out}@media screen and (max-width:640px){.Simplify{bottom:5px;right:5px}}.Simplify span{position:relative;z-index:1}.Simplify:hover{color:var(--color-purple)}.Simplify:hover:before{transform:scaleX(1)}.Simplify:before{background-color:var(--color-gold);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-out;width:100%;will-change:transform;z-index:0}
