.hero-sky{background:linear-gradient(to bottom, var(--butterfly-periwinkle) 0%, #9a86ae 18%, #c48fae 34%, #db8f88 48%, #e8916f 60%, #f3ab6e 70%, var(--firefly-gold) 82%, #ffe9b8 100%)}.hero-cloud{filter:blur(18px);animation:hero-cloud-drift var(--dur,60s) ease-in-out var(--delay,0s) infinite;background:radial-gradient(#fff5ebcc 0%,#fff5eb00 70%);border-radius:9999px;position:absolute}@keyframes hero-cloud-drift{0%,to{transform:translate(0)}50%{transform:translateX(var(--drift,30px))}}.hero-sun-halo{filter:blur(2px);background:radial-gradient(circle,#fff5dc8c 0%,#ffd87347 45%,#ffd87300 75%);border-radius:9999px;position:absolute;left:50%;transform:translate(-50%)}.hero-sun{background:radial-gradient(circle, #fffaf0 0%, #fff1c9 35%, var(--firefly-gold) 65%, #ffd87300 78%);border-radius:9999px;animation:5s ease-in-out infinite hero-sun-glow;position:absolute;left:50%;transform:translate(-50%)}@keyframes hero-sun-glow{0%,to{opacity:.9;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.04)}}.hero-star{background:var(--moon-cream);animation:hero-shine var(--dur,4s) cubic-bezier(.45, 0, .55, 1) var(--delay,0s) infinite;border-radius:9999px;position:absolute;box-shadow:0 0 #fdf6e900}@keyframes hero-shine{0%,to{opacity:var(--min-op,.2);transform:scale(.85);box-shadow:0 0 #fdf6e900}50%{opacity:var(--max-op,1);transform:scale(1.15);box-shadow:0 0 6px 1px #fdf6e9cc}}.hero-firefly{background:var(--firefly-gold);animation:hero-firefly-drift var(--dur,14s) ease-in-out var(--delay,0s) infinite, hero-firefly-glow 2.4s ease-in-out var(--delay,0s) infinite;border-radius:9999px;position:absolute}@keyframes hero-firefly-drift{0%{transform:translate(0)}25%{transform:translate(var(--dx1), var(--dy1))}50%{transform:translate(var(--dx2), var(--dy2))}75%{transform:translate(var(--dx3), var(--dy3))}to{transform:translate(0)}}@keyframes hero-firefly-glow{0%,to{opacity:.55;box-shadow:0 0 2px 1px #ffd87366}50%{opacity:1;box-shadow:0 0 12px 4px #ffd873e6}}.hero-flower{transform-origin:50% 100%;animation:hero-flower-sway var(--dur,5s) ease-in-out var(--delay,0s) infinite;position:absolute}.hero-flower svg{width:100%;height:100%;display:block}@keyframes hero-flower-sway{0%,to{transform:rotate(0)}50%{transform:rotate(var(--sway,4deg))}}.hero-ground{width:100%;position:absolute;bottom:0;left:0}.hero-ground svg{width:100%;height:100%;display:block}.hero-house .window{animation:3.6s ease-in-out infinite hero-window-glow}.hero-house-shadow{filter:blur(5px)}@keyframes hero-window-glow{0%,to{opacity:.55}50%{opacity:1}}.hero-butterfly{animation:hero-flight var(--dur,26s) ease-in-out var(--delay,0s) infinite;will-change:transform;position:absolute}@keyframes hero-flight{0%{transform:translate(0)rotate(0)}20%{transform:translate(var(--x1), var(--y1)) rotate(var(--r1))}45%{transform:translate(var(--x2), var(--y2)) rotate(var(--r2))}70%{transform:translate(var(--x3), var(--y3)) rotate(var(--r3))}to{transform:translate(0)rotate(0)}}.hero-butterfly .wing-pair{transform-origin:50%;animation:.42s ease-in-out infinite hero-flap}@keyframes hero-flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.5)}}.hero-butterfly.glow .wing-pair{filter:drop-shadow(0 0 6px #ffd873d9)}