.top-nav{position:absolute;width:324px;height:85px;margin:22px 22px 22px 6px;z-index:4}@media (max-width:800px){.top-nav{width:145px;height:42px;margin:12px 12px 12px 4px}}.shop-wrapper{position:absolute;width:100px;height:100px;bottom:24px;right:24px;z-index:4}@media (max-width:800px){.shop-wrapper{width:80px;height:80px;bottom:12px;right:12px}}.rotate{transform-origin:center center;animation:rotate 12s linear infinite}.modal-wrapper{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;top:0;left:0;background:linear-gradient(180deg,#00fa9a,hsla(0,0%,76.9%,.9) 50%);z-index:4}@media (max-width:800px){.modal-wrapper{align-items:flex-start;padding:24px 0;overflow:scroll}}.modal-transition-appear{opacity:0;transition:all .2s ease-in-out}.modal-transition-appear-active{opacity:1}.modal-content{width:75%;height:85vh;overflow:scroll;animation:moveUp .35s ease-in-out;box-shadow:0 0 8px 8px #fff,inset 0 0 6px 6px #fff}@media (max-width:800px){.modal-content{width:100%;padding:0 24px}}.modal-content__top{display:flex;position:relative;padding-bottom:30px;margin-top:30px}.modal-content__top h1{font-weight:400}.modal-content__top:first-of-type{margin-top:0}.modal-content__top--header{display:flex;align-items:center;flex-basis:calc(100% - 100px);height:90px;margin-right:8px;background-color:#fff;border:1px solid #000;border-radius:15px;padding:32px;font-size:1.6rem;font-weight:400;box-shadow:0 0 8px 8px #fff,inset 0 0 6px 6px #fff}@media (max-width:800px){.modal-content__top--header{height:80px;padding:22px;flex-basis:calc(100% - 90px)}.modal-content__top--header h1{font-size:2.4rem}}.modal-content__top--close{display:flex;align-items:center;justify-content:center;position:fixed;width:90px;height:90px;right:12.5%;background-color:#00fa9a;cursor:pointer;border:1px solid #000;border-radius:15px;padding:24px 32px 32px;font-size:4.2rem;box-shadow:0 0 8px 8px #fff,inset 0 0 6px 6px #fff;transition:all .2s ease-in-out}.modal-content__top--close:hover{background-color:#fff}@media (max-width:800px){.modal-content__top--close{width:80px;height:80px;right:5%}}.modal-content__bottom{background-color:#fff;border:1px solid #000;border-radius:15px;padding:32px;box-shadow:0 0 8px 8px #fff,inset 0 0 6px 6px #fff}.modal-content__bottom h1,.modal-content__bottom p{margin-bottom:24px;font-size:2.6rem;font-weight:400;line-height:1.5}.modal-content__bottom p{font-size:2rem}.modal-content__bottom p:last-of-type{margin:0}.modal-content__bottom .underline{border-bottom:3px solid;border-color:#00fa9a;transition:all .3s ease .1s}.modal-content__bottom .underline:hover{border-color:#fff}@media (max-width:800px){.modal-content__bottom{padding:22px}.modal-content__bottom h1{font-size:2.4rem}.modal-content__bottom p{font-size:1.8rem}}@keyframes moveUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}figure{position:relative;width:100%;height:100%}figure.absolute,figure.viewer-image{position:absolute;top:0}figure.viewer-image{width:auto;min-width:100vw;height:auto;min-height:100vh;left:0}@media (max-width:800px){figure.viewer-image{top:50%}}.image{width:100%;min-height:100vh}@media (max-width:800px){.image{width:auto;height:100vh;transform:translate3d(0,-50%,0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fadeUp{0%{opacity:0;top:10px}to{opacity:1;top:0}}@keyframes fadeInOut{0%{opacity:1}10%{opacity:.6}to{opacity:1}}@keyframes openClose{0%{-webkit-clip-path:ellipse(250px 125px at 50% 50%);clip-path:ellipse(250px 125px at 50% 50%)}30%{-webkit-clip-path:ellipse(200px 15px at 50% 50%);clip-path:ellipse(200px 15px at 50% 50%)}to{-webkit-clip-path:ellipse(250px 125px at 50% 50%);clip-path:ellipse(250px 125px at 50% 50%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes upTop{0%{top:10px}to{top:0}}@keyframes landingViewer{0%{transform:scale(.05)}90%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes plusGrow{0%{stroke-dashoffset:1000}85%{stroke-dashoffset:350}to{stroke-dashoffset:0}}@keyframes topographyEnter{0%{transform:translate3d(99%,0,0)}to{transform:translateZ(0)}}@keyframes topographyEase{0%{transform:translateZ(0)}15%{transform:translate3d(5px,2px,0)}40%{transform:translate3d(3px,-2px,0)}65%{transform:translate3d(-2px,4px,0)}85%{transform:translate3d(1px,2px,0)}to{transform:translateZ(0)}}.viewer-transition-appear{opacity:0;transform:scale(.6)}.viewer-transition-appear-active{opacity:1;transform:scale(1);transition:opacity 1s ease-in-out .2s,transform .6s .4s}.viewer-transition-exit .viewer.active{opacity:1;-webkit-clip-path:ellipse(250px 125px at 50% 50%);clip-path:ellipse(250px 125px at 50% 50%)}.viewer-transition-exit-active .viewer.active{opacity:0;-webkit-clip-path:ellipse(100% 100% at 50% 50%);clip-path:ellipse(100% 100% at 50% 50%);transition:opacity 1s ease-in-out 4.5s,-webkit-clip-path 2.5s ease-in-out;transition:clip-path 2.5s ease-in-out,opacity 1s ease-in-out 4.5s;transition:clip-path 2.5s ease-in-out,opacity 1s ease-in-out 4.5s,-webkit-clip-path 2.5s ease-in-out}.viewer-wrapper{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100vh}@media (max-width:800px){.viewer-wrapper{width:auto;height:calc(100vh - 106px)}}.viewer{display:flex;justify-content:center;align-items:center;position:absolute;width:500px;height:250px;border:1px solid #000;border-radius:50%;background:#00fa9a;overflow:hidden;transform:scale(0);animation:landingViewer 1.2s ease-in-out .6s forwards;z-index:2}@media (max-width:800px){.viewer{width:85%;height:140px}}.viewer:before{content:"Select a biome to commence your renaturing";position:absolute;left:50%;top:50%;text-align:center;transform:translate3d(-50%,-50%,0);font-size:2.2rem;line-height:1.5}@media (max-width:800px){.viewer:before{font-size:1.6rem}}.viewer.active:before{content:""}.viewer.active{-webkit-clip-path:ellipse(250px 125px at 50% 50%);clip-path:ellipse(250px 125px at 50% 50%);width:100%;height:100%;border:0;border-radius:0}@media (max-width:800px){.viewer.active{-webkit-clip-path:ellipse(159px 70px at 50% 50%);clip-path:ellipse(159px 70px at 50% 50%)}}.viewer__canvas-wrapper{z-index:1}@media (max-width:800px){.viewer__canvas-wrapper{width:250vw;height:100vh}}.viewer canvas{width:auto;min-height:100vh;pointer-events:none;background-color:transparent}@media (max-width:800px){.viewer canvas{width:250vw!important}}.controls-transition-appear{opacity:0}.controls-transition-appear-active{opacity:1;transition:all .5s ease-in-out 1s}.topography-transition-exit{opacity:1}.topography-transition-exit-active{opacity:0;transition:all 1s ease-in-out}.env-link{position:absolute;padding:16px 22px;font-size:2.2rem;border:1px solid #000;border-radius:20px;transition:all .12s ease-in-out;cursor:pointer;z-index:0}@media (max-width:800px){.env-link{font-size:1.8rem;background-color:#c4c4c4;padding:16px}}.env-link--north{top:0;left:50%;transform:translate3d(-50%,0,0)}.env-link--north:focus,.env-link--north:hover{background-color:#f7abc6}.env-link--south{bottom:0;left:50%;transform:translate3d(-50%,0,0)}.env-link--south:focus,.env-link--south:hover{background-color:#00fa9a}.env-link--west{top:50%;left:0;transform:translate3d(0,-50%,0)}@media (max-width:800px){.env-link--west{top:75%;left:50%;transform:translate3d(-50%,-50%,0)}}.env-link--west:focus,.env-link--west:hover{background-color:#7995f7}.env-link--east{top:50%;right:0;transform:translate3d(0,-50%,0)}@media (max-width:800px){.env-link--east{top:25%;right:50%;transform:translate3d(50%,-50%,0)}}.env-link--east:focus,.env-link--east:hover{background-color:#d3c2f4}.env-link.active,.env-link:hover{box-shadow:0 0 8px 8px #fff,inset 0 0 6px 6px #fff}.env-link.hide{display:none}@media (max-width:800px){.environment .env-link{bottom:0;left:50%;right:auto;top:auto;transform:translate3d(-50%,0,0)}}.back-button{position:absolute;bottom:0;left:0;margin:22px;cursor:pointer;z-index:4}@media (max-width:800px){.back-button{margin:12px}}.video{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.environment-transition-enter{opacity:0}.environment-transition-enter-active{opacity:1;transition:opacity .6s ease-in-out}.environment-transition-exit,.environment-transition-exit .text-container{opacity:1}.environment-transition-exit-active,.environment-transition-exit-active .text-container{opacity:0;transition:opacity .55s ease-in-out}.environment-transition-exit-done .text-container{opacity:0}.environment-container{position:absolute;width:100%;height:100vh;z-index:3}@media (max-width:800px){.environment-container{height:calc(100vh - 106px)}}.environment-container.north{background:linear-gradient(180deg,#f7abc6 37.5%,#00fa9a)}.environment-container.south{background:linear-gradient(180deg,#d3c2f4 43.23%,#52f49d)}.environment-container.east{background:linear-gradient(90deg,#b8ff4f,#d3c2f4 73.96%)}.environment-container.west{background:linear-gradient(90deg,#7995f7 19.27%,#f7abc6)}.environment-container .no-hover{pointer-events:none}.environment-container .no-hover .env-link--north{background-color:#f7abc6}.environment-container .no-hover .env-link--south{background-color:#00fa9a}.environment-container .no-hover .env-link--east{background-color:#d3c2f4}.environment-container .no-hover .env-link--west{background-color:#7995f7}.environment-wrapper{position:absolute;width:65%;max-width:1200px;height:80vh;max-height:500px;top:46%;left:50%;transform:translate3d(-50%,-50%,0)}@media (max-width:800px){.environment-wrapper{width:85%;height:50vh}}.image-container{position:relative;width:100%;height:100%;margin-bottom:36px;overflow:hidden}.image-container.animate{animation-name:fade,upTop;animation-duration:.4s,.8s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:1,1}@media (max-width:800px){.image-container{width:95%;left:50%;transform:translate3d(-50%,0,0)}}.text-container{position:absolute;top:50%;transform:translate3d(-10%,-50%,0);text-transform:lowercase}@media (max-width:800px){.text-container{width:100%;padding:0 24px}}.text-container.animate{opacity:0;animation:fade .6s ease-in-out .3s forwards}.text-container__line{position:relative;margin-bottom:32px;opacity:0;font-size:4.2rem;line-height:1.5;color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000}@media (max-width:800px){.text-container__line{font-size:2rem;-webkit-text-stroke-width:0;color:#000}}.text-container__line:first-child{transform:translate3d(50px,0,0);animation:fadeUp .3s ease-in-out 1s forwards}@media (max-width:800px){.text-container__line:first-child{transform:translate3d(8px,0,0)}}.text-container__line:nth-child(2){transform:translate3d(83px,0,0);animation:fadeUp .4s ease-in-out 1.9s forwards}@media (max-width:800px){.text-container__line:nth-child(2){transform:translate3d(83px,0,0)}}.text-container__line:nth-child(3){transform:translate3d(58px,0,0);animation:fadeUp .4s ease-in-out 2.7s forwards}@media (max-width:800px){.text-container__line:nth-child(3){transform:translate3d(10px,0,0)}}.selectors-wrapper{display:flex;justify-content:center;position:relative;width:100%}.selector{width:45px;height:18px;margin:0 12px;border:1px solid #000;border-radius:50%;background-color:#000;cursor:pointer}.selector.active{background-color:#fff}.selector.active,.selector:hover{box-shadow:0 0 8px 8px #fff}.container{position:relative;width:100vw;height:100vh;top:0;background:#c4c4c4}@media (max-width:800px){.container{height:calc(100vh - 106px)}}.container.flash .viewer-wrapper{animation:openClose 1s ease-in-out}.container.clip{-webkit-clip-path:ellipse(80% 100%);clip-path:ellipse(80% 100%)}.container.north{background:linear-gradient(180deg,#f7abc6 37.5%,#00fa9a)}.container.south{background:linear-gradient(180deg,#d3c2f4 43.23%,#52f49d)}.container.east{background:linear-gradient(90deg,#b8ff4f,#d3c2f4 73.96%)}.container.west{background:linear-gradient(90deg,#7995f7 19.27%,#f7abc6)}.link-wrapper{position:absolute;top:0;right:0;margin:22px;z-index:4}@media (max-width:800px){.link-wrapper{margin:12px}}.plus-wrapper{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate3d(-50%,-50%,0)}@media (max-width:800px){.plus-wrapper{width:105vw}}.plus-wrapper--no-animation .animate-line{animation:none;stroke-dashoffset:0}.plus-wrapper--shorten .plus-svg{width:calc(100% - 244px);height:calc(100% - 135px)}@media (max-width:800px){.plus-wrapper--shorten .plus-svg{width:105vw;height:100%}}.plus-wrapper .plus-svg{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.animate-line{stroke-dashoffset:1000;stroke-dasharray:1000;animation:plusGrow 1.5s ease-in-out 2s forwards}.animate-topography-enter{transform:translate3d(99.5%,0,0);animation:topographyEnter 2.2s ease-in-out 1.5s forwards}.animate-topography{animation:topographyEase 5s ease-in-out infinite}.topography path{transition:stroke 1s ease-in-out}.topography.landing{left:0}.topography.north path{stroke:#7995f7}.topography.south path{stroke:#62d4fb}.topography.east path{stroke:#e0a890}.topography.west path{stroke:#b8ff4f}@font-face{font-family:"BallPill";font-weight:400;font-style:normal;src:url(/static/media/ballpill-medium-webfont.3ba75c6e.woff) format("woff"),url(/static/media/ballpill-medium-webfont.1d81b973.woff2) format("woff2")}body,html{visibility:visible;padding:0;overflow:hidden;box-sizing:border-box;font-size:10px;font-family:"BallPill",sans-serif;background:#c4c4c4;color:#000;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}*,:after,:before{margin:0;padding:0;border:0;outline:0;background:transparent;box-sizing:inherit;-webkit-overflow-scrolling:touch}*{-webkit-text-size-adjust:none;box-sizing:border-box}::-webkit-scrollbar{display:none}:focus{outline-color:#39c;outline-width:5px;outline-style:auto}.nav-link{font-size:1.7rem;text-transform:uppercase;color:#000;cursor:pointer}@media (max-width:800px){.nav-link{font-size:1.6rem}}@media (max-width:800px){.nav-link--desktop{display:none}}.nav-link--mobile{display:none}@media (max-width:800px){.nav-link--mobile{display:block}}.controls-copy{font-size:1.8rem;text-transform:uppercase}@media (max-width:800px){.controls-copy{font-size:1.6rem}}p{font-size:1.9rem}@media (max-width:800px){p{font-size:1.6rem}}a{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.b81289e7.chunk.css.map */