/* Keep ambient movement on artwork, leaving reading and interaction targets steady. */
.ambient-piece{transform-origin:50% 85%}
.hero-character:not(.is-reacting) img.ambient-piece{animation:none}
.scene-visible .scene-sprig.ambient-piece{animation:none}
.garden-token.ambient-piece{transform-origin:50% 50%}
.garden-star svg.ambient-piece,.ambient-spark svg.ambient-piece{transform-origin:center;transform-box:fill-box}
.hero-product .garden-star{width:17px;height:17px}
.garden-trail{fill:none;stroke:#779b66;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:32 768;opacity:.65}
.ambient-spark,.ambient-dot{position:absolute;pointer-events:none;display:block}
.ambient-spark{width:21px;height:21px;color:#d5ae77}
.ambient-spark svg{width:100%;height:100%;fill:currentColor}
.spark-peach{left:7%;top:22%;color:#dfac86}.spark-sage{right:5%;top:10%;color:#8da978;width:15px;height:15px}
.ambient-dot{width:8px;height:8px;border-radius:50%;background:#b9ceb0}
.dot-one{left:16%;top:5%}.dot-two{right:4%;top:52%;background:#dfc28c;width:6px;height:6px}
.household-connection>span:not(.connection-copy){position:relative;width:38px;height:1px;overflow:visible;background:#cbd9be}
.sync-traveller{position:absolute;display:block;left:0;top:-2px;width:5px;height:5px;background:#78965f;border-radius:50%;opacity:0;pointer-events:none}
.care-orbit{position:absolute;left:50%;top:95px;width:340px;height:340px;border:1px dashed #d9cb9b;border-radius:50%;margin-left:-170px;transform:none;transform-origin:center;z-index:0;pointer-events:none}
.care-orbit>span{position:absolute;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;box-shadow:0 5px 18px #66552c0b;transform-origin:center}
.care-orbit svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.orbit-leaf{left:13px;top:31px;background:#e4ecd7;color:#65804b}.orbit-star{bottom:31px;right:13px;background:#f0e0bf;color:#bd9652}
.orbit-star svg{fill:currentColor;stroke:none}
.meal-visual:has(.care-orbit)::before{border-color:transparent}
.meal-visual>.phone,.meal-visual>.screen-caption{position:relative;z-index:1}
.species-card img.ambient-piece{transform-origin:50% 88%}
.story-art img.ambient-piece,.safety-art img.ambient-piece,.closing-cast img.ambient-piece,.demo-subject img.ambient-piece{transform-origin:50% 90%}
@media(max-width:1100px){.care-orbit{width:290px;height:290px;top:105px;margin-left:-145px}.care-orbit>span{width:32px;height:32px}.care-orbit svg{width:20px;height:20px}}
@media(max-width:700px){.spark-peach{left:3%;top:21%}.spark-sage{right:1%;top:14%}.dot-one{left:14%;top:2%}.dot-two{right:2%;top:45%}.hero-product .garden-star{width:14px;height:14px}.care-orbit{width:280px;height:280px;top:95px;margin-left:-140px}.care-orbit>span{width:31px;height:31px;border-radius:10px}.orbit-leaf{left:8px;top:28px}.orbit-star{bottom:28px;right:8px}}
@media(prefers-reduced-motion:reduce){.ambient-piece{translate:none!important;rotate:none!important;scale:none!important}.garden-trail,.sync-traveller{display:none}}

@media(max-width:380px){.care-orbit{width:240px;height:240px;margin-left:-120px;top:115px}}
/* Rotating transparent corners stay inside their own panel. */
.meal-panel{overflow:clip}
.species-card>span,.species-card>small{position:relative;z-index:1}
@media(max-width:700px){.species-card::before{width:115px;height:115px;top:15px}}