.depth{--depth-sky:linear-gradient(180deg, transparent 38%, color-mix(in srgb, var(--ice) 6%, transparent) 78%, transparent);--depth-horizon:#1a1f26;--depth-distant:#171c24;--depth-distant-shade:#12171e;--depth-distant-light:#a9cdf20a;--depth-far:#131922;--depth-far-shade:#0e131b;--depth-rim:#a9cdf214;--depth-mid:#08111f;--depth-near:#03070e;--depth-limb:#010309;--depth-mist:#66cfff0d;--depth-cloud:#9fb8d80a;--depth-star:#dfe8f6;--depth-bird:#9db0cc;--range-h:clamp(170px, 40vh, 430px);--h:clamp(84px, 17vh, 190px);--p:1;--mx:0;--travel:0px;width:inherit;z-index:0;pointer-events:none;background:var(--depth-sky);animation:1.4s both depth-in;position:fixed;top:0;bottom:0;overflow:hidden;container-type:size}html[data-theme=light] .depth{--depth-sky:linear-gradient(180deg, #e7eff8, transparent 52%, #f8e9cf73 82%, transparent);--depth-horizon:#e9ecef;--depth-distant:#e1e5ea;--depth-distant-shade:#d7dce2;--depth-distant-light:#ffffff26;--depth-far:#d9dfe5;--depth-far-shade:#ccd3db;--depth-rim:#ffffff4d;--depth-mid:#d2dde8;--depth-near:#bac9d5;--depth-limb:#9fb1c1;--depth-mist:#ffffffb3;--depth-cloud:#ffffffc4;--depth-bird:#52657d}.depth,.depth-front{--depth-leaf-0:#c99a45;--depth-leaf-1:#b8704a;--depth-leaf-2:#d8b860;--depth-leaf-3:#63a88c}html[data-theme=light] :is(.depth,.depth-front){--depth-leaf-0:#c98b2b;--depth-leaf-1:#b9633b;--depth-leaf-2:#d4a640;--depth-leaf-3:#5c9978}@keyframes depth-in{0%{opacity:0}}.has-depth main{position:relative}@media (min-width:761px){.has-depth .topbar{position:relative}}.depth-layer{transform:translate3d(calc(var(--mx) * var(--sway) * -1px), calc((1 - var(--p)) * min(var(--drop), var(--travel) * var(--k,0))), 0);will-change:transform;position:absolute;inset:0}.depth-silhouette{position:absolute;bottom:0;left:-24px;right:-24px;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.depth-range{height:var(--range-h)}.depth-horizon .depth-range{background:var(--depth-horizon)}.depth-distant .depth-range{background:var(--depth-distant)}.depth-distant .depth-shade{background:var(--depth-distant-shade)}.depth-distant .depth-light{background:var(--depth-distant-light)}.depth-far .depth-range{background:var(--depth-far)}.depth-far .depth-shade{background:var(--depth-far-shade)}.depth-far .depth-light{background:var(--depth-rim)}.depth-mid .depth-silhouette{background:var(--depth-mid);height:clamp(110px,24vh,250px)}.depth-near .depth-silhouette{height:var(--h);background:var(--depth-near)}.depth-perch{width:8px;margin-left:-4px;position:absolute}.depth-nest{background:0 0}.depth-limbs{--u:min(var(--h), 18cqw)}.depth-limb{width:calc(var(--u) * var(--w));height:calc(var(--u) * .8);background:var(--depth-limb);position:absolute;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.depth-limb.is-right{right:-32px;bottom:calc(var(--h) * .8)}.depth-limb.is-left{left:-32px;bottom:calc(var(--h) * .9)}.depth-stars{width:100%;height:100%;fill:var(--depth-star);position:absolute;inset:0}html[data-theme=light] .depth-stars,html[data-theme=light] .depth-twinkle,html[data-theme=light] .depth-meteor,html[data-theme=light] .depth-aurora{display:none}.depth-aurora{background:radial-gradient(ellipse 34% 42% at 28% 58%, color-mix(in srgb, var(--green) 9%, transparent), transparent 72%), radial-gradient(ellipse 26% 36% at 68% 42%, color-mix(in srgb, var(--ice) 7%, transparent), transparent 70%);width:120%;height:46%;animation:34s ease-in-out infinite alternate depth-aurora;position:absolute;top:2%;left:-10%}@keyframes depth-aurora{0%{opacity:.65;transform:translate(-2cqw)}to{opacity:1;transform:translate(3cqw,-1.5cqh)}}.depth-twinkle{background:var(--depth-star);width:2px;height:2px;box-shadow:0 0 6px 1px color-mix(in srgb, var(--depth-star) 45%, transparent);animation:depth-twinkle var(--t) ease-in-out var(--delay) infinite;border-radius:50%;position:absolute}@keyframes depth-twinkle{0%,to{opacity:.15}50%{opacity:.9}}.depth-meteor{opacity:0;background:linear-gradient(90deg, transparent, var(--depth-star));width:84px;height:1px;animation:95s linear 15s infinite depth-meteor;position:absolute;top:9%;left:70%}@keyframes depth-meteor{0%{opacity:0;transform:translate(0,0)rotate(156deg)}.2%{opacity:.75}1%{opacity:0;transform:translate(-190px,84px)rotate(156deg)}to{opacity:0;transform:translate(-190px,84px)rotate(156deg)}}.depth-cloud{width:var(--w);background:radial-gradient(closest-side, var(--depth-cloud), transparent);height:6cqh;animation:depth-drift var(--cycle) linear var(--delay) infinite;border-radius:50%;position:absolute;left:0}@keyframes depth-drift{0%{transform:translate(105cqw)}to{transform:translate(-40cqw)}}.depth-mist{background:radial-gradient(ellipse 22% 50% at 25% 50%, var(--depth-mist), transparent 72%), radial-gradient(ellipse 18% 42% at 72% 58%, var(--depth-mist), transparent 72%);background-size:50% 100%;width:200%;height:clamp(60px,11vh,110px);animation:150s linear infinite depth-mist;position:absolute;bottom:clamp(70px,15vh,160px);left:0}@keyframes depth-mist{to{transform:translate(-50%)}}.depth-flock{width:90px;height:40px;animation:depth-fly var(--cycle) linear var(--delay) infinite;position:absolute;left:0}.depth-flock.is-mid{animation-name:depth-fly-back}@keyframes depth-fly{0%{transform:translate(-12cqw)}36%,to{transform:translate(108cqw,-4cqh)}}@keyframes depth-fly-back{0%{transform:translate(108cqw)}27%,to{transform:translate(-12cqw,3cqh)}}.depth-bob{animation:7s ease-in-out infinite alternate depth-bob;display:block}@keyframes depth-bob{to{transform:translateY(10px)}}.depth-bird{width:calc(var(--bird) * var(--b));aspect-ratio:24/10;color:var(--depth-bird);display:block;position:absolute}.is-far .depth-bird{--bird:11px;opacity:.55}.is-mid .depth-bird{--bird:17px;opacity:.7}.depth-bird svg{fill:currentColor;transform-origin:50% 70%;width:100%;height:100%;animation:depth-flap var(--flap) ease-in-out var(--flap-delay) infinite;display:block}@keyframes depth-flap{0%,48%,to{transform:scaleY(1)}18%{transform:scaleY(-.55)}34%{transform:scaleY(.9)}}.depth-leaves,.depth-front .depth-life{position:absolute;inset:0}.depth-leaf{width:var(--s);height:var(--s);opacity:0;animation:depth-fall var(--cycle) linear var(--delay) infinite;position:absolute;top:0}@keyframes depth-fall{0%{opacity:0;transform:translateY(-6cqh)}2.5%,32.5%{opacity:var(--o)}36%,to{transform:translate3d(var(--drift), 104cqh, 0);opacity:0}}.depth-sway{width:100%;height:100%;animation:depth-sway var(--sway-t) ease-in-out var(--delay) infinite alternate;display:block}@keyframes depth-sway{0%{transform:translate3d(calc(var(--amp) * -1), 0, 0) rotate(-22deg)}to{transform:translate3d(var(--amp), 0, 0) rotate(28deg)}}.depth-leaf svg{width:100%;height:100%;fill:var(--c);animation:depth-tumble var(--spin-t) linear infinite;display:block;overflow:visible}.depth-stem{fill:none;stroke:var(--c);stroke-width:.12px;stroke-linecap:round}@keyframes depth-tumble{to{transform:rotate3d(1,.35,.2,360deg)}}.depth-front{width:inherit;z-index:15;pointer-events:none;position:fixed;top:0;bottom:0;overflow:hidden;container-type:size}.depth-life{transition:opacity 2.4s}.depth[data-idle] .depth-life,.depth-front[data-idle] .depth-life{opacity:0}.depth[data-still] .depth-life,.depth-front[data-still] .depth-life{display:none}.depth[data-idle] *,.depth[data-still] *,.depth-front[data-idle] *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.depth-life{display:none}.depth-layer{transform:none}}@media (max-width:760px){.depth-front{display:none}.depth{--range-h:clamp(140px, 31vh, 250px);--h:clamp(64px, 12vh, 120px)}.depth-mid .depth-silhouette{height:clamp(90px,18vh,160px)}.depth-limb.is-left{display:none}}