.js body,html.js{overflow:hidden;height:100vh}.pages-nav{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:20px;text-align:center;background:#0e0f0f}.js .pages-nav{position:absolute;top:0;left:0;width:100%;height:50vh;padding:30px;pointer-events:none;opacity:0;background:transparent;-webkit-transition:-webkit-transform 1.2s, opacity 1.2s;transition:transform 1.2s, opacity 1.2s;-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);-webkit-transform:translate3d(0, 150px, 0);transform:translate3d(0, 150px, 0)}.js .pages-nav--open{pointer-events:auto;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.pages-nav__item{width:33%;padding:1em}.js .pages-nav__item{padding:0 10%}.pages-nav .pages-nav__item--social{width:100%;opacity:0;-webkit-transition:-webkit-transform 1.2s, opacity 1.2s;transition:transform 1.2s, opacity 1.2s;-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}.pages-nav--open .pages-nav__item--social{opacity:1;-webkit-transition-delay:0.35s;transition-delay:0.35s;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.link{font-size:0.85em;font-weight:bold;position:relative;letter-spacing:1px;text-transform:uppercase}.link:focus,.link:hover{color:#fff}.link--page{display:block;color:#cecece}.link--page:not(.link--faded)::before{content:'';position:absolute;top:100%;left:50%;width:30px;height:2px;margin:5px 0 0 -15px;background:#fff;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1)}.link--page:hover:before{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.link--faded{color:#4f4f64}.link--faded:focus,.link--faded:hover{color:#39d438}.link--page.link--faded{font-size:0.65em}.link--social{font-size:1.5em;margin:0 0.75em}.text-hidden{position:absolute;display:block;overflow:hidden;width:0;height:0;color:transparent}.js .pages-stack{z-index:100;pointer-events:none;-webkit-perspective:1200px;perspective:1200px;-webkit-perspective-origin:50% -50%;perspective-origin:50% -50%}.js .page{position:relative;z-index:5;overflow:hidden;width:100%;height:100vh;pointer-events:auto;background:#2a2b30;box-shadow:0 -1px 10px rgba(0, 0, 0, 0.1)}.js .pages-stack--open .page{cursor:pointer;-webkit-transition:-webkit-transform 0.45s, opacity 0.45s;transition:transform 0.45s, opacity 0.45s;-webkit-transition-timing-function:cubic-bezier(0.6, 0, 0.4, 1);transition-timing-function:cubic-bezier(0.6, 0, 0.4, 1)}.js .page--inactive{position:absolute;z-index:0;top:0;opacity:0}.info{font-size:1.25em;max-width:50%;margin-top:1.5em}.poster{position:absolute;bottom:4vh;left:60%;max-width:100%;max-height:80%}.menu-button{position:absolute;z-index:1000;top:30px;left:30px;width:30px;height:24px;padding:0;cursor:pointer;border:none;outline:none;background:transparent}.no-js .menu-button{display:none}.menu-button span,.menu-button::after,.menu-button::before{background:#5f656f}.menu-button::after,.menu-button::before{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;pointer-events:none;-webkit-transition:-webkit-transform 0.25s;transition:transform 0.25s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.menu-button span{position:absolute;left:0;overflow:hidden;width:100%;height:2px;text-indent:200%;-webkit-transition:opacity 0.25s;transition:opacity 0.25s}.menu-button::before{-webkit-transform:translate3d(0, -10px, 0) scale3d(0.8, 1, 1);transform:translate3d(0, -10px, 0) scale3d(0.8, 1, 1)}.menu-button::after{-webkit-transform:translate3d(0, 10px, 0) scale3d(0.8, 1, 1);transform:translate3d(0, 10px, 0) scale3d(0.8, 1, 1)}.menu-button--open span{opacity:0}.menu-button--open::before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg)}.menu-button--open::after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg)}@media screen and (max-width: 1700px){#jonas{margin:1em}}@media screen and (max-width: 60em){.info{max-width:100%}.poster{position:relative;top:auto;left:auto;display:block;max-width:100%;max-height:50vh;margin:0 0 0 50%}.pages-nav__item{width:50%;min-height:20px}.link--page{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.link--social{margin:0 0.1em}}@media screen and (max-width: 40em){.js .pages-nav{display:block;padding:10px 20px 0;text-align:left}.js .pages-nav__item{width:100%;padding:4px 0}.js .pages-nav__item--small{display:inline-block;width:auto;margin-right:5px}.pages-nav__item--social{font-size:0.9em}.menu-button{top:15px;right:10px;left:auto}.info{font-size:0.85em}.poster{margin:1em}}::-webkit-scrollbar{display:block}::-webkit-scrollbar{display:none !important}button{-webkit-appearance:none;background:-webkit-gradient(to right, #2a2b30 0%, #39d438 50%, #3c3f4e 100%);background:linear-gradient(to right, #2a2b30 0%, #39d438 50%, #3c3f4e 100%);background-size:500%;border:none;border-radius:5rem;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);color:#fff;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:3em;letter-spacing:0.05em;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:8em}button:hover{animation-name:gradient;-webkit-animation-name:gradient;animation-duration:2s;-webkit-animation-duration:s;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}@keyframes gradient{0%{background-position:0 50%}100%{background-position:100%}}.box{width:50%;height:50%;max-height:600px;min-height:450px;background:#1d1e21;border-radius:20px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:30px 50px}.box .box__description{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}.box .box__description .box__description-container{color:#fff;text-align:center;width:200px;font-size:16px;margin:0 auto}.box .box__description .box__description-container .box__description-title{font-size:24px;letter-spacing:0.5px}.box .box__description .box__description-container .box__description-text{color:#8C8AA7;line-height:20px;margin-top:20px}.box .box__description .box__button{display:block;position:relative;background:#39d438;border:1px solid transparent;border-radius:50px;height:50px;text-align:center;text-decoration:none;color:#fff;line-height:50px;font-size:18px;padding:0 20px;white-space:nowrap;margin-top:25px;transition:background 0.5s ease;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white, black)}.box .box__description .box__button:before{content:'';position:absolute;width:20px;height:100px;background:#fff;bottom:-25px;left:0;border:2px solid #fff;transform:translateX(-50px) rotate(45deg);transition:transform 0.5s ease}.box .box__description .box__button:hover{background:transparent;border-color:#fff}.box .box__description .box__button:hover:before{transform:translateX(250px) rotate(45deg)}@media screen and (max-width: 60em){.box{width:90%}}