.footer{margin-top:clamp(120px,10vw,180px);position:relative;isolation:isolate;background:linear-gradient(#fff 0%,#fff 25%,#153c1b 75%);color:#fff;overflow:hidden}
.footer-story{position:relative;height:clamp(1040px,84vw,1320px);isolation:isolate}
.footer-scenery{position:absolute;inset:0;z-index:0;pointer-events:none}
.footer-gestures{position:absolute;inset:0;z-index:0;pointer-events:none}
.footer-gesture{position:absolute;inset:0;opacity:0;}
.footer-gesture img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.footer[data-story=share] .footer-gesture-share,.footer[data-story=together] .footer-gesture-together{opacity:1}
.footer-garden{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.footer-story::before,.footer-story::after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:1}
.footer-story::before{top:-2px;height:calc(28% + 2px);background:linear-gradient(to bottom,#fff 0%,#fff 2px,#fffffff5 12%,#ffffffd9 25%,#ffffffa6 40%,#ffffff6b 55%,#ffffff33 70%,#ffffff0d 85%,#fff0 100%)}
.footer-story::after{bottom:0;height:30%;background:linear-gradient(#153c1b00,#153c1b70 65%,#153c1be0)}
.footer-dialogue{position:absolute;left:25%;bottom:calc(48% + 4px);max-width:260px;padding:15px 19px;border:1px solid #e5ece6;background:#fffffff5;color:#22342c;border-radius:21px 21px 21px 5px;box-shadow:0 4px 14px #173b1512;font-size:14px;line-height:1.6;z-index:3;transition:opacity .16s,translate .16s}
.footer-dialogue::after{content:"";position:absolute;left:26%;bottom:-11px;width:19px;height:19px;background:#fffffff5;border-right:1px solid #e5ece6;border-bottom:1px solid #e5ece6;transform:skewY(-15deg) rotate(45deg);border-radius:0 0 4px 0}
.footer[data-story=share] .footer-dialogue{left:36%}.footer[data-story=together] .footer-dialogue{left:47%;bottom:calc(49% + 4px)}.footer[data-transition=out] .footer-dialogue{opacity:0;translate:0 5px}
.mascot-easter-egg{position:absolute;left:10%;bottom:41%;width:110px;height:110px;padding:0;border:0;background:transparent;cursor:pointer;z-index:5;animation:arutala-garden-flight 7s ease-in-out infinite;animation-play-state:paused;transform-origin:center}
.footer-eagle-wings{display:block;position:absolute;inset:0}
.footer-eagle-wings img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;animation:arutala-wing-up .8s steps(1,end) infinite;animation-play-state:paused}
.footer-eagle-wings .footer-eagle-down{translate:6% 7%;animation-name:arutala-wing-down;opacity:0}
.footer[data-motion=running] .mascot-easter-egg,.footer[data-motion=running] .footer-eagle-wings img{animation-play-state:running}
.footer .mascot-easter-egg:hover,.footer .mascot-easter-egg[aria-expanded=true],.footer .mascot-easter-egg:focus-visible{animation-play-state:paused}
.mascot-message{position:absolute;left:0;bottom:calc(100% + 12px);width:180px;padding:13px 16px;border-radius:18px 18px 18px 4px;background:#fff;color:#22342c;box-shadow:0 4px 14px #173b1520;font-size:12px;line-height:1.7;text-align:left}.mascot-message[hidden]{display:none}
.footer-content{position:absolute;bottom:18px;left:0;right:0;z-index:4;text-align:center}
.footer-directory{display:flex;align-items:center;flex-direction:column;gap:14px}
.footer-wordmark{display:block;font-family:Jakarta,sans-serif;font-size:clamp(78px,7.5vw,120px);font-weight:800;line-height:.98;letter-spacing:-.065em;color:#fff;text-shadow:0 3px 16px #20491018}
.footer-wordmark span{display:block;font-size:clamp(12px,1.15vw,19px);line-height:1.6;font-weight:600;letter-spacing:.48em;margin-top:10px;margin-left:.48em}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 34px;padding:14px 34px;border:1px solid #ffffffb3;border-radius:32px;background:#ffffffb8;color:#15251a;font-size:13px;line-height:1.5;font-weight:600}
.footer-nav a:hover,.footer-legal a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 22px;margin-top:12px;font-size:11px;line-height:1.8;font-weight:700;text-shadow:0 1px 4px #123813}
.footer-bottom-right{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:16px}
.footer-legal{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:18px}.footer-instagram{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.footer-instagram svg{width:19px;height:19px}
.footer a:focus-visible,.footer button:focus-visible{outline:2px solid #fff;outline-offset:5px}
@keyframes arutala-garden-flight{0%,100%{transform:translate(0,0) rotate(-5deg)}25%{transform:translate(50px,-70px) rotate(4deg)}50%{transform:translate(115px,-40px) rotate(-2deg)}75%{transform:translate(45px,8px) rotate(3deg)}}
@keyframes arutala-wing-up{0%,100%{opacity:1}50%{opacity:0}}
@keyframes arutala-wing-down{0%,100%{opacity:0}50%{opacity:1}}
@media(max-width:900px){.footer-story{height:980px}.footer-dialogue{bottom:calc(48% + 4px);font-size:13px;max-width:240px}.footer-nav{gap:12px 25px}.mascot-easter-egg{left:6%;width:90px;height:90px}.footer-content{bottom:20px}}
@media(max-width:600px){.footer{margin-top:80px}.footer-story{height:960px}.footer-dialogue{bottom:calc(48% + 4px);left:7%;max-width:215px;padding:12px 15px;font-size:12px;line-height:1.6}.footer[data-story=share] .footer-dialogue{left:21%}.footer[data-story=together] .footer-dialogue{left:40%}.mascot-easter-egg{left:5%;bottom:66%;width:72px;height:72px}.mascot-message{width:155px;font-size:11px}.footer-content{bottom:18px}.footer-directory{gap:18px}.footer-wordmark{font-size:clamp(66px,18vw,90px)}.footer-wordmark span{font-size:12px;margin-top:7px}.footer-nav{gap:10px 17px;padding:12px 22px;max-width:100%;font-size:11px}.footer-bottom{margin-top:15px;gap:7px 16px;font-size:10px}.footer-copyright{text-align:left}.footer-bottom-right{width:100%;justify-content:space-between;flex-wrap:nowrap;gap:12px}.footer-legal{justify-content:flex-start;gap:6px 12px}}
@media(max-width:370px){.footer-story{height:920px}.footer-dialogue{max-width:190px;font-size:11px}.footer[data-story=together] .footer-dialogue{left:29%}.footer-nav{gap:9px 15px;padding:12px 18px}.footer-wordmark{font-size:66px}.footer-legal{font-size:9px}}
@media(max-width:600px){.footer-dialogue::after{left:46%}.footer[data-story=together] .footer-dialogue::after{left:42%}}
@media(prefers-reduced-motion:reduce){.mascot-easter-egg,.footer-eagle-wings img{animation:none!important}.footer-eagle-up{opacity:1}.footer-eagle-wings .footer-eagle-down{opacity:0}.footer-dialogue{transition:none}}