.planet-art{position:absolute;inset:58px 0 66px;display:grid;place-items:center;z-index:1}.planet-body{width:92px;height:92px;border:4px solid var(--black);border-radius:50%;background:var(--lilac-light);background-image:radial-gradient(circle at 30% 32%,var(--lilac-dark) 0 7px,transparent 8px),radial-gradient(circle at 67% 62%,var(--lilac-dark) 0 11px,transparent 12px),radial-gradient(circle at 38% 75%,var(--lilac-dark) 0 5px,transparent 6px)}.planet-ring{position:absolute;width:148px;height:34px;border:4px solid var(--black);border-radius:50%;transform:rotate(-18deg);z-index:2}.planet-moon{position:absolute;right:25%;top:18%;font:700 35px Georgia,serif;color:var(--black)}
.garden-card:hover .planet-ring{animation:planet-ring-spin 1.8s linear infinite}@keyframes planet-ring-spin{from{transform:rotate(-18deg)}to{transform:rotate(342deg)}}
.hero-art .sun{z-index:2}.hero-art .orbit{z-index:1}
.hero-art .sun{background:radial-gradient(circle at 30% 25%,#eee7ff 0 8%,var(--lilac-light) 28%,var(--lilac) 64%,#8068b8 100%);box-shadow:inset -18px -16px 0 #6f58aa55,inset 12px 10px 0 #ffffff44,0 8px 18px #6f58aa33}
.hero-art{perspective:700px}.hero-art .orbit{border:2px solid #8f75c9aa;transform-style:preserve-3d}.hero-art .orbit-one{transform:rotateX(68deg) rotateZ(-22deg)}.hero-art .orbit-two{transform:rotateX(68deg) rotateZ(28deg)}
.hero-art .orbit-two{display:none}.hero-art .orbit-one{display:block;width:320px;height:92px;top:88px;left:27px;border:3px solid #8f75c9;transform:rotate(-18deg);z-index:1}.hero-art .sun{z-index:2}
.hero-art .orbit-one{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg)}
.hero-art .orbit-one{animation:saturn-ring-spin 6s linear infinite}@keyframes saturn-ring-spin{from{transform:translate(-50%,-50%) rotate(-18deg)}to{transform:translate(-50%,-50%) rotate(342deg)}}
.hero-art .orbit-one{animation:none}
.hero-art .orbit-two{display:none}.hero-art .orbit-one{width:330px;height:100px;left:50%;top:50%;border:12px solid #8f75c9;box-shadow:inset 0 0 0 3px #d9c9ff,0 0 0 3px var(--black);transform:translate(-50%,-50%) rotate(-18deg);z-index:1}.hero-art .sun{z-index:2}
.hero-art .sun{z-index:0}.hero-art .orbit-one{top:133px;z-index:1}
.hero-art .sun{z-index:2}.hero-art .orbit-one{z-index:1}.hero-art .orbit-front{position:absolute;width:330px;height:100px;left:50%;top:133px;border:12px solid #8f75c9;border-radius:50%;box-shadow:inset 0 0 0 3px #d9c9ff,0 0 0 3px var(--black);transform:translate(-50%,-50%) rotate(-18deg);clip-path:inset(50% 0 0);z-index:3}
.hero-art .orbit-one,.hero-art .orbit-front{animation:saturn-ring-turn 6s linear infinite}@keyframes saturn-ring-turn{from{transform:translate(-50%,-50%) rotate(-18deg)}to{transform:translate(-50%,-50%) rotate(342deg)}}
.hero-art .orbit-one,.hero-art .orbit-front{animation:saturn-ring-orbit 6s linear infinite}@keyframes saturn-ring-orbit{0%{transform:translate(-50%,-50%) translate(0,-14px) rotate(-18deg)}25%{transform:translate(-50%,-50%) translate(14px,0) rotate(-18deg)}50%{transform:translate(-50%,-50%) translate(0,14px) rotate(-18deg)}75%{transform:translate(-50%,-50%) translate(-14px,0) rotate(-18deg)}100%{transform:translate(-50%,-50%) translate(0,-14px) rotate(-18deg)}}
@media(max-width:760px){.garden-card .planet-ring{animation:planet-ring-spin 1.8s linear infinite}}