/* goodmorning.family — hero "morning river" ambient layer. CSS/SVG only, transform+opacity animations. */
.hero-mk{position:relative;isolation:isolate}
.hero-mk>.head,.hero-mk>.mkr{position:relative;z-index:1}
.hero-anim{position:absolute;inset:0 calc(50% - 50vw);z-index:0;pointer-events:none;overflow:hidden;contain:strict;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 70%,transparent 100%);
          mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 70%,transparent 100%)}
.ha-glow{position:absolute;border-radius:50%;will-change:transform;opacity:.55}
.ha-sun{width:56vmax;height:56vmax;left:52%;top:-22vmax;background:radial-gradient(circle,rgba(246,214,160,.55) 0,rgba(246,214,160,0) 62%);animation:ha-breathe 14s ease-in-out infinite}
.ha-mist{width:70vmax;height:34vmax;left:-18vmax;top:18%;background:radial-gradient(closest-side,rgba(120,176,150,.20),rgba(120,176,150,0));animation:ha-drift 38s ease-in-out infinite alternate}
.ha-mist2{width:60vmax;height:30vmax;right:-20vmax;top:46%;background:radial-gradient(closest-side,rgba(232,196,170,.28),rgba(232,196,170,0));animation:ha-drift 46s ease-in-out -12s infinite alternate-reverse}
.ha-river{position:absolute;left:-5%;width:110%;height:60%;top:22%;opacity:.9}
.ha-river path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ha-river .w{animation:ha-flow 22s linear infinite;stroke-dasharray:420 260}
.ha-river .w2{animation-duration:31s;animation-direction:reverse}
.ha-river .w3{animation-duration:27s}
.ha-river g{animation:ha-sway 18s ease-in-out infinite alternate;transform-origin:50% 50%}
@keyframes ha-breathe{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.06);opacity:.7}}
@keyframes ha-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(9vw,-2vw,0) scale(1.08)}}
@keyframes ha-flow{to{stroke-dashoffset:-1360}}
@keyframes ha-sway{from{transform:translate3d(-1.5%,0,0)}to{transform:translate3d(1.5%,1.2%,0)}}
@media (max-width:700px){.ha-river{height:40%;top:8%}.ha-glow{opacity:.45}}
@media (prefers-reduced-motion:reduce){.hero-anim *{animation:none!important}}
