/* Original vector pixel artwork. Every character has its own motion layers. */
.sky-hero{background:linear-gradient(180deg,#69BFF0 0%,#8FD1F5 68%,#BDE7FA 100%)}
.sky-scenery{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero{position:relative;z-index:2;pointer-events:none}
.hero>*{pointer-events:auto}
.sky-caption{z-index:3}
.cloud-bank{position:absolute;bottom:-1px;left:50%;width:max(100%,1280px);height:auto;transform:translateX(-50%);pointer-events:none;user-select:none}
.cloud-bank-back{bottom:8px;opacity:.8}
.cloud-character{position:absolute;z-index:1;padding:0;border:0;background:none;aspect-ratio:3/2;isolation:isolate;touch-action:pan-y;cursor:pointer;-webkit-user-select:none;user-select:none}
.cloud-character-left{width:clamp(168px,16vw,232px);left:clamp(8px,2vw,48px);bottom:236px}
.cloud-character-right{width:clamp(216px,20vw,304px);right:clamp(8px,1.5vw,40px);bottom:296px}
.cloud-parallax,.cloud-float{display:block;width:100%;height:100%}
.cloud-sprite{display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 70%}
.cloud-eyes{transform-origin:center;transform-box:fill-box}
.cloud-mouth{transform-origin:center;transform-box:fill-box}
.cloud-character:focus-visible{outline:2px dashed #304A65;outline-offset:12px;border-radius:2px}
.cloud-sparkles{position:absolute;inset:0;pointer-events:none}
.cloud-sparkles i{position:absolute;top:50%;left:50%;width:7px;height:7px;opacity:0;background:var(--pink)}
.cloud-sparkles i:nth-child(4n+2){background:var(--cyan)}
.cloud-sparkles i:nth-child(4n+3){background:var(--green)}
.cloud-sparkles i:nth-child(4n){background:var(--orange)}
.sky-cloud{position:absolute;display:block;width:80px;opacity:.88}
.sky-cloud svg{display:block;width:100%;height:auto}
.sky-cloud-1{left:15%;bottom:186px;width:80px}
.sky-cloud-2{left:6%;bottom:452px;width:56px;opacity:.55}
.sky-cloud-3{right:20%;bottom:254px;width:72px;opacity:.7}
.sky-cloud-4{right:8%;bottom:190px;width:96px}
.sky-pixel{position:absolute;width:8px;height:8px;background:var(--cyan)}
.sky-pixel-1{left:5%;bottom:428px;background:var(--pink);width:24px;height:24px;clip-path:polygon(33% 0,66% 0,66% 33%,100% 33%,100% 66%,66% 66%,66% 100%,33% 100%,33% 66%,0 66%,0 33%,33% 33%)}
.sky-pixel-2{left:13%;bottom:376px}
.sky-pixel-3{left:3%;bottom:212px;background:var(--green)}
.sky-pixel-4{right:4%;bottom:526px;background:var(--orange);width:24px;height:24px;clip-path:polygon(33% 0,66% 0,66% 33%,100% 33%,100% 66%,66% 66%,66% 100%,33% 100%,33% 66%,0 66%,0 33%,33% 33%)}
.sky-pixel-5{right:3%;bottom:252px;background:var(--green)}
.sky-pixel-6{right:15%;bottom:214px;background:var(--pink)}
@media(min-width:1800px){.cloud-bank{width:100%}.cloud-character-left{left:7%;bottom:220px}.cloud-character-right{right:5%;bottom:290px}}
@media(max-width:1050px){.cloud-character-left{width:168px;left:4px;bottom:210px}.cloud-character-right{width:216px;right:-8px;bottom:248px}.sky-cloud-1{left:11%;bottom:158px}.sky-cloud-3{right:18%;bottom:176px}.sky-pixel-4{bottom:436px}.sky-pixel-1{bottom:370px}}
@media(max-width:800px){.cloud-character-left{width:144px;left:-8px;bottom:147px}.cloud-character-right{width:180px;right:-12px;bottom:170px}.cloud-bank{width:1100px}.sky-cloud-1{left:22%;bottom:115px;width:64px}.sky-cloud-2{display:none}.sky-cloud-3{right:25%;bottom:130px;width:48px}.sky-cloud-4{right:7%;bottom:115px;width:64px}.sky-pixel-1{bottom:306px;left:4%}.sky-pixel-2{bottom:264px;left:18%}.sky-pixel-4{bottom:346px}.sky-pixel-5{bottom:115px}}
@media(max-width:600px){.sky-hero{min-height:750px;background:linear-gradient(180deg,#69BFF0,#9DD7F6 80%,#BDE7FA)}.hero{padding-bottom:240px}.cloud-character-left{width:132px;left:8px;bottom:99px}.cloud-character-right{width:168px;right:4px;bottom:127px}.cloud-bank{width:800px}.cloud-bank-back{bottom:5px}.sky-caption{bottom:25px}.sky-cloud-1{left:38%;bottom:118px;width:44px;opacity:.7}.sky-cloud-3{right:19%;bottom:87px;width:48px}.sky-cloud-4{display:none}.sky-pixel-1{bottom:224px;width:18px;height:18px}.sky-pixel-2{bottom:236px;left:33%;width:6px;height:6px}.sky-pixel-3{bottom:90px;left:12%;width:6px;height:6px}.sky-pixel-4{bottom:265px;right:10%;width:18px;height:18px}.sky-pixel-5{bottom:94px;right:8%;width:6px;height:6px}.sky-pixel-6{right:46%;bottom:160px;width:6px;height:6px}}
@media(max-width:360px){.cloud-character-left{width:114px;left:6px}.cloud-character-right{width:144px;right:4px;bottom:132px}.sky-cloud-1{left:36%}.hero{padding-bottom:249px}}