body{font-family:"Satoshi",Arial,sans-serif}h1,h2,h3{font-family:"Satoshi",Arial,sans-serif}.hidden{display:none}img,embed,object,video,picture{max-width:100%}.slide{opacity:0;pointer-events:none;transition:opacity .5s}body:not(.js-loading) .slide:first-of-type{opacity:1;pointer-events:auto}html,body{min-height:100vh;max-height:100vh;margin:0;box-sizing:border-box;position:relative;overflow:hidden;line-height:1.2;z-index:-20;position:relative;transition:background-color 1.2s cubic-bezier(0.23, 1, 0.32, 1),color 1.2s cubic-bezier(0.23, 1, 0.32, 1)}body{background-color:var(--current-body-color, var(--slide1-body))}body::after{content:"";background:var(--background-svg-url, url("../images/background.svg")) no-repeat center center;background-size:cover;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;z-index:-30;pointer-events:none}body::before{content:"";background:url("../images/texture.png") repeat;background-size:cover;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;pointer-events:none;opacity:.15;background-blend-mode:multiply}.fixed-pinata-con .next-button{transition:background-color .5s cubic-bezier(0.23, 1, 0.32, 1),color .5s cubic-bezier(0.23, 1, 0.32, 1)}.fixed-pinata-con .next-button:after{transition:background-color .5s cubic-bezier(0.23, 1, 0.32, 1)}.top-text{transition:background-color 1.2s cubic-bezier(0.23, 1, 0.32, 1),color 1.2s cubic-bezier(0.23, 1, 0.32, 1)}.bottom-text p{transition:color 1.2s cubic-bezier(0.23, 1, 0.32, 1)}@media screen and (min-width: 768px){html,body{font-size:16px}}@media screen and (min-width: 1200px){html,body{font-size:18px}}.full-width-grid-con{display:grid;grid-template-columns:1fr minmax(0, 1fr)}.grid-con{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-column-gap:20px;margin:0 auto;padding-left:16px;padding-right:16px}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-end-1{grid-column-end:1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5{grid-column-end:5}@media screen and (min-width: 768px){.grid-con{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:20px;padding-left:16px;padding-right:16px}.m-col-span-1{grid-column:span 1/span 1}.m-col-span-2{grid-column:span 2/span 2}.m-col-span-3{grid-column:span 3/span 3}.m-col-span-4{grid-column:span 4/span 4}.m-col-span-5{grid-column:span 5/span 5}.m-col-span-6{grid-column:span 6/span 6}.m-col-span-7{grid-column:span 7/span 7}.m-col-span-8{grid-column:span 8/span 8}.m-col-span-9{grid-column:span 9/span 9}.m-col-span-10{grid-column:span 10/span 10}.m-col-span-11{grid-column:span 11/span 11}.m-col-span-12{grid-column:span 12/span 12}.m-col-span-full{grid-column:1/-1}.m-col-start-1{grid-column-start:1}.m-col-start-2{grid-column-start:2}.m-col-start-3{grid-column-start:3}.m-col-start-4{grid-column-start:4}.m-col-start-5{grid-column-start:5}.m-col-start-6{grid-column-start:6}.m-col-start-7{grid-column-start:7}.m-col-start-8{grid-column-start:8}.m-col-start-9{grid-column-start:9}.m-col-start-10{grid-column-start:10}.m-col-start-11{grid-column-start:11}.m-col-start-12{grid-column-start:12}.m-col-end-1{grid-column-end:1}.m-col-end-2{grid-column-end:2}.m-col-end-3{grid-column-end:3}.m-col-end-4{grid-column-end:4}.m-col-end-5{grid-column-end:5}.m-col-end-6{grid-column-end:6}.m-col-end-7{grid-column-end:7}.m-col-end-8{grid-column-end:8}.m-col-end-9{grid-column-end:9}.m-col-end-10{grid-column-end:10}.m-col-end-11{grid-column-end:11}.m-col-end-12{grid-column-end:12}.m-col-end-13{grid-column-end:13}}@media screen and (min-width: 1200px){.grid-con{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:40px;padding-left:40px;padding-right:40px}.l-col-span-1{grid-column:span 1/span 1}.l-col-span-2{grid-column:span 2/span 2}.l-col-span-3{grid-column:span 3/span 3}.l-col-span-4{grid-column:span 4/span 4}.l-col-span-5{grid-column:span 5/span 5}.l-col-span-6{grid-column:span 6/span 6}.l-col-span-7{grid-column:span 7/span 7}.l-col-span-8{grid-column:span 8/span 8}.l-col-span-9{grid-column:span 9/span 9}.l-col-span-10{grid-column:span 10/span 10}.l-col-span-11{grid-column:span 11/span 11}.l-col-span-12{grid-column:span 12/span 12}.l-col-span-full{grid-column:1/-1}.l-col-start-1{grid-column-start:1}.l-col-start-2{grid-column-start:2}.l-col-start-3{grid-column-start:3}.l-col-start-4{grid-column-start:4}.l-col-start-5{grid-column-start:5}.l-col-start-6{grid-column-start:6}.l-col-start-7{grid-column-start:7}.l-col-start-8{grid-column-start:8}.l-col-start-9{grid-column-start:9}.l-col-start-10{grid-column-start:10}.l-col-start-11{grid-column-start:11}.l-col-start-12{grid-column-start:12}.l-col-end-1{grid-column-end:1}.l-col-end-2{grid-column-end:2}.l-col-end-3{grid-column-end:3}.l-col-end-4{grid-column-end:4}.l-col-end-5{grid-column-end:5}.l-col-end-6{grid-column-end:6}.l-col-end-7{grid-column-end:7}.l-col-end-8{grid-column-end:8}.l-col-end-9{grid-column-end:9}.l-col-end-10{grid-column-end:10}.l-col-end-11{grid-column-end:11}.l-col-end-12{grid-column-end:12}.l-col-end-13{grid-column-end:13}}body{opacity:1;visibility:visible;transition:opacity .5s ease}.js-loading{opacity:0;visibility:hidden}.mobile-link{display:none}:root{--slide1-body: #00c4c0;--slide1-text-arrow: #008986;--slide2-body: #ff577c;--slide2-text-arrow: #b83d57;--slide3-body: #fcac2b;--slide3-text-arrow: #e48411;--slide4-body: #7634ff;--slide4-text-arrow: #5324b9;--slide5-body: #999487;--slide5-text-arrow: #151515;--current-text-arrow-color: #008986;--current-button-bg-color: #faa400;--current-button-text-color: #ffffff}.fixed-pinata-con{position:fixed;top:0;right:0;display:flex;flex-direction:column;height:100vh;gap:2rem;z-index:10;pointer-events:none}.fixed-pinata-con div{display:flex;gap:5rem;margin-top:-3rem;pointer-events:none}.fixed-pinata-con div img{height:65vh;pointer-events:none}.fixed-pinata-con div img.bat{margin-top:5rem;margin-right:-1rem}.fixed-pinata-con div img.pinata{height:85vh}.fixed-pinata-con .next-button{margin-top:auto;background-color:var(--current-button-bg-color, #faa400);border-radius:10rem;padding:1rem 2.5rem;min-width:16rem;padding-right:5rem;align-self:flex-end;z-index:1000;margin-right:6rem;width:fit-content;margin-bottom:3rem;text-decoration:none;color:var(--current-button-text-color, #fff);font-size:1.25rem;position:relative;pointer-events:auto;transition:background-color .5s ease-in-out,color .5s ease-in-out}.fixed-pinata-con .next-button:after{content:"";background-image:url("../images/arrow.svg");background-size:60% 60%;background-repeat:no-repeat;background-position:center;background-color:var(--current-text-arrow-color, #008986);border-radius:50%;top:50%;right:-3rem;transform:translateY(-50%);width:4rem;height:4rem;padding:1.5rem;display:flex;align-items:center;justify-content:center;transition:background-color .5s ease-in-out;position:absolute}.fixed-pinata-con div{position:relative}.celebration-logo{position:absolute;left:25%;top:35%;min-width:15rem;min-height:15rem;max-width:20rem;max-height:20rem;aspect-ratio:1/1;transform:translate(0) !important;z-index:20;pointer-events:none;animation:pop-celebrate .5s cubic-bezier(0.23, 1, 0.32, 1)}.celebration-site{display:block;font-size:2.1rem;font-weight:700;letter-spacing:.04em;color:#fff;text-align:center;z-index:21;margin-top:-3rem;text-decoration:none;cursor:pointer;pointer-events:all;text-decoration:underline}.slide{display:flex;justify-content:space-between;gap:2rem;height:100vh;width:100%;position:absolute;top:0;left:0;transition:opacity .5s ease-in-out}.text-wrapper{position:relative;margin-left:7.5rem}#slide-1 .top-text{height:calc(65vh - 6rem);width:20rem}#slide-1 .top-text .text-con h2{font-size:6rem;font-family:"Plein","Satoshi",Arial,sans-serif}#slide-1 .top-text .text-con p{font-size:2rem;margin:0}#slide-3 .top-text .text-con h2{font-size:2.25rem}#slide-3 .top-text .text-con img{width:45%}#slide-4 .top-text .text-con h2{font-size:2.5rem}#slide-4 .top-text .text-con img{width:70%}.top-text{position:relative;display:flex;flex-direction:column;height:80vh;width:31rem;padding:3rem;border-radius:0 0 2rem 2rem;z-index:0}.top-text .logo{width:12rem;margin-top:0rem}.top-text .slide-image{position:absolute;bottom:calc(-20vh + 6rem);left:17.5rem;z-index:1;pointer-events:none;width:auto;height:40vh}.top-text .slide-image.eric-wtf{height:37.5vh;bottom:calc(-20vh + 5rem);left:15rem}.top-text .slide-image.five-alive{height:32.5vh;bottom:calc(-20vh + 5rem);left:15rem}.top-text .text-con{position:relative;z-index:2;color:#fff;margin-top:auto}.top-text .text-con h2{font-size:4rem;margin:0;line-height:1.2}.top-text .text-con p{margin:0;font-size:1.4rem;margin-top:1rem;font-weight:500}.top-text .text-con img:not(.slide-image){margin-top:1.5rem;width:65%;z-index:5 !important}.top-text .text-con div{display:flex;flex-direction:column;gap:1.5rem}.top-text .text-con div a{text-decoration:none;padding:.4rem 2rem;background-color:#fcac2b;font-size:1.8rem;font-weight:600;color:#000;border-radius:20rem;width:fit-content;pointer-events:all}.bottom-text{background-color:#fff;height:calc(35vh - 6rem);width:20rem;padding:3rem;border-radius:2rem 2rem 0 0}.bottom-text p{margin:0;color:#008986;font-size:1.5rem}.pinata-con{display:flex;flex-direction:column;height:100vh;gap:2rem}.pinata-con div{display:flex;gap:5rem;margin-top:-3rem}.pinata-con div img{height:65vh}.pinata-con div img.bat{margin-top:5rem;margin-right:-1rem}.pinata-con div img.pinata{height:85vh}.pinata-con .next-button{margin-top:auto;background-color:#faa400;border-radius:10rem;padding:1rem 2.5rem;min-width:16rem;align-self:flex-end;padding-right:5rem;margin-right:6rem;width:fit-content;margin-bottom:3rem;text-decoration:none;color:#fff;font-size:1.25rem;position:relative;z-index:1000}.pinata-con .next-button:after{position:absolute;content:url(../images/arrow.svg);background-color:#008986;border-radius:50%;top:50%;right:-3rem;transform:translateY(-50%);width:4rem;height:4rem;padding:1.5rem;display:flex;align-items:center;justify-content:center}#slide-1 .top-text{background-color:var(--slide1-text-arrow)}#slide-1 .next-button:after{background-color:var(--slide1-text-arrow)}#slide-1 .bottom-text p{color:var(--slide1-text-arrow)}#slide-1 .top-text{height:calc(65vh - 6rem);width:20rem}#slide-1 .top-text .text-con h2{font-size:6rem;font-family:"Plein","Satoshi",Arial,sans-serif}#slide-1 .top-text .text-con p{font-size:2rem;margin:0}#slide-2 .top-text{background-color:var(--slide2-text-arrow)}#slide-2 .next-button:after{background-color:var(--slide2-text-arrow)}#slide-2 .bottom-text p{color:var(--slide2-text-arrow)}#slide-3 .top-text{background-color:var(--slide3-text-arrow)}#slide-3 .top-text .text-con h2{font-size:2.25rem}#slide-3 .top-text .text-con img{width:45%}#slide-3 .next-button{background-color:#fdd174;color:#b83d57}#slide-3 .next-button:after{background-color:var(--slide3-text-arrow)}#slide-3 .bottom-text p{color:var(--slide3-text-arrow)}#slide-4 .top-text{background-color:var(--slide4-text-arrow)}#slide-4 .top-text .text-con h2{font-size:2.5rem}#slide-4 .top-text .text-con img{width:70%}#slide-4 .next-button:after{background-color:var(--slide4-text-arrow)}#slide-4 .bottom-text p{color:var(--slide4-text-arrow)}#slide-5 .top-text{background-color:var(--slide5-text-arrow)}#slide-5 .next-button:after{background-color:var(--slide5-text-arrow)}#slide-5 .bottom-text p{color:var(--slide5-text-arrow)}#celebration-logo{animation:pop-celebrate 1.2s cubic-bezier(0.23, 1, 0.32, 1)}@keyframes pop-celebrate{0%{transform:translate(-50%, -50%) scale(0.7);opacity:0}60%{transform:translate(-50%, -50%) scale(1.1);opacity:1}100%{transform:translate(-50%, -50%) scale(1);opacity:1}}.next-button.is-last:after{background-image:url("../images/refresh.svg")}@media screen and (max-width: 1800px){.fixed-pinata-con div{transform:scale(0.8);transform-origin:top right;margin-top:-2rem}.fixed-pinata-con div img.bat{margin-top:8rem !important}.text-wrapper{margin-left:4rem}}@media screen and (max-width: 1350px){html,body{min-height:100vh;overflow:auto;max-height:unset;overflow-x:hidden !important}.text-wrapper{margin:0 auto}.slide{width:100%;position:static;height:fit-content;margin:0;top:0;left:0;display:flex;justify-content:center}.slide .slide-image{display:none}.slide .top-text{height:fit-content !important;border-radius:0 0 3rem 3rem;padding:2rem;text-align:center;padding-bottom:3rem}.slide .top-text:not(#slide-1 .top-text){width:35rem !important}.slide .top-text .text-con{display:flex;flex-direction:column;justify-content:center;align-items:center}.slide .top-text .text-con img{width:100% !important}.slide .top-text p{width:95%}.slide .top-text .logo{margin:0 auto;margin-bottom:3rem;margin-top:2rem}.slide .top-text div{align-items:center}.slide .bottom-text{height:fit-content !important;text-align:center;border-radius:2rem;padding:2rem}.slide .bottom-text p{font-size:1.5rem}#slide-4 .top-text .text-con img{width:60% !important}.fixed-pinata-con div img.bat{margin-top:0rem !important;margin-bottom:0rem;max-width:25vw !important}.fixed-pinata-con{position:relative;width:100%;margin:0 auto;pointer-events:none;z-index:1;display:flex;flex-direction:column;align-items:center;margin-top:-1rem;z-index:-5;height:fit-content}.fixed-pinata-con div{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:0;top:0;width:100%;max-width:100vw;z-index:-5}.fixed-pinata-con .pinata{display:block;margin:0 auto;max-width:85vw;margin-right:0rem;height:auto;z-index:-5}.fixed-pinata-con .bat{display:block;margin:0 auto;max-width:40vw;height:auto}.fixed-pinata-con .next-button{pointer-events:auto;bottom:3rem;width:auto;margin:0 auto;align-self:unset;margin-left:-3rem;margin-right:0}.celebration-logo{position:fixed !important;left:48%;top:35%;transform:translateX(-50%)}.celebration-site{position:fixed !important;left:47%;margin-top:48.5rem}}@media screen and (max-width: 1350px){.fixed-pinata-con .next-button,.next-button{z-index:9999 !important}body{overflow:hidden}}@media screen and (max-width: 1000px){.mobile-link{display:inline-block}.desktop-link{display:none}.fixed-pinata-con .celebration-logo{left:40%}.fixed-pinata-con .celebration-site{left:39%}.fixed-pinata-con div img.bat{max-width:30vw !important;margin-bottom:-5rem !important}}@media screen and (max-width: 700px){.top-text:not(#slide-1 .top-text){max-width:90vw !important;box-sizing:border-box;padding:2.5rem}.top-text .text-con div a{font-size:1.5rem}.fixed-pinata-con .celebration-logo{left:30%;max-width:14rem;max-height:14rem}.fixed-pinata-con .celebration-site{left:22%;margin-top:38rem}.fixed-pinata-con .pinata{max-width:55vw !important;height:auto !important}}@media screen and (max-width: 580px){#slide-1 .top-text,#slide-1 .bottom-text{max-width:90vw !important;width:100%;box-sizing:border-box;margin:0 auto}.fixed-pinata-con div img.bat{max-width:40vw !important;margin-bottom:-3rem !important}#slide-1 .top-text .text-con h2{font-size:4.5rem}#slide-2 .top-text .text-con h2{font-size:3rem}#slide-1 .top-text .text-con p{font-size:1.5rem}.text-wrapper{height:fit-content !important}.slide .top-text{padding:2rem !important}.fixed-pinata-con{margin-bottom:5rem}.fixed-pinata-con .celebration-site{left:16.5%}.fixed-pinata-con .next-button{max-width:80vw !important;min-width:80vw !important;box-sizing:border-box}.mobile-break{display:none}#slide-2 .top-text .text-con img{width:80% !important}#slide-4 .top-text .text-con img{width:80% !important}}#scroll-indicator{display:none;text-shadow:none !important;background:#000;border-radius:50%;width:3.2rem;height:3.2rem;justify-content:center;align-items:center;padding:.3rem;box-shadow:0 2px 12px rgba(0,0,0,.12)}@media screen and (max-width: 1350px){#scroll-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;left:50%;bottom:3rem;transform:translateX(-50%);z-index:9998;pointer-events:none;opacity:1;transition:opacity .3s;font-size:1.3rem;color:#000 !important;text-shadow:none !important;background:#000;border-radius:50%;width:3.2rem;height:3.2rem;pointer-events:all;cursor:pointer;padding:.3rem;box-shadow:0 2px 12px rgba(0,0,0,.12);animation:scroll-indicator-bounce 1.2s infinite}#scroll-indicator.hide{opacity:0;pointer-events:none}}#scroll-indicator::before{content:"";display:block;width:2.2rem;height:2.2rem;margin-bottom:0;background:url("../images/arrow.svg") no-repeat center center;background-size:contain;transform:rotate(90deg);cursor:pointer;opacity:1}@keyframes scroll-indicator-bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}/*# sourceMappingURL=main.css.map */