.pixel-anim{width:100%;aspect-ratio:var(--pa-ratio);display:block;position:relative;overflow:hidden}.pixel-anim--sized{width:auto;height:var(--pa-size)}.pixel-anim img{width:auto;max-width:none;height:100%;image-rendering:pixelated;display:block;transform:translate(0)}@media (prefers-reduced-motion:no-preference){.pixel-anim img{animation:pixel-strip var(--pa-duration) steps(var(--pa-frames)) infinite}}@keyframes pixel-strip{to{transform:translate(-100%)}}
.hero-ecosystem{--ecosystem-height:710px;position:absolute;inset:0}.ecosystem-viewport{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ecosystem-plane{width:max(100%, calc(var(--ecosystem-height) * 1.5));aspect-ratio:3/2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ecosystem-plane>img{image-rendering:pixelated}.ecosystem-toggle{z-index:4;color:#eee2bf;min-height:44px;font-size:var(--text-sm);background:#101710ed;border:1px solid #b29b62;border-radius:3px;padding:10px 14px;position:absolute;top:18px;right:18px}.ecosystem-toggle:focus-visible{outline-offset:3px;outline:3px solid #f0d486}.ecosystem-video{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ecosystem-video{display:none}}.ecosystem-sky{width:104%;height:11%;image-rendering:pixelated;background:url(/art/camp-world.webp) top/100% no-repeat;animation:80s ease-in-out infinite alternate ecosystem-drift;position:absolute;top:0;left:-2%;-webkit-mask-image:linear-gradient(#000 55%,#0000 96%);mask-image:linear-gradient(#000 55%,#0000 96%)}.ecosystem-windows{position:absolute;inset:0}.ecosystem-windows i{aspect-ratio:1.4;background:radial-gradient(#ffc36a55,#ff9f3a18 45%,#0000 70%);width:2.4%;animation:3.4s steps(4,end) infinite ecosystem-flicker;position:absolute;transform:translate(-50%,-50%)}.ecosystem-windows i:nth-child(3n){animation-duration:2.6s;animation-delay:-1.1s}.ecosystem-windows i:nth-child(3n+1){animation-duration:4.2s;animation-delay:-2.3s}.ecosystem-windows i:nth-child(4n){animation-duration:5.1s;animation-delay:-.7s}.ecosystem-windows i:nth-child(5n){width:3.2%}.ecosystem-haze{background:linear-gradient(110deg,#0000 40%,#f4d48d0e 65%,#0000 80%);animation:18s ease-in-out infinite alternate ecosystem-light;position:absolute;inset:0}.ecosystem-rod{width:5.8%;animation:20s linear infinite ecosystem-walk;position:absolute;bottom:15%;left:44%}.ecosystem-rod .pixel-anim{width:100%}.ecosystem-fire{aspect-ratio:1;background:radial-gradient(#ffc65755,#d9832218 42%,#0000 70%);width:8%;animation:1.8s steps(6,end) infinite alternate ecosystem-glow;position:absolute;top:78.2%;left:53.1%;transform:translate(-50%,-50%)}.ecosystem-fire i{background:#ffda83;width:2px;height:3px;animation:3s steps(14,end) infinite ecosystem-ember;position:absolute;top:50%;left:50%}.ecosystem-fire i:nth-child(2){animation-delay:-1s;left:46%}.ecosystem-fire i:nth-child(3){animation-delay:-2s;left:54%}.ecosystem-fire i:nth-child(4){animation-delay:-.5s}.ecosystem-window{background:radial-gradient(#ffc46f27,#0000 70%);width:5%;height:5%;animation:4s steps(8,end) infinite alternate ecosystem-glow;position:absolute;top:62%;left:72%}.ecosystem-smoke{width:4%;height:10%;position:absolute;top:47%;left:76.3%}.ecosystem-smoke i{opacity:0;background:#d1c9a6;width:20%;height:12%;animation:7s steps(22,end) infinite ecosystem-smoke;position:absolute;bottom:100%}.ecosystem-smoke i:nth-child(2){animation-delay:-2.3s}.ecosystem-smoke i:nth-child(3){animation-delay:-4.6s}.ecosystem-birds{gap:15px;width:8%;animation:35s linear infinite ecosystem-flight;display:flex;position:absolute;top:18%;left:28%}.ecosystem-birds svg{fill:#343b30;width:22%;animation:1.2s steps(2,end) infinite alternate ecosystem-wing}.ecosystem-birds svg:nth-child(2){margin-top:14px;animation-delay:-.4s}.ecosystem-birds svg:nth-child(3){margin-top:5px;animation-delay:-.8s}.ecosystem-fox{width:3.6%;animation:26s linear infinite ecosystem-prowl;position:absolute;top:83%;left:54%}.ecosystem-fox:before{content:"";background:#080e0c66;border-radius:50%;width:78%;height:12%;position:absolute;bottom:0;left:11%}.ecosystem-fox svg{width:100%;animation:26s step-end infinite ecosystem-fox-facing;display:block;position:relative}.ecosystem-fireflies{position:absolute;inset:0}.ecosystem-fireflies i{background:#e4cd79;width:3px;height:3px;animation:6s ease-in-out infinite ecosystem-firefly;position:absolute;top:73%;left:70%}.ecosystem-fireflies i:nth-child(2){animation-delay:-2s;top:86%;left:59%}.ecosystem-fireflies i:nth-child(3){animation-delay:-4s;top:71%;left:82%}.ecosystem-fireflies i:nth-child(4){animation-delay:-3s;top:82%;left:44%}@keyframes ecosystem-light{to{opacity:.35}}@keyframes ecosystem-drift{0%{transform:translate(-1.1%)}to{transform:translate(1.1%)}}@keyframes ecosystem-flicker{0%,to{opacity:.55}35%{opacity:.95}55%{opacity:.45}80%{opacity:.85}}@keyframes ecosystem-glow{to{opacity:.5}}@keyframes ecosystem-ember{to{opacity:0;transform:translate(9px,-35px)}}@keyframes ecosystem-smoke{10%{opacity:.12}to{opacity:0;transform:translate(22px,-55px)scale(2)}}@keyframes ecosystem-walk{0%,12%,88%,to{transform:translate(0)}42%,60%{transform:translate(-35%,8%)}}@keyframes ecosystem-prowl{0%,15%,85%,to{transform:translate(0)}40%,60%{transform:translate(65%)}}@keyframes ecosystem-fox-facing{0%,to{transform:scaleX(1)}60%{transform:scaleX(-1)}}@keyframes ecosystem-flight{0%{opacity:0;transform:translate(0)}8%,85%{opacity:.7}to{opacity:0;transform:translate(400%,-25px)}}@keyframes ecosystem-wing{to{transform:scaleY(.5)}}@keyframes ecosystem-firefly{0%,to{opacity:.15}50%{opacity:.8;transform:translate(6px,-9px)}}.hero-ecosystem[data-paused=true] .ecosystem-plane *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.hero-ecosystem .ecosystem-plane *{animation:none!important}.ecosystem-toggle{display:none}}@media (max-width:700px){.hero-ecosystem{--ecosystem-height:350px}.ecosystem-plane{min-width:660px}}.ecosystem-panorama .ecosystem-plane{width:max(100%, calc(var(--ecosystem-height) * 3));aspect-ratio:3;min-width:0}.ecosystem-panorama .ecosystem-rod{width:2.4%;bottom:10%;left:48%}.ecosystem-panorama .ecosystem-fox{width:1.6%;top:87%;left:55%}.ecosystem-panorama .ecosystem-fire{width:5.5%;top:82%;left:52%}.ecosystem-panorama .ecosystem-smoke{width:2.4%;height:6%;top:46%;left:63.7%}.ecosystem-panorama .ecosystem-smoke--left{width:2%;height:5%;top:40.5%;left:33.2%}.ecosystem-panorama .ecosystem-smoke--left i{animation-duration:9s}.ecosystem-panorama .ecosystem-sky{background-image:url(/art/landing-village-panorama.webp);height:20%;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%)}.ecosystem-panorama .ecosystem-windows i{width:1.5%}.ecosystem-panorama .ecosystem-windows i:nth-child(5n){width:2%}.ecosystem-panorama .ecosystem-window{width:3%;height:4%;top:70%;left:64%}.ecosystem-panorama .ecosystem-birds{top:22%}@media (max-width:700px){.ecosystem-panorama .ecosystem-plane{width:max(100%,1600px);top:auto;bottom:0;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 18%);mask-image:linear-gradient(#0000,#000 18%)}}