@property --walk{syntax:"<number>";inherits:true;initial-value:0}@property --feet-px{syntax:"<length>";inherits:true;initial-value:0}.ab{--top:calc(min(38.4vw, 672px) * .26);--feet-px:6.6vh;color:#4b2d17;min-height:100dvh;position:relative}@media (max-aspect-ratio:1){:root.ab-fixed{--mark-w:min(68vw, 380px)}.ab{--top:calc(env(safe-area-inset-top) + 6px + min(68vw, 380px) * .42);--feet-px:calc(env(safe-area-inset-bottom) + 88px)}}:root:has(.ab) body{background:0 0}:root.ab-fixed,:root.ab-fixed body{overscroll-behavior:none;height:100%;overflow:hidden}:root.ab-fixed{transition:--walk .95s cubic-bezier(.45,0,.2,1)}:root.ab-fixed .site-mark img{filter:none}.ab-world{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ab-sky{position:absolute;inset:0}.ab-sky-0{background:linear-gradient(#9fd3f4,#d9eefa 60%)}.ab-sky-1{background:linear-gradient(#7cc4f0,#cdebfa 60%)}.ab-sky-2{background:linear-gradient(#f7bd7a,#fde0b0 55%,#fff1d8)}.ab-sky-3{background:linear-gradient(#5d4b93,#b8679a 45%,#f59a78 85%)}.ab-sky-4{background:linear-gradient(#141c44,#2a3a78 60%)}.ab-sky-5{background:linear-gradient(#ffd7a8,#fcb9a4 45%,#cfe3f4)}.ab-sky-1{opacity:clamp(0, calc(var(--walk) * 5), 1)}.ab-sky-2{opacity:clamp(0, calc((var(--walk) - .2) * 5), 1)}.ab-sky-3{opacity:clamp(0, calc((var(--walk) - .4) * 5), 1)}.ab-sky-4{opacity:clamp(0, calc((var(--walk) - .6) * 5), 1)}.ab-sky-5{opacity:clamp(0, calc((var(--walk) - .8) * 5), 1)}.ab-stars{inset:var(--top) 0 45% 0;opacity:calc(clamp(0, (var(--walk) - .5) * 5, 1) - clamp(0, (var(--walk) - .86) * 8, 1));position:absolute}.ab-stars img{height:auto;animation:3.2s ease-in-out infinite ab-twinkle;position:absolute}.ab-moon{--low:46vh;width:clamp(64px,9vw,120px);translate:0 calc(clamp(0, (.8 - var(--walk)) * 5, 1) * var(--low) - clamp(0, (var(--walk) - .8) * 5, 1) * 50vh);opacity:calc(clamp(0, (var(--walk) - .5) * 6, 1) - clamp(0, (var(--walk) - .88) * 9, 1));animation:6s ease-in-out infinite ab-bob;position:absolute;top:4dvh;right:8%}@keyframes ab-twinkle{50%{opacity:.7;transform:scale(.82)}}@keyframes ab-bob{50%{transform:translateY(8px)rotate(-4deg)}}.ab-sun{width:clamp(100px,min(16vw,22dvh),210px);translate:0 calc(clamp(0, (1 - var(--walk)) * 5, 1) * 60vh);opacity:clamp(0, calc((var(--walk) - .78) * 8), 1);position:absolute;top:5dvh;right:5vw}.ab-layer{filter:brightness(calc(1 - clamp(0, (var(--walk) - .5) * 1.4, .4) + clamp(0, (var(--walk) - .86) * 3, .4)));background-repeat:repeat-x;background-size:auto 100%;position:absolute;bottom:0;left:0;right:0}.ab-far{background-image:url(/about/valley/far.webp);background-position-x:calc(var(--walk) * -600px);height:30vh;bottom:16vh}.ab-mid{background-image:url(/about/valley/mid.webp);background-position-x:calc(var(--walk) * -1500px);height:26vh;bottom:6vh}.ab-near{background-image:url(/about/valley/near.webp);background-position-x:calc(var(--walk) * -3200px);height:9vh}.ab-an{opacity:0;line-height:0;transition:opacity .6s .35s;position:absolute}.ab-an.on{opacity:1}.ab-an video,.ab-an img{width:100%;height:auto;display:block}.ab-an-bunny{left:6%;bottom:calc(var(--feet-px) - 1.5vh);width:clamp(56px,5vw,96px)}.ab-an-panda{right:9%;bottom:calc(var(--feet-px) - 1vh);width:clamp(54px,5vw,92px)}.ab-an-squirrel{left:8%;bottom:calc(var(--feet-px) - 1vh);width:clamp(50px,4.6vw,88px)}.ab-an-fox{right:7%;bottom:calc(var(--feet-px) - 1.5vh);width:clamp(64px,6vw,112px)}.ab-an-owl{right:9%;bottom:calc(var(--feet-px) - 1.5vh);width:clamp(46px,4.2vw,80px)}.ab-an-songbirds{width:clamp(110px,12vw,200px);top:38vh;left:3%}.ab-an-songbirds.on{animation:3.2s cubic-bezier(.2,.8,.3,1) both ab-flyin}@keyframes ab-flyin{0%{translate:-40vw 10vh}to{translate:0}}.ab-front{z-index:3;pointer-events:none;position:fixed;inset:0}.ab-fly{width:40px;opacity:calc(1 - clamp(0, (var(--walk) - .48) * 6, 1));animation:9s ease-in-out infinite ab-flutter;position:absolute}.ab-fly-1{bottom:22vh;left:22%}.ab-fly-2{width:38px;animation-duration:11s;animation-delay:-4s;bottom:27vh;right:26%}@keyframes ab-flutter{0%,to{transform:translate(0)rotate(-6deg)}25%{transform:translate(30px,-24px)rotate(8deg)}50%{transform:translate(60px,4px)rotate(-4deg)}75%{transform:translate(20px,18px)rotate(6deg)}}.ab-ask{z-index:2;left:16px;right:16px;top:calc(var(--top) + 8px + 7dvh);pointer-events:none;--cw-w:min(100%, 1400px);--cw-h:clamp(64px, min(12.5vw, 17dvh), 190px);height:clamp(64px,min(12.5vw,17dvh),190px);position:fixed}.ab-ask .cw{inset:0}.ab .cw{mix-blend-mode:normal}.ab-track{z-index:1;will-change:transform;transition:transform .95s cubic-bezier(.45,0,.2,1);position:relative}.ab-step{height:100dvh;position:relative}.ab-scene{width:0;height:100%;filter:brightness(calc(1 - clamp(0, (var(--walk) - .5) * 1.4, .4) * .6 + clamp(0, (var(--walk) - .86) * 3, .4) * .6));position:absolute;bottom:0;left:50%}.ab-scene img{filter:drop-shadow(0 6px 10px #28461438);max-width:none;height:auto;position:absolute}.ab-scene img.back{z-index:-1;filter:drop-shadow(0 6px 10px #28461438)brightness(.95)saturate(.95)}.ab-scene img.front{z-index:1}.ab-invite{z-index:2;left:0;right:0;top:var(--ask-bottom,32vh);text-align:center;flex-direction:column;align-items:center;padding:0 20px;display:flex;position:absolute}.ab-end{flex-direction:column;align-items:center;gap:4px;display:flex}.ab-end p{max-width:34ch;font:700 clamp(16px, min(2vw, 3dvh), 26px)/1.4 var(--font-display), system-ui, sans-serif;color:#6b3a24;text-shadow:0 1px 8px #fff0e1e6;margin:0}.ab-post{--sink:-28px;margin-top:30px}@media (min-aspect-ratio:1){.ab-scene-end{left:30%}.ab-invite{bottom:0}.ab-invite .ab-post{left:76%;bottom:calc(var(--feet-px) + 12vh);--sink:-15vh;--h:clamp(44px, 7vh, 76px);margin:0;position:absolute;translate:-50%}}.ab-nav{z-index:6;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:max(18px,3vh);right:max(18px,2.5vw)}.ab-btn{aspect-ratio:1;cursor:pointer;color:#6b3a24;outline-offset:-6px;background:#fff7ea;border:0;border-radius:50%;outline:2px dashed #b088608c;place-items:center;width:clamp(58px,6.6vh,72px);transition:transform .15s,opacity .3s;display:grid;box-shadow:0 3px #e2c9a6,0 8px 18px #3c281438}.ab-btn svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:46%}.ab-btn:hover:not(:disabled){transform:translateY(-2px)}.ab-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #e2c9a6,0 4px 10px #3c281433}.ab-btn:disabled{display:none}.ab-btn-next{background:#f6cf6b;box-shadow:0 3px #d6a83c,0 8px 18px #3c281438}.ab-btn-hop{animation:2.2s ease-in-out 1.2s infinite ab-hop}@keyframes ab-hop{0%,46%,to{transform:none}10%{transform:translateY(-12px)scale(1.08)}20%{transform:translateY(0)scale(.96,1.04)}28%{transform:translateY(-6px)}36%{transform:none}}.ab-btn-hop:after{content:"";pointer-events:none;border:3px solid #d6a83cd9;border-radius:50%;animation:2.2s ease-out 1.2s infinite ab-ring;position:absolute;inset:-4px}.ab-btn{position:relative}@keyframes ab-ring{0%{opacity:.9;transform:scale(1)}45%,to{opacity:0;transform:scale(1.6)}}@media (max-aspect-ratio:1){.ab-far{height:40vh;bottom:calc(var(--feet-px) + 6vh)}.ab-mid{height:32vh;bottom:calc(var(--feet-px) - 4vh)}.ab-near{height:calc(var(--feet-px) + 3vh)}.ab-fly-1{left:10%;bottom:calc(var(--feet-px) + 34vh)}.ab-fly-2{right:12%;bottom:calc(var(--feet-px) + 39vh)}.ab-ask{top:calc(var(--top) + 2.5dvh);--cw-h:clamp(48px, 12vw, 96px);height:clamp(48px,12vw,96px)}.ab-stars{inset:var(--ask-bottom,var(--top)) 0 45% 0}.ab-moon{--low:16vh;width:clamp(52px,14vw,90px);right:6%;top:calc(var(--ask-bottom,var(--top)) + 2vh)}.ab-sun{right:3vw;top:calc(env(safe-area-inset-top) + 8px);width:clamp(46px,13vw,90px)}.ab-nav{right:14px;bottom:calc(env(safe-area-inset-bottom) + 12px);flex-direction:row}.ab-an-bunny,.ab-an-squirrel{left:2%;bottom:calc(var(--feet-px) - 3vh);width:11vw}.ab-an-panda{left:2%;right:auto;bottom:calc(var(--feet-px) - 3vh);width:12vw}.ab-an-fox{left:1%;right:auto;bottom:calc(var(--feet-px) - 3vh);width:14vw}.ab-an-owl{left:2%;right:auto;bottom:calc(var(--feet-px) - 3vh);width:10vw}.ab-an-songbirds{left:auto;right:calc(100vw - var(--back-x,30vw) + 6px);top:var(--back-y,34vh);width:min(19vw, 110px, calc(var(--back-x,30vw) - 10px));bottom:auto;translate:0 -50%}.ab-an-songbirds.on{animation:3.2s cubic-bezier(.2,.8,.3,1) both ab-flyin-tall}@keyframes ab-flyin-tall{0%{translate:-40vw -20vh}to{translate:0 -50%}}.ab-btn{width:clamp(52px,14vw,64px)}.ab-invite{z-index:0;bottom:0}.ab-scene{z-index:1}.ab-invite .ab-post{--sink:-100vh;margin-top:26px}}@media (prefers-reduced-motion:reduce){.ab-track,:root.ab-fixed{transition:none}.ab-an-songbirds,.ab-fly,.ab-stars img,.ab-moon,.ab-btn-hop,.ab-btn-hop:after{animation:none}}