.land{--paper:var(--background);--sun:color-mix(in oklch, var(--brand-400) 55%, var(--rustic-peach-variant));--far:color-mix(in oklch, var(--rustic-olive) 62%, var(--paper));--mid:color-mix(in oklch, var(--rustic-olive-variant) 85%, var(--rustic-green));--ochre:color-mix(in oklch, var(--rustic-peach-variant) 72%, var(--brand-400));--ochre-light:color-mix(in oklch, var(--ochre) 55%, var(--rustic-peach));--clay:var(--rustic-brown);--clay-deep:var(--rustic-brown-variant);--pine:color-mix(in oklch, var(--rustic-green) 72%, var(--rustic-green-variant));--bark:color-mix(in oklch, var(--rustic-brown-variant) 55%, var(--rustic-green-variant));--bark-mid:color-mix(in oklch, var(--rustic-brown-variant) 85%, var(--rustic-brown));--bark-hi:color-mix(in oklch, var(--rustic-brown) 80%, var(--rustic-peach-variant));--leaf-dark:color-mix(in oklch, var(--rustic-green) 60%, var(--rustic-olive-variant));--leaf-mid:color-mix(in oklch, var(--rustic-olive-variant) 62%, var(--rustic-olive));--leaf-hi:color-mix(in oklch, var(--rustic-olive) 85%, var(--rustic-cream));--ink:color-mix(in oklch, var(--rustic-green-variant) 82%, var(--rustic-green));--scene:min(100cqw + 160px, 175.6cqh);--hang:calc(var(--scene) * .6944 * .13);overflow-x:clip;container-type:size}.land:before{content:"";inset:0 0 calc(var(--hang) * -1);background-color:var(--paper);pointer-events:none;position:absolute}.land .layer{right:-80px;bottom:calc(var(--hang) * -1);width:var(--scene);height:calc(var(--scene) * .6944);transform:translate3d(calc(var(--px,0) * var(--d) * -1), calc(var(--py,0) * var(--d) * -.4 + var(--sy,0) * .4px - var(--sy,0) * var(--d) * .00526), 0);pointer-events:none;will-change:transform;position:absolute}.land .layer svg{width:100%;height:100%;display:block;overflow:visible}.land .rise,.land .grow,.land .sway,.land .birds{width:100%;height:100%}.land .rise{animation:land-rise var(--dur,1.8s) var(--ease-press) var(--delay,0s) both}.land .grow{transform-origin:80.28% 48%;animation:land-grow 1.9s var(--ease-press) .95s both}.land .sway{transform-origin:80.28% 48%;animation:9s ease-in-out 2.9s infinite land-sway}.land .birds{animation:42s linear 1.6s infinite both land-fly}.land .flap{transform-box:fill-box;transform-origin:50% 100%;animation:.55s ease-in-out infinite alternate land-flap}.land .flap:nth-child(2){animation-delay:.2s}.land .flap:nth-child(3){animation-delay:.35s}.land .grain{z-index:5;width:calc(100% + 128px);height:calc(100% + var(--hang) + 64px);opacity:var(--grain,.32);pointer-events:none;mix-blend-mode:multiply;animation:1s step-end infinite land-grain;position:absolute;top:-64px;left:-64px;mask-image:linear-gradient(#0000 96px,#000 40% calc(100% - 24vw),#0000 calc(100% - 17px))}.land .still{display:none}@keyframes land-rise{0%{transform:translateY(var(--lift,60px));opacity:0}to{opacity:1;transform:none}}@keyframes land-fade{0%{opacity:0}to{opacity:1}}@keyframes land-grow{0%{opacity:0;transform:scale(.9)translateY(30px)}to{opacity:1;transform:none}}@keyframes land-sway{0%{transform:rotate(0)}30%{transform:rotate(.7deg)}70%{transform:rotate(-.45deg)}to{transform:rotate(0)}}@keyframes land-fly{0%{opacity:0;transform:translate(-26vw,40px)}6%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(48vw,-60px)}}@keyframes land-flap{0%{transform:scaleY(1)}to{transform:scaleY(.45)}}@keyframes land-grain{0%{transform:translate(0)}20%{transform:translate(-14px,9px)}40%{transform:translate(11px,-17px)}60%{transform:translate(-7px,-11px)}80%{transform:translate(16px,13px)}}@media (width<=820px){.land{--hang:1vw;--nudge-x:20vw;--nudge-y:8vw;animation:land-fade 1.2s var(--ease-out-cubic) .1s both}.land .layer{right:calc(-12vw - var(--nudge-x));bottom:calc(var(--hang) * -1 + var(--nudge-y));will-change:auto;width:190vw;height:131.936vw;transform:none}.land .rise,.land .grow,.land .sway,.land .grain{animation:none}.land .birds{display:none}.land .still{left:0;bottom:calc(var(--hang) * -1 + var(--nudge-y));background:var(--still-light) center / 100% 100% no-repeat;width:100%;height:131.936vw;display:block;position:absolute}.dark .land .still{background-image:var(--still-dark)}.land[data-still] .layer:not(:has(.birds)),.land[data-still] .grain{display:none}.land[data-still] .birds{display:block}}@media (prefers-reduced-motion:reduce){.land,.land .rise,.land .grow,.land .sway,.land .birds,.land .flap,.land .grain{animation:none}}