.water-visual{display:grid;height:220px;margin:4px 0 2px;place-items:center;}.waterfall-scene{position:relative;isolation:isolate;overflow:hidden;width:min(100%,330px);height:205px;border:1px solid rgba(117,202,235,.45);border-radius:29px;background:linear-gradient(180deg,#dff7ff 0%,#bfeaff 43%,#d9f2e8 100%);box-shadow:inset 0 1px rgba(255,255,255,.8),0 17px 38px rgba(7,93,145,.13);}.waterfall-scene::after{position:absolute;z-index:8;inset:0;border-radius:inherit;box-shadow:inset 0 -22px 40px rgba(5,73,94,.08);content:"";pointer-events:none;}.cascade-sun{position:absolute;right:37px;top:24px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,245,194,.75) 45%,rgba(255,255,255,0) 72%);box-shadow:0 0 34px rgba(255,244,186,.8);}.cascade-ridge{position:absolute;z-index:1;right:-20px;bottom:60px;left:-20px;height:96px;background:#8dcbbf;clip-path:polygon(0 62%,11% 44%,23% 54%,39% 25%,52% 50%,69% 19%,83% 47%,100% 33%,100% 100%,0 100%);}.ridge-two{bottom:42px;height:88px;background:#5aa99d;clip-path:polygon(0 50%,14% 32%,31% 67%,46% 28%,61% 62%,76% 36%,100% 58%,100% 100%,0 100%);opacity:.84;}.cascade-cliff{position:absolute;z-index:2;top:21px;bottom:33px;width:50%;background:linear-gradient(145deg,#377b72,#155c58 62%,#0b4850);}.cliff-left{left:0;clip-path:polygon(0 0,91% 0,78% 13%,83% 25%,69% 39%,72% 54%,59% 67%,61% 100%,0 100%);}.cliff-right{right:0;clip-path:polygon(9% 0,100% 0,100% 100%,39% 100%,40% 73%,28% 61%,33% 45%,20% 31%,26% 17%);}.cascade-cliff::after{position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 16px,rgba(194,239,218,.11) 17px 20px,transparent 21px 31px);content:"";}.cascade-flow{position:absolute;z-index:4;top:20px;left:50%;overflow:hidden;width:64px;height:139px;border-radius:8px 8px 44% 44%;background:linear-gradient(90deg,rgba(235,252,255,.75),#70daf7 25%,#f5fdff 53%,#34b7e7 84%,rgba(229,250,255,.78));box-shadow:0 0 21px rgba(104,218,247,.48);transform:translateX(-50%);}.cascade-flow::before{position:absolute;inset:-70px -12px;background:repeating-linear-gradient(173deg,transparent 0 15px,rgba(255,255,255,.9) 17px 22px,transparent 25px 38px);content:"";animation:cascade-fall 1.05s linear infinite;}.cascade-flow::after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent 57%,rgba(255,255,255,.34));content:"";}.cascade-flow i{position:absolute;z-index:1;top:-30%;width:5px;height:65%;border-radius:50%;background:rgba(255,255,255,.65);filter:blur(.3px);animation:cascade-streak 1.25s linear infinite;}.cascade-flow i:first-child{left:12px;animation-delay:-.5s;}.cascade-flow i:nth-child(2){left:31px;height:48%;animation-delay:-.9s;}.cascade-flow i:last-child{right:10px;height:58%;animation-delay:-.18s;}.cascade-mist{position:absolute;z-index:6;left:50%;bottom:31px;width:140px;height:62px;transform:translateX(-50%);}.cascade-mist i{position:absolute;left:50%;bottom:0;width:58px;height:24px;border-radius:50%;background:rgba(241,253,255,.76);filter:blur(5px);animation:cascade-mist 2.3s ease-in-out infinite;}.cascade-mist i:nth-child(2){margin-left:-54px;animation-delay:-.8s;}.cascade-mist i:last-child{margin-left:35px;animation-delay:-1.5s;}.cascade-rocks{position:absolute;z-index:5;right:18px;bottom:22px;left:18px;height:43px;}.cascade-rocks i{position:absolute;bottom:0;width:68px;height:38px;border-radius:58% 45% 22% 28%;background:linear-gradient(145deg,#587d76,#244f50);box-shadow:inset 6px 7px 12px rgba(255,255,255,.09);}.cascade-rocks i:first-child{left:3px;transform:rotate(6deg);}.cascade-rocks i:nth-child(2){left:54px;width:57px;height:29px;}.cascade-rocks i:nth-child(3){right:48px;width:59px;height:31px;transform:rotate(-7deg);}.cascade-rocks i:last-child{right:0;width:72px;height:40px;}.cascade-lagoon{position:absolute;z-index:7;right:43px;bottom:9px;left:43px;overflow:hidden;height:46px;border:2px solid rgba(227,251,255,.7);border-radius:50%;background:rgba(142,222,238,.52);box-shadow:inset 0 7px 14px rgba(255,255,255,.48),0 6px 15px rgba(0,103,140,.13);}.cascade-lagoon > span{position:absolute;right:0;bottom:0;left:0;height:0%;background:linear-gradient(180deg,#62dafa,#078fce);transition:height .2s ease;}.cascade-lagoon > span::before{position:absolute;top:-7px;left:-10%;width:120%;height:15px;border-radius:50%;background:rgba(218,249,255,.88);content:"";animation:cascade-wave 1.8s ease-in-out infinite alternate;}.cascade-lagoon > i{position:absolute;z-index:2;top:13px;left:23%;width:56%;height:10px;border-top:1px solid rgba(255,255,255,.72);border-radius:50%;animation:cascade-ripple 2s ease-in-out infinite;}.cascade-lagoon > i:last-child{top:26px;left:38%;width:32%;animation-delay:-.9s;}.cascade-fern{position:absolute;z-index:7;bottom:20px;width:58px;height:71px;}.fern-left{left:8px;transform:rotate(-12deg);}.fern-right{right:5px;transform:scaleX(-1) rotate(-10deg);}.cascade-fern::before{position:absolute;left:21px;bottom:0;width:3px;height:67px;border-radius:3px;background:#187369;content:"";transform:rotate(18deg);}.cascade-fern i{position:absolute;left:20px;bottom:15px;width:36px;height:13px;border-radius:100% 0 100% 0;background:#2f9582;transform:rotate(-23deg);transform-origin:left;}.cascade-fern i:nth-child(2){bottom:32px;width:42px;transform:rotate(-8deg);}.cascade-fern i:last-child{bottom:49px;width:31px;transform:rotate(14deg);}@keyframes cascade-fall{to{transform:translateY(64px);}}@keyframes cascade-streak{to{transform:translateY(220%);}}@keyframes cascade-mist{0%,100%{opacity:.28;transform:translate(-50%,5px) scale(.72);}50%{opacity:.82;transform:translate(-50%,-3px) scale(1.12);}}@keyframes cascade-wave{to{transform:translateX(8%) scaleY(.72);}}@keyframes cascade-ripple{0%,100%{opacity:.25;transform:scaleX(.72);}50%{opacity:.86;transform:scaleX(1.1);}}@media (max-width:480px){.water-visual{height:210px;}.waterfall-scene{height:195px;border-radius:24px;}}@media (prefers-reduced-motion:reduce){.cascade-flow::before,.cascade-flow i,.cascade-mist i,.cascade-lagoon > span::before,.cascade-lagoon > i{animation:none;}}