/* Feathered patches affect leaves only, never the architecture or trunk. */
.house-foliage,.foliage-patch,.foliage-motion,.house-rain{position:absolute;inset:0;pointer-events:none}
.house-foliage{z-index:1}
.foliage-patch{overflow:hidden}
.foliage-tree{mask-image:radial-gradient(ellipse 11% 9% at 11% 50%,#000 65%,transparent 100%)}
.foliage-vine{mask-image:radial-gradient(ellipse 3.6% 13% at 94% 49%,#000 55%,transparent 100%)}
.foliage-tree .foliage-motion{transform-origin:11% 65%;animation:tree-breeze 7.3s ease-in-out infinite}
.foliage-vine .foliage-motion{transform-origin:94% 63%;animation:vine-breeze 5.9s ease-in-out -2s infinite}
@keyframes tree-breeze{0%,100%{transform:rotate(-.25deg)}23%{transform:rotate(.65deg) translateX(.5px)}39%{transform:rotate(.15deg)}62%{transform:rotate(-.5deg)}81%{transform:rotate(.35deg)}}
@keyframes vine-breeze{0%,100%{transform:translate(0,0)}29%{transform:translate(-.7px,.35px)}48%{transform:translate(.25px,0)}76%{transform:translate(.5px,-.4px)}}
.house-rain{z-index:1;width:100%;height:100%;mask-image:radial-gradient(ellipse at 50% 47%,#000 30%,transparent 71%)}
.ambient-paused .foliage-motion{animation-play-state:paused}
body.reduce-motion .house-foliage,body.reduce-motion .house-rain{display:none}
@media(prefers-reduced-motion:reduce){.house-foliage,.house-rain{display:none}}
.house-ground-weather{position:absolute;inset:-12% 0 0;z-index:1;width:100%;height:112%;pointer-events:none}
body.reduce-motion .house-ground-weather{display:none}
@media(prefers-reduced-motion:reduce){.house-ground-weather{display:none}}
