@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--cream:#f7f3d9;--deep:#123c36;--gold:#efcf76}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#163b32;color:var(--cream);font-family:"DM Mono",monospace}.garden{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:linear-gradient(180deg,#92c6a4 0%,#6eb18d 33%,#3c846d 60%,#216053 100%)}
.sun-haze{position:absolute;z-index:-8;top:-31vw;left:18%;width:68vw;height:68vw;border-radius:50%;background:radial-gradient(circle,rgba(255,250,205,.93) 0 3%,rgba(255,245,195,.48) 28%,transparent 65%);filter:blur(6px)}.mountain{position:absolute;z-index:-7;bottom:43%;width:77vw;height:35vw;min-height:230px;background:#4f9678;clip-path:polygon(0 100%,5% 66%,15% 78%,32% 25%,42% 70%,60% 5%,75% 60%,91% 31%,100% 74%,100% 100%);opacity:.7}.mountain-a{left:-8%}.mountain-b{right:-19%;bottom:45%;background:#397f68;transform:scaleX(-1);opacity:.67}
.forest{position:absolute;z-index:-5;left:0;width:100%;background-repeat:repeat-x}.forest-back{bottom:35%;height:31%;opacity:.58;background-image:radial-gradient(ellipse at 16px 100%,#24624d 0 17px,transparent 18px),radial-gradient(ellipse at 48px 100%,#2d7659 0 24px,transparent 25px),radial-gradient(ellipse at 87px 100%,#1d5847 0 30px,transparent 31px);background-size:110px 130px}.forest-front{bottom:28%;height:25%;opacity:.82;background-image:radial-gradient(ellipse at 20px 100%,#18513f 0 30px,transparent 31px),radial-gradient(ellipse at 65px 100%,#286b50 0 38px,transparent 39px),radial-gradient(ellipse at 112px 100%,#154936 0 27px,transparent 28px);background-size:140px 120px}
.water{position:absolute;z-index:-2;left:-7%;right:-7%;bottom:-17%;height:55%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 4%,#94d2ad 0,#55aa88 15%,#287b6a 42%,#185b52 78%);overflow:hidden}.water:after,.water:before{content:"";position:absolute;left:-10%;width:120%;height:15px;border-radius:50%;border-top:2px solid rgba(221,245,206,.24);animation:waterline 8s linear infinite}.water:before{top:27%;animation-delay:-3s;opacity:.6}.water:after{top:54%;animation-delay:-6s}.water-light{position:absolute;top:11%;left:35%;width:28%;height:68%;background:linear-gradient(90deg,transparent,rgba(241,252,209,.3),transparent);clip-path:polygon(42% 0,59% 0,100% 100%,0 100%);filter:blur(7px)}.water-rings{position:absolute;left:58%;top:36%;width:110px;height:28px;border-radius:50%;border:1px solid rgba(245,249,204,.33);box-shadow:0 10px 0 -1px rgba(245,249,204,.22),0 23px 0 -2px rgba(245,249,204,.13);animation:expand 4s ease-out infinite}
.flora{position:absolute;z-index:-1;inset:32% 0 0;pointer-events:none}.stem{position:absolute;bottom:15%;width:2px;height:var(--h);background:linear-gradient(#386e46,#174d3a);transform-origin:bottom;transform:rotate(var(--tilt));opacity:var(--o)}.stem:before,.stem:after{content:"";position:absolute;width:20px;height:9px;background:#376e48;border-radius:100% 0 100% 0}.stem:before{top:30%;left:-17px;transform:rotate(-30deg)}.stem:after{top:52%;left:0;transform:scaleX(-1) rotate(-30deg)}.stem b{position:absolute;top:-9px;left:-6px;width:15px;height:15px;border-radius:50% 50% 45% 50%;background:var(--flower);box-shadow:4px 2px 0 var(--flower),-3px 4px 0 var(--flower)}.flora .stem:nth-child(3n){bottom:4%}.flora .stem:nth-child(4n){bottom:8%;transform:rotate(calc(var(--tilt) * -1))}.flora .stem:nth-child(5n){filter:brightness(.82)}
.lily-pads{position:absolute;z-index:0;inset:0;pointer-events:none}.lily-pads:before,.lily-pads:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at 38% 30%,#80b56c,#2a6a50 70%);clip-path:polygon(0 47%,36% 11%,74% 4%,100% 38%,83% 84%,50% 100%,15% 80%,42% 53%);opacity:.9}.lily-pads:before{bottom:16%;left:22%;width:88px;height:44px;transform:rotate(-9deg)}.lily-pads:after{bottom:12%;right:24%;width:110px;height:55px;transform:rotate(15deg)}
header{position:absolute;z-index:9;top:25px;left:clamp(20px,5vw,70px);right:clamp(20px,5vw,70px);display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.04em}header a{color:var(--cream);text-decoration:none;font-weight:500}header a span{color:var(--gold)}header p{margin:0;color:rgba(247,243,217,.68);font-size:9px}.garden-whisper{position:absolute;z-index:3;top:50%;left:8vw;margin:0;color:rgba(247,243,217,.65);font:500 clamp(14px,1.35vw,19px)/1.2 "Fraunces",serif}
.destination{position:absolute;z-index:4;display:block;text-decoration:none;color:var(--cream);cursor:pointer}.destination em{position:absolute;display:block;opacity:0;pointer-events:none;font:500 10px "DM Mono",monospace;letter-spacing:.05em;text-shadow:0 1px 8px #154038;transition:opacity .25s,transform .25s;white-space:nowrap}.destination:hover em,.destination:focus-visible em{opacity:1;transform:translate(-50%,0)}.destination:focus-visible{outline:1px solid var(--cream);outline-offset:10px}
.lotus{left:50%;bottom:17%;width:222px;height:155px;transform:translateX(-50%);animation:lotusFloat 5s ease-in-out infinite}.lotus-shadow{position:absolute;z-index:-1;bottom:0;left:3px;width:215px;height:70px;border-radius:50%;background:radial-gradient(ellipse,#84c28e,#34795b 70%);clip-path:polygon(0 50%,33% 14%,72% 2%,100% 45%,85% 83%,50% 100%,16% 82%,41% 54%)}.petal{position:absolute;left:99px;bottom:37px;width:33px;height:94px;border-radius:100% 0 100% 0;transform-origin:50% 100%;background:linear-gradient(125deg,#fffdf1 4%,#e7f0d7 61%,#93ba97);box-shadow:inset -7px -6px 10px rgba(37,96,70,.14),0 4px 7px rgba(9,58,45,.16);transition:filter .35s}.p1{transform:rotate(-73deg) scale(.73)}.p2{transform:rotate(-52deg) scale(.91)}.p3{transform:rotate(-29deg) scale(1.02)}.p4{transform:rotate(-9deg) scale(1.08)}.p5{transform:rotate(12deg) scale(1.08)}.p6{transform:rotate(32deg) scale(1.02)}.p7{transform:rotate(54deg) scale(.91)}.p8{transform:rotate(74deg) scale(.73)}.lotus b{position:absolute;left:104px;bottom:42px;width:18px;height:14px;border-radius:50%;background:#e6bf58;box-shadow:0 0 22px 4px rgba(252,221,114,.65)}.lotus em{left:50%;bottom:-15px;transform:translate(-50%,5px);color:#fff6bd}.lotus:hover .petal{filter:brightness(1.12)}
.rover{will-change:transform}.butterfly{width:44px;height:42px}.butterfly i{position:absolute;width:23px;height:26px;border-radius:90% 20% 85% 25%;background:linear-gradient(145deg,#f3c07d,#df6674);transform-origin:100% 100%;animation:wing .19s ease-in-out infinite alternate}.butterfly i:nth-child(1){left:0;top:0;transform:rotate(11deg)}.butterfly i:nth-child(2){right:0;top:0;transform:scaleX(-1) rotate(11deg);animation-delay:-.1s}.butterfly i:nth-child(3){left:2px;bottom:0;transform:rotate(33deg);background:#db7280}.butterfly i:nth-child(4){right:2px;bottom:0;transform:scaleX(-1) rotate(33deg);background:#db7280;animation-delay:-.08s}.butterfly em,.dragonfly em{left:50%;top:45px;transform:translate(-50%,5px)}
.dragonfly{width:66px;height:30px}.dragonfly i{position:absolute;width:35px;height:11px;border:1px solid rgba(234,251,236,.82);border-radius:90% 20%;background:rgba(173,235,220,.27);transform-origin:right;animation:wing .13s ease-in-out infinite alternate}.dragonfly i:first-child{left:0;top:2px;transform:rotate(-20deg)}.dragonfly i:nth-child(2){left:22px;bottom:2px;transform:scaleX(-1) rotate(-20deg);animation-delay:-.07s}.dragonfly b{position:absolute;left:29px;top:7px;width:28px;height:6px;border-radius:50%;background:linear-gradient(90deg,#226779,#5ea8ac);transform:rotate(-22deg)}
.duck{width:145px;height:110px}.duck-body{position:absolute;left:11px;bottom:15px;width:107px;height:59px;border-radius:58% 47% 42% 55%;background:linear-gradient(160deg,#fff9da 5%,#d2ddc2 76%);box-shadow:inset -9px -7px 13px rgba(70,99,70,.24)}.duck-neck{position:absolute;left:61px;bottom:46px;width:40px;height:51px;border-radius:62% 50% 39% 27%;background:#f5f2d6;transform:rotate(-11deg)}.duck-head{position:absolute;left:74px;bottom:84px;width:40px;height:32px;border-radius:55% 57% 48% 47%;background:#fffce2}.duck-bill{position:absolute;left:106px;bottom:88px;width:23px;height:11px;border-radius:15% 70% 70% 22%;background:#e5a653}.duck-eye{position:absolute;left:97px;bottom:102px;width:4px;height:4px;border-radius:50%;background:#203a2e}.duck-wing{position:absolute;left:28px;bottom:31px;width:59px;height:32px;border-radius:50% 67% 52% 47%;background:linear-gradient(155deg,#bccbad,#e0e5ca);transform:rotate(12deg)}.ripple{position:absolute;border:1px solid rgba(229,250,214,.68);border-radius:50%;animation:ripple 3.8s ease-out infinite}.ripple-a{left:0;bottom:4px;width:139px;height:30px}.ripple-b{left:15px;bottom:-7px;width:112px;height:28px;animation-delay:-1.9s}.duck em{left:50%;bottom:-16px;transform:translate(-50%,5px);color:#fff1ab}
.fireflies{position:absolute;z-index:2;inset:0;pointer-events:none}.firefly{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff1a0;box-shadow:0 0 14px 4px rgba(254,236,137,.52);animation:firefly 3s ease-in-out infinite alternate}.garden-grain{position:absolute;z-index:10;inset:0;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}footer{position:absolute;z-index:5;bottom:23px;right:5vw;color:rgba(247,243,217,.56);font-size:9px}
@keyframes wing{to{filter:brightness(1.2);transform:scaleY(.72)}}@keyframes lotusFloat{50%{transform:translate(-50%,-8px) rotate(1deg)}}@keyframes waterline{to{transform:translateX(16%)}}@keyframes expand{to{transform:scale(1.8);opacity:0}}@keyframes ripple{50%{transform:scaleX(1.1);opacity:.35}}@keyframes firefly{50%{opacity:.18;transform:translate(15px,-10px)}}
@media(max-width:700px){.mountain{bottom:51%;width:125vw}.forest-back{bottom:39%}.forest-front{bottom:32%}.water{height:54%;bottom:-13%}.garden-whisper{top:40%;font-size:13px}.lotus{bottom:15%;transform:translateX(-50%) scale(.86)}footer{display:none}header p{display:none}.flora{inset:36% 0 0}}