/* An open sky, living edges, and a few friends travelling through it. */
.gentle-garden .hero .island{mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;aspect-ratio:auto;width:100%;height:100%;object-fit:contain;left:0;top:0;translate:none;animation:island-dream 9s ease-in-out infinite;filter:drop-shadow(0 24px 24px #6e555521)}
.gentle-garden .hero-world{width:62%;right:0%;top:14%;height:76%;overflow:visible}
.brand img,.fifi-visual>img{mix-blend-mode:normal!important;mask-image:none!important;-webkit-mask-image:none!important}
.hero .tag-one{top:7%;left:37%}.hero .tag-two{bottom:8%;right:13%}
.hero .frog-hotspot{display:none}.hero .door-hotspot{top:47%;right:29%}
.hero-world .butterfly-one{animation:butterfly-wander 11s ease-in-out infinite}.hero-world .butterfly-two{animation:butterfly-wander 14s ease-in-out -5s infinite reverse}
.hero,.living-garden-section,.stories,.listening-section,.play-section,.fifi-section,.last-invitation{position:relative}
.magic-bed{position:absolute;bottom:15px;display:flex;align-items:flex-end;gap:5px;height:145px;z-index:2;pointer-events:none;filter:drop-shadow(3px 7px 3px #63803416)}
.bed-left{left:1.5%}.bed-right{right:1.5%;transform:scaleX(-1)}
.magic-flower{position:relative;display:block;width:28px;height:var(--height);padding:0;border:0;background:none;pointer-events:auto;transform-origin:50% 100%;animation:flower-breeze var(--sway) ease-in-out var(--delay) infinite alternate;cursor:pointer;transition:filter .25s;overflow:visible}
.magic-flower:hover{filter:brightness(1.08)}.magic-stem{position:absolute;bottom:0;left:12px;width:5px;height:calc(100% - 16px);border-radius:100%;background:linear-gradient(90deg,#70924b,#9cbf6b);transform:rotate(-3deg)}
.magic-stem>i{position:absolute;top:45%;width:24px;height:12px;background:linear-gradient(25deg,#6d984f,#a2c66c);border-radius:0 90% 0 90%;left:3px;transform:rotate(-35deg);box-shadow:inset 0 -2px 2px #50783b35}.magic-stem>i+ i{left:-21px;top:65%;transform:rotate(30deg) scaleX(-1)}
.magic-blossom{position:absolute;top:3px;left:14px;width:0;height:0;transition:scale .3s;filter:drop-shadow(1px 3px 2px #6e4d7030)}
.magic-blossom>i{position:absolute;left:-10px;top:-19px;width:20px;height:27px;border-radius:55%;background:radial-gradient(at 35% 20%,#ffffff66,var(--petal) 60%);transform:rotate(calc(var(--p)*72deg)) translateY(-9px);transform-origin:50% 19px;box-shadow:inset -2px -3px 4px #86547726}
.magic-blossom>b{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:radial-gradient(at 30% 25%,#ffeeb0,#edbb49);box-shadow:0 2px 2px #a7764433}
.magic-flower.blooming .magic-blossom{animation:blossom-pop 1.5s ease both}.magic-air{position:fixed;inset:0;z-index:12;pointer-events:none;overflow:hidden;contain:strict}.magic-flight{position:absolute;left:-10%;top:var(--altitude);animation:cross-the-garden var(--duration) linear var(--delay) infinite;will-change:transform}.magic-butterfly{display:block;position:relative;width:38px;height:30px;scale:var(--size);animation:butterfly-dip 3.4s ease-in-out infinite;filter:drop-shadow(0 4px 2px #6a437026)}
.magic-butterfly>i{position:absolute;left:0;top:0;width:20px;height:28px;border-radius:65% 70% 45% 60%;background:radial-gradient(at 30% 25%,#fff2c4 0 9%,var(--wing) 20% 60%,#93629a 100%);transform-origin:100% 60%;animation:wing-beat var(--flutter) ease-in-out infinite alternate}
.magic-butterfly>i+ i{left:19px;transform-origin:0% 60%;animation-name:wing-beat-right;border-radius:70% 65% 60% 45%}.magic-butterfly>b{position:absolute;left:18px;top:6px;width:4px;height:24px;background:#785475;border-radius:50%;transform:rotate(-10deg)}
.magic-motes{position:absolute;inset:0;opacity:.65}.magic-motes>i{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;background:#eabe62;box-shadow:0 0 8px 3px #f0cd8055;animation:firefly-rise var(--duration) ease-in-out var(--delay) infinite}
.wake-garden{font:800 11px Nunito,sans-serif;letter-spacing:.5px;color:#85609d;display:flex;gap:8px;align-items:center;border:0;background:transparent;padding:15px 0;cursor:pointer}.wake-garden>span{display:block;font-size:25px;animation:magic-invitation 3s ease-in-out infinite}.wake-garden:hover{color:#ad6fc0}.motion-toggle{border:1px solid #a78bb53b;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#fff9e94d;color:#7c6389;font-size:13px;cursor:pointer;flex-shrink:0}.motion-toggle:hover{background:#fff9e9}
.pond-friend{position:absolute;bottom:13%;right:8%;width:90px;height:100px;padding:0;border:0;background:transparent;cursor:pointer;z-index:5;filter:drop-shadow(2px 4px 3px #5c663b20)}
.frog-puppet{position:absolute;inset:0;animation:frog-breathe 3s ease-in-out infinite;transform-origin:center 90%}.frog-belly{position:absolute;left:18px;top:45px;width:54px;height:42px;background:radial-gradient(at 35% 20%,#d0e98c,#81b351 70%);border-radius:50% 50% 45% 45%;box-shadow:inset -3px -4px 4px #4f7f3b44}.frog-head{position:absolute;left:12px;top:26px;width:66px;height:40px;border-radius:45%;background:radial-gradient(at 30% 15%,#c8e480,#85b953);box-shadow:inset -2px -5px 3px #537e392b}
.frog-eye{position:absolute;top:-16px;width:26px;height:29px;background:linear-gradient(115deg,#bcd885,#8fbb5a);border-radius:50%}.eye-l{left:3px}.eye-r{right:3px}.frog-eye>b{position:absolute;top:7px;left:7px;width:13px;height:15px;background:#fffae8;border-radius:50%;animation:frog-blink 6s infinite}.frog-eye>b:after{content:'';position:absolute;left:5px;top:4px;width:6px;height:8px;background:#3e3549;border-radius:50%}.frog-smile{position:absolute;left:24px;top:16px;width:19px;height:10px;border-bottom:2px solid #557740;border-radius:0 0 50% 50%}.frog-cheek{position:absolute;top:14px;width:11px;height:7px;background:#dca18b99;border-radius:50%}.cheek-l{left:8px}.cheek-r{right:8px}.frog-foot{position:absolute;top:73px;width:31px;height:14px;border-radius:60%;background:linear-gradient(#a6cd6d,#759e47)}.foot-l{left:3px;rotate:-12deg}.foot-r{right:3px;rotate:12deg}.frog-shadow{position:absolute;left:7px;bottom:7px;width:76px;height:13px;border-radius:50%;background:#526b4523;filter:blur(3px)}.friend-label{position:absolute;top:95px;left:50%;translate:-50% 0;white-space:nowrap;font:700 9px Nunito;color:#6a8353;text-align:center;opacity:0;transition:opacity .3s}.friend-label>b{display:block;font-size:8px;font-weight:600}.pond-friend:hover .friend-label,.pond-friend:focus-visible .friend-label,.pond-friend.hopping .friend-label{opacity:1}.pond-friend.hopping .frog-puppet{animation:frog-hop 1.35s cubic-bezier(.2,.6,.4,1) both}.pond-friend:hover .frog-eye>b:after{left:3px}
.rain-cloud{position:absolute;right:24px;top:92px;width:105px;height:75px;border:0;background:none;cursor:pointer;z-index:3;animation:cloud-breathe 5s ease-in-out infinite}.rain-puff{position:absolute;inset:0 0 25px;filter:drop-shadow(0 5px 3px #7888a327)}.rain-puff>i{position:absolute;bottom:0;width:55px;height:33px;border-radius:50%;background:linear-gradient(#fffcf5,#d7dcde)}.rain-puff>i:nth-child(1){left:0}.rain-puff>i:nth-child(2){left:25px;height:48px;width:49px}.rain-puff>i:nth-child(3){right:0}.rain-puff>b{position:absolute;left:38px;top:17px;font-size:17px;font-weight:500;color:#8793a0}.rain-hint{position:absolute;top:58px;left:14px;font:700 9px Nunito;color:#8491a0}.rain-drops{position:absolute;top:47px;left:0;width:100%;height:110px;pointer-events:none;opacity:0}.rain-drops>i{position:absolute;top:0;left:var(--l);width:4px;height:12px;background:#8dbbce;border-radius:50% 50% 60% 60%;animation:rain-fall .8s linear var(--d) infinite;animation-play-state:paused}.raining .rain-drops{opacity:1}.raining .rain-drops>i{animation-play-state:running}.raining .rain-hint{opacity:0}.watered .plant-spot .flower-head{animation:blossom-pop 1s infinite alternate}.garden-awake .magic-flight{animation-duration:9s}.garden-awake .magic-motes{opacity:1}.garden-awake .magic-motes>i{box-shadow:0 0 12px 6px #efcd8077}.garden-awake .island{filter:drop-shadow(0 0 35px #e2b86c66)!important}
.magic-paused *, .magic-offscreen *{animation-play-state:paused!important}.magic-paused .magic-flight{opacity:.5}.magic-paused .magic-motes{opacity:.25}
@keyframes cross-the-garden{0%{transform:translate3d(-5vw,0,0) rotate(-12deg)}25%{transform:translate3d(25vw,9vh,0) rotate(12deg)}50%{transform:translate3d(58vw,-8vh,0) rotate(-8deg)}75%{transform:translate3d(85vw,6vh,0) rotate(12deg)}100%{transform:translate3d(120vw,-5vh,0) rotate(-10deg)}}
@keyframes wing-beat{from{transform:perspective(90px) rotateY(12deg)}to{transform:perspective(90px) rotateY(76deg)}}@keyframes wing-beat-right{from{transform:perspective(90px) rotateY(-12deg)}to{transform:perspective(90px) rotateY(-76deg)}}
@keyframes butterfly-dip{50%{translate:0 -24px;rotate:12deg}}@keyframes butterfly-wander{0%,100%{translate:0 0;rotate:-8deg}30%{translate:50px -35px;rotate:15deg}65%{translate:-30px 25px;rotate:-15deg}}
@keyframes flower-breeze{from{rotate:calc(var(--lean)*-.5)}to{rotate:var(--lean)}}@keyframes blossom-pop{0%{scale:.55;rotate:-40deg}40%{scale:1.6;rotate:12deg}70%{scale:1.2;rotate:-8deg}100%{scale:1.35;rotate:0deg}}
@keyframes firefly-rise{0%,100%{opacity:0;transform:translate(0,20px)}30%{opacity:.9}65%{opacity:.4;transform:translate(24px,-40px)}}@keyframes island-dream{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-13px) rotate(.3deg)}}@keyframes magic-invitation{50%{rotate:90deg;scale:1.2}}
@keyframes frog-breathe{50%{scale:1.035 .96}}@keyframes frog-blink{0%,43%,47%,100%{scale:1 1}45%{scale:1 .12}}@keyframes frog-hop{0%,100%{transform:translateY(0) scale(1)}15%{transform:translateY(5px) scale(1.1,.8)}42%{transform:translateY(-75px) rotate(-10deg) scale(.9,1.1)}68%{transform:translateY(0) scale(1.15,.8)}83%{transform:translateY(-22px) scale(.95,1.05)}}@keyframes cloud-breathe{50%{translate:-15px -8px}}@keyframes rain-fall{0%{transform:translateY(0);opacity:0}20%{opacity:.8}100%{transform:translate(-15px,110px);opacity:0}}
@media(min-width:1600px){.gentle-garden .hero-world{right:1%;width:62%}}
@media(max-width:1150px) and (min-width:681px){.gentle-garden .hero-world{width:62%;right:-2%;top:22%;height:65%}.hero-copy{width:58%}.hero h1{font-size:clamp(60px,7vw,79px)}.pond-friend{scale:.8;right:6%;bottom:12%}.magic-bed{scale:.8;transform-origin:bottom center}}
@media(max-width:680px){.gentle-garden .hero-world{width:100%;height:390px;inset:auto;margin:0;overflow:visible}.gentle-garden .hero .island{width:100%;height:100%}.hero{min-height:1040px}.hero .tag-one{top:4%;left:40%;scale:.8}.hero .door-hotspot{top:46%;right:27%}.pond-friend{scale:.65;right:6%;bottom:10%;transform-origin:bottom right}.hero-world .butterfly-one{left:12%;top:27%}.hero-world .butterfly-two{right:10%;top:17%}.wake-garden{justify-content:center;margin:auto;padding:8px 0 10px;font-size:10px}.magic-bed{scale:.6;transform-origin:bottom left;bottom:0}.bed-right{transform:scaleX(-1);transform-origin:bottom right}.magic-air .magic-flight:nth-child(n+4){display:none}.magic-motes>i:nth-child(n+9){display:none}.motion-toggle{width:30px;height:30px}.header-actions{gap:6px}.rain-cloud{right:12px;top:105px;scale:.8;transform-origin:top right}.hero>.magic-bed{bottom:95px}.hero .hero-bottom{bottom:24px}}
@media(max-width:680px){.hero h1{font-size:clamp(43px,12vw,61px);letter-spacing:-1.5px}.gentle-garden .hero-world{height:320px}.hero{min-height:960px}.hero-copy{padding-top:130px}.magic-bed{pointer-events:none}.magic-flower{width:34px;min-height:44px}.rain-cloud{top:174px;right:24px}}
@media(prefers-reduced-motion:reduce){.magic-flight,.magic-motes{display:none}.magic-flower,.island,.frog-puppet,.frog-eye>b,.wake-garden>span,.rain-cloud{animation:none!important}.magic-flower.blooming .magic-blossom{animation:none;scale:1.3}.pond-friend.hopping .frog-puppet{animation:none;translate:0 -8px}}