/* Home-Nest v39 — softer photographic cloud veil with more visible motion.
   No cloud in the top-left corner; the cover photo remains readable.
   The cloud sprites loop seamlessly and stay lighter than v38. */
.hn-weather-fx .hn-fx-cloudscape{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate}
.hn-fx-cloud{position:absolute;height:auto;max-width:none;pointer-events:none;user-select:none;display:block;transform:translate3d(0,0,0);will-change:transform,opacity;filter:drop-shadow(0 10px 22px rgba(12,24,30,.10)) blur(1.25px)}
/* General softness by weather type. */
.hn-weather-fx--cloudy .hn-fx-cloud{opacity:.34}
.hn-weather-fx--fog .hn-fx-cloud{opacity:.24;filter:blur(13px)}
.hn-weather-fx--partly-cloudy-day .hn-fx-cloud,.hn-weather-fx--partly-cloudy-night .hn-fx-cloud{opacity:.18}
.hn-weather-fx--snow .hn-fx-cloud{opacity:.26}
/* Layout: no dedicated cloud in the upper-left. Focus on center/right and under the headline/cards. */
.hn-fx-cloud-1{width:70%;left:10%;top:6%;animation:hn-cloud-loop-a 28s linear infinite}
.hn-fx-cloud-2{width:76%;left:42%;top:18%;animation:hn-cloud-loop-b 33s linear infinite}
.hn-fx-cloud-3{width:84%;left:-10%;top:38%;animation:hn-cloud-loop-c 31s linear infinite}
.hn-fx-cloud-4{width:82%;left:33%;top:58%;animation:hn-cloud-loop-d 36s linear infinite}
.hn-fx-cloud-5{width:90%;left:-4%;top:78%;animation:hn-cloud-loop-e 40s linear infinite}
/* Weather-specific density, still readable behind. */
.hn-weather-fx--cloudy .hn-fx-cloud-1{opacity:.44}
.hn-weather-fx--cloudy .hn-fx-cloud-2{opacity:.40}
.hn-weather-fx--cloudy .hn-fx-cloud-3{opacity:.38}
.hn-weather-fx--cloudy .hn-fx-cloud-4{opacity:.34}
.hn-weather-fx--cloudy .hn-fx-cloud-5{opacity:.30}
.hn-weather-fx--fog .hn-fx-cloud-1{opacity:.22}
.hn-weather-fx--fog .hn-fx-cloud-2{opacity:.20}
.hn-weather-fx--fog .hn-fx-cloud-3{opacity:.18}
.hn-weather-fx--fog .hn-fx-cloud-4{opacity:.17}
.hn-weather-fx--fog .hn-fx-cloud-5{opacity:.16}
.hn-weather-fx--partly-cloudy-day .hn-fx-cloud-1,.hn-weather-fx--partly-cloudy-night .hn-fx-cloud-1{opacity:.19}
.hn-weather-fx--partly-cloudy-day .hn-fx-cloud-2,.hn-weather-fx--partly-cloudy-night .hn-fx-cloud-2{opacity:.16}
.hn-weather-fx--partly-cloudy-day .hn-fx-cloud-3,.hn-weather-fx--partly-cloudy-night .hn-fx-cloud-3{opacity:.14}
.hn-weather-fx--partly-cloudy-day .hn-fx-cloud-4,.hn-weather-fx--partly-cloudy-night .hn-fx-cloud-4{opacity:.12}
.hn-weather-fx--partly-cloudy-day .hn-fx-cloud-5,.hn-weather-fx--partly-cloudy-night .hn-fx-cloud-5{opacity:.10}
.hn-weather-fx--snow .hn-fx-cloud-1{opacity:.30}
.hn-weather-fx--snow .hn-fx-cloud-2{opacity:.27}
.hn-weather-fx--snow .hn-fx-cloud-3{opacity:.24}
.hn-weather-fx--snow .hn-fx-cloud-4{opacity:.22}
.hn-weather-fx--snow .hn-fx-cloud-5{opacity:.20}
/* Old cloudy gradient haze stays disabled to prevent seams. */
.hn-weather-fx--cloudy .hn-fx-haze,.hn-weather-fx--fog .hn-fx-haze{display:none!important}
@keyframes hn-cloud-loop-a{0%{transform:translate3d(-2%,0,0) scale(.98)}50%{transform:translate3d(6%,2.4%,0) scale(1.05)}100%{transform:translate3d(-2%,0,0) scale(.98)}}
@keyframes hn-cloud-loop-b{0%{transform:translate3d(4%,-1.5%,0) scale(1.02)}50%{transform:translate3d(-6%,2.6%,0) scale(.97)}100%{transform:translate3d(4%,-1.5%,0) scale(1.02)}}
@keyframes hn-cloud-loop-c{0%{transform:translate3d(-5%,1.2%,0) scale(.96)}50%{transform:translate3d(7%,-1.8%,0) scale(1.06)}100%{transform:translate3d(-5%,1.2%,0) scale(.96)}}
@keyframes hn-cloud-loop-d{0%{transform:translate3d(3%,0,0) scale(.99)}50%{transform:translate3d(-7%,2.2%,0) scale(1.04)}100%{transform:translate3d(3%,0,0) scale(.99)}}
@keyframes hn-cloud-loop-e{0%{transform:translate3d(-3%,-.5%,0) scale(.97)}50%{transform:translate3d(5%,1.8%,0) scale(1.03)}100%{transform:translate3d(-3%,-.5%,0) scale(.97)}}
@media(max-width:700px){
 .hn-fx-cloud-1{width:88%;left:6%;top:7%}
 .hn-fx-cloud-2{width:96%;left:30%;top:21%}
 .hn-fx-cloud-3{width:106%;left:-16%;top:40%}
 .hn-fx-cloud-4{width:102%;left:21%;top:60%}
 .hn-fx-cloud-5{width:116%;left:-10%;top:79%}
}
@media(prefers-reduced-motion:reduce){.hn-fx-cloud{animation:none!important;will-change:auto!important}}
