.river-scene-frame{height:var(--river-h,340px);-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--river-fade,28%));mask-image:linear-gradient(to bottom, transparent, black var(--river-fade,28%))}.river-scene{width:max(100%, calc(var(--river-h,340px) * 3.027));aspect-ratio:1792/592;background:url(/images/river-landscape.jpg) 50%/100% 100% no-repeat;position:absolute;bottom:0;left:50%;translate:-50%;container-type:inline-size}.river-water{mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/images/river-water-mask.png) 50%/100% 100% no-repeat;mask:url(/images/river-water-mask.png) 50%/100% 100% no-repeat}.river-swell{background:repeating-linear-gradient(100deg,#0000 0 5cqw,#c8fff538 7cqw,#0000 9.5cqw 14cqw);animation:11s linear infinite river-swell;position:absolute;inset:50% -30cqw 0}.river-ripples{opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='64'%3E%3Cg fill='none' stroke='%23e9fffb' stroke-linecap='round'%3E%3Cpath d='M8 14q22-7 44 0t44 0' stroke-width='2.2' stroke-opacity='.75'/%3E%3Cpath d='M128 40q24-8 48 0t48 0' stroke-width='1.8' stroke-opacity='.6'/%3E%3Cpath d='M70 56q14-5 28 0' stroke-width='1.4' stroke-opacity='.5'/%3E%3C/g%3E%3C/svg%3E");background-size:16cqw 4.2cqw;animation:6s linear infinite river-flow-a,3.2s ease-in-out infinite alternate river-bob;position:absolute;inset:52% -16cqw 0}.river-ripples-b{opacity:.38;background-position:5cqw 1.4cqw;background-size:11cqw 3cqw;animation:8s linear infinite river-flow-b,2.6s ease-in-out -1s infinite alternate river-bob}.river-ripples-c{opacity:.28;background-position:9cqw 2.6cqw;background-size:22cqw 5.6cqw;animation:4.5s linear infinite river-flow-a,4s ease-in-out -2s infinite alternate river-bob}.river-glints{background-image:radial-gradient(.9cqw .18cqw,#fffff0e6,#0000 70%),radial-gradient(.6cqw .14cqw,#dcfffacc,#0000 70%);background-position:0 0,3cqw 1.3cqw;background-size:12cqw 3.6cqw,7cqw 2.6cqw;animation:4s linear infinite river-glint,1.8s ease-in-out infinite river-shimmer;position:absolute;inset:52% -12cqw 0 0}.river-fall{mix-blend-mode:screen;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000),linear-gradient(#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000),linear-gradient(#0000,#000 30%);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.river-fall:before{content:"";background:repeating-linear-gradient(96deg,#0000 0 .5cqw,#ebfffc73 .5cqw .62cqw,#0000 .62cqw 1.1cqw),repeating-linear-gradient(#0000 0 1.2cqw,#ffffff59 1.2cqw 1.5cqw);animation:1.6s linear infinite river-fall;position:absolute;inset:-100% 0 0}.river-lights{mix-blend-mode:screen;position:absolute;inset:0}.river-lights>span,.river-flame{border-radius:50%;position:absolute;translate:-50% -50%}.river-lantern{width:calc(var(--s) * 3.4cqw);aspect-ratio:1;animation:river-lantern calc(2.6s + var(--i) * .37s) ease-in-out calc(var(--i) * -.71s) infinite;background:radial-gradient(circle,#ffecaaf2 0 9%,#ffae4099 22%,#ff821e2e 48%,#0000 70%)}.river-candle-glow{width:3.2cqw;height:4.4cqw;animation:river-candle-glow calc(1.3s + var(--i) * .21s) ease-in-out calc(var(--i) * -.4s) infinite;background:radial-gradient(#ffd678bf 0 10%,#ffa03259 35%,#0000 70%);margin-top:1.2cqw}.river-flame{width:calc(var(--s,1) * .42cqw);height:calc(var(--s,1) * .95cqw);transform-origin:50% 100%;filter:drop-shadow(0 0 .25cqw #ffbe50e6);animation:river-flame calc(.9s + var(--i) * .13s) ease-in-out calc(var(--i) * -.3s) infinite alternate;background:radial-gradient(at 50% 72%,#fffdf0 0 22%,#ffe27a 42%,#ffab2e 70%,#ff6e1400 100%);border-radius:50% 50% 45% 45%/65% 65% 35% 35%;margin-top:-.12cqw}.river-lantern-flame{width:calc(var(--s) * .38cqw);height:calc(var(--s) * .78cqw);margin-top:calc(var(--s) * -.08cqw);filter:drop-shadow(0 0 calc(var(--s) * .35cqw) #ffb43cf2) drop-shadow(0 0 calc(var(--s) * .9cqw) #ff8c288c);animation:river-flame calc(.7s + var(--i) * 90ms) ease-in-out calc(var(--i) * -.23s) infinite alternate, river-flame-flicker calc(1.9s + var(--i) * .17s) steps(1, end) calc(var(--i) * -.4s) infinite;background:radial-gradient(at 50% 75%,#fff 0 18%,#fff0a0 36%,#ffb53a 64%,#ff641400 100%)}.river-lantern-flame:after{content:"";width:40%;height:45%;animation:river-flame-tip calc(.5s + var(--i) * 70ms) ease-in-out infinite alternate;background:radial-gradient(#ffe696e6,#0000 70%);border-radius:50%;position:absolute;bottom:70%;left:50%;translate:-50%}.river-sparkle{aspect-ratio:1;opacity:0;width:.9cqw;animation:river-twinkle calc(2.2s + (var(--i) * .29s)) ease-in-out calc(var(--i) * -.53s) infinite;background:radial-gradient(circle,#fffad2 0 12%,#ffde6eb3 28%,#0000 66%)}.river-sparkle:nth-child(3n):after{content:"";background:linear-gradient(#0000 46%,#fff6c8e6 50%,#0000 54%),linear-gradient(90deg,#0000 46%,#fff6c8e6 50%,#0000 54%);position:absolute;inset:0}.river-firefly{aspect-ratio:1;width:.7cqw;animation:river-firefly calc(7s + var(--i) * .9s) ease-in-out calc(var(--i) * -1.7s) infinite;background:radial-gradient(circle,#fff8be 0 15%,#f0dc5a99 35%,#0000 70%)}@keyframes river-flow-a{to{transform:translate(16cqw)}}@keyframes river-flow-b{to{transform:translate(-11cqw)}}@keyframes river-glint{to{transform:translate(12cqw)}}@keyframes river-shimmer{0%,to{opacity:.35}50%{opacity:.8}}@keyframes river-fall{to{transform:translateY(50%)}}@keyframes river-swell{to{transform:translate(14cqw)}}@keyframes river-bob{0%{translate:0 -.18cqw}to{translate:0 .18cqw}}@keyframes river-flame-flicker{0%{opacity:1}22%{opacity:.82}31%{opacity:1}58%{opacity:.9}64%{opacity:.7}70%{opacity:1}}@keyframes river-flame-tip{0%{opacity:.4;translate:-60%;scale:.8}to{opacity:1;translate:-40% -40%;scale:1.1}}@keyframes river-lantern{0%,to{opacity:.7;scale:1}18%{opacity:1;scale:1.06}34%{opacity:.82}52%{opacity:.95;scale:1.03}70%{opacity:.62;scale:.96}84%{opacity:.9}}@keyframes river-candle-glow{0%,to{opacity:.75;scale:1}40%{opacity:1;scale:1.08}70%{opacity:.6;scale:.94}}@keyframes river-flame{0%{transform:scale(1)skew(0)}25%{transform:scale(.92,1.12)skew(-6deg)}50%{transform:scale(1.05,.9)skew(4deg)}75%{transform:scale(.95,1.08)skew(-3deg)}to{transform:scaleY(1.15)skew(5deg)}}@keyframes river-twinkle{0%,to{opacity:0;scale:.4}45%{opacity:1;scale:1.15}60%{opacity:.7;scale:.9}}@keyframes river-firefly{0%,to{opacity:0;transform:translate(0)}15%{opacity:.9}50%{opacity:1;transform:translate(1.6cqw,-2.4cqw)}85%{opacity:.6;transform:translate(-.8cqw,-4cqw)}}@media (prefers-reduced-motion:reduce){.river-scene *,.river-scene :before,.river-scene :after{animation:none!important}.river-sparkle{opacity:.8}}