.parallax-wrapper{position:relative;min-height:100vh;overflow:hidden}.parallax-content{position:relative;z-index:10;background:transparent;height:460vh}.parallax-page-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1;pointer-events:none}#parallax-ground{position:absolute;width:100vw;height:600px;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:-1;pointer-events:none}.parallax-bg{position:fixed;top:0;left:50%;transform:translate(-50%)}#parallax-bg-1{width:100vw;min-width:1200px;z-index:1}#parallax-bg-2{width:100vw;min-width:1200px;z-index:2}#parallax-bg-3{width:100vw;min-width:960px;z-index:3}.parallax-bg div{background-repeat:no-repeat;position:absolute;display:block;overflow:hidden;background-size:contain}#bg-3-1{width:529px;height:757px;top:-100px;right:100px}#bg-3-2{width:603px;height:583px;top:1050px;left:70px}#bg-3-3{width:446px;height:713px;top:1800px;right:140px}.middle-cloud{width:488px;height:225px;background-size:contain!important}#bg-2-1{top:100px;left:-310px}#bg-2-2{top:270px;right:-70px}#bg-2-3{top:870px;left:-300px}#bg-2-4{top:1120px;right:-130px}#bg-2-5{top:1620px;left:140px}#bg-2-6{top:720px;left:340px}.back-cloud{width:488px;height:225px;background-size:contain!important}#bg-1-1{top:200px;right:450px}#bg-1-2{top:420px;left:0}#bg-1-3{top:850px;right:-290px}#bg-1-4{top:1350px;left:200px}#bg-1-5{top:1200px;left:-200px}#ground{width:100%;height:600px;background-size:cover;position:relative;z-index:5}@media (max-width: 1240px){.parallax-bg div{transform:scale(.9)}}@media (max-width: 768px){.parallax-content{height:300vh}.parallax-bg div{transform:scale(.7)}#ground{top:2800px}#bg-2-1,#bg-2-3{left:-400px}#bg-2-2,#bg-2-4{right:-150px}#bg-1-3{right:-400px}#bg-1-5{left:-300px}}.parallax-mascot,.parallax-mascot-2{position:absolute;width:100vw;height:80vh;z-index:-1;overflow:visible;pointer-events:none;left:0;right:0}.parallax-mascot{top:20vh}.parallax-mascot-2{top:60vh}.parallax-page-wrapper .mascot-image{position:absolute;top:30%;left:-200px;width:300px;height:auto;transform:translateY(-50%);will-change:transform;pointer-events:none;z-index:-1;transform-style:preserve-3d;backface-visibility:hidden}@media (max-width: 767px){.parallax-page-wrapper .mascot-image{width:200px;left:-150px}.parallax-mascot,.parallax-mascot-2{height:60vh}.parallax-mascot{top:15vh}.parallax-mascot-2{top:50vh}}.scroll-indicator{text-align:center;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);font-size:1.2rem;color:#fff;z-index:30;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.scroll-indicator span{display:block}.scroll-indicator span:nth-child(2){animation:arrowBounce 1s infinite alternate ease-in-out}@keyframes arrowBounce{to{transform:translateY(.5rem)}}.content-sections{position:relative;z-index:20;padding-bottom:50vh}.content-section{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.section-content{text-align:center;max-width:80%;position:relative;z-index:25}.content-section p{font-size:6rem;font-weight:600;color:#ffd521;line-height:1.2;margin:0;opacity:0}@media (max-width: 768px){.content-section p{font-size:1.8rem}.section-content{max-width:90%;padding:0 1rem}}.parallax-content{height:600vh!important}@media (max-width: 768px){.parallax-content{height:600vh!important}}.parallax-mascot{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:80vh!important;z-index:15;overflow:visible;pointer-events:none}.mascot-image{position:absolute;width:150px!important;height:auto;will-change:transform;pointer-events:none;z-index:16;transform-style:preserve-3d;backface-visibility:hidden;left:auto!important;top:auto!important}@media (min-width: 768px){.mascot-image{width:200px!important}}@media (min-width: 1024px){.mascot-image{width:250px!important}}@media (prefers-reduced-motion: reduce){.parallax-mascot,.scroll-indicator span:nth-child(2){display:none}.content-section p{opacity:1!important;transform:none!important}}.transparent-bg,.transparent-bg .section-padding,.transparent-bg .container{background:transparent!important}.section-padding{background:var(--section-bg-color, #87ceeb);padding-top:var(--section-padding-top, 0px);padding-bottom:var(--section-padding-bottom, 0px)}.parallax-mascot{position:absolute;top:100px!important;width:100vw;height:100vh;z-index:15;overflow:visible;pointer-events:none;left:0;right:0}.mascot-image{position:absolute;top:30%;left:-200px;width:350px!important;height:auto;max-width:none;transform:translateY(-50%);will-change:transform;pointer-events:none;z-index:16}@media (max-width: 767px){.mascot-image{width:200px;left:-150px}.parallax-mascot{height:60vh;top:60vh}}.mascot-image{transform-style:preserve-3d;backface-visibility:hidden}.content-sections{position:relative;z-index:10}.content-section{height:80vh;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.section-content{max-width:600px;text-align:center;position:relative}.section-content p{font-family:Nunito;font-size:6rem;font-weight:800;color:#ffd521;margin:0;line-height:1.2;will-change:transform,opacity}.text-left .section-content{text-align:left;margin-right:auto;margin-left:10%}.text-right .section-content{text-align:right;margin-left:auto;margin-right:10%}@media (max-width: 768px){.section-content p{font-size:1.8rem}.text-left .section-content,.text-right .section-content{margin-left:5%;margin-right:5%;text-align:center}}@media (max-width: 480px){.section-content p{font-size:1.5rem}.content-section{padding:1rem}}.parallax-header{text-align:center;padding-top:10vh;position:relative;z-index:20}.header-logo{max-width:300px;height:auto}.header-text{margin-top:2rem;font-size:3rem}.mascot-canvas{position:absolute!important;top:0;left:0;width:300px!important;height:300px!important;pointer-events:none;z-index:16;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden;transform-origin:center center}.mascot-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:17;pointer-events:none}@media (max-width: 767px){.mascot-canvas{width:200px!important;height:200px!important}}.parallax-mascot{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform}@media (prefers-reduced-motion: reduce){.parallax-mascot{display:none}.section-content p{animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/parallax-background.css.map */