.marine-waves{z-index:0;pointer-events:none;height:100vh;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.marine-waves-fill{z-index:0;height:100%;position:absolute;bottom:0;left:0;right:0}.marine-horizon{z-index:1;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.marine-wave,.marine-wave:before,.marine-waves-inner{width:106%;position:absolute;left:-3%}.marine-waves-inner{height:100%;bottom:0}.marine-wave{height:var(--wave-height,40vh);bottom:0}.marine-wave:before{content:"";height:var(--wave-height,40vh);padding:0 40px;bottom:0}.marine-wave{animation-name:marineSurge;animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-iteration-count:infinite;animation-direction:alternate}.marine-wave:before{animation-name:marineMotion;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;transform:scale(1.1)translate(-20px)}.marine-wave-close{z-index:4;height:calc(var(--wave-height,40vh)*.7);animation-duration:var(--surge-dur-close,3.4s)}.marine-wave-close:before{height:calc(var(--wave-height,40vh)*.7);animation-duration:var(--motion-dur-close,2.1s)}.marine-wave-near{z-index:3;height:calc(var(--wave-height,40vh)*.85);animation-duration:var(--surge-dur-near,5.5s)}.marine-wave-near:before{height:calc(var(--wave-height,40vh)*.85);animation-duration:var(--motion-dur-near,3.4s)}.marine-wave-mid{z-index:2;height:var(--wave-mid-height,45vh);animation-duration:var(--surge-dur-mid,7.5s)}.marine-wave-mid:before{background-size:305px var(--wave-mid-height,45vh);animation-duration:var(--motion-dur-mid,5.5s)}.marine-wave-foam{z-index:5;height:calc(var(--wave-height,40vh)*.6);opacity:0;animation-duration:var(--surge-dur-close,3.4s);transition:opacity 2s}.marine-wave-foam.visible{opacity:.45}.marine-wave-foam:before{animation-duration:calc(var(--motion-dur-close,2.1s)*.8)}.marine-boat{z-index:6;pointer-events:none;animation-name:boatCrossing,boatBob;animation-timing-function:cubic-bezier(.39,.575,.565,1);animation-iteration-count:infinite;animation-fill-mode:backwards;position:absolute;left:-15%}.marine-boat.reverse{animation-name:boatCrossingReverse,boatBob}.marine-buoy{z-index:7;pointer-events:none;transform-origin:50% 85%;width:48px;height:96px;animation:buoyBob var(--surge-dur-close,3.4s)cubic-bezier(.645,.045,.355,1)infinite alternate,buoyRock calc(var(--surge-dur-close,3.4s)*1.3)ease-in-out infinite alternate;background-position:bottom;background-repeat:no-repeat;background-size:contain;position:absolute}.marine-dinghy{z-index:3;pointer-events:none;transform-origin:50% 80%;width:65px;height:38px;animation:buoyBob var(--surge-dur-near,5.5s)cubic-bezier(.645,.045,.355,1)infinite alternate,buoyRock calc(var(--surge-dur-near,5.5s)*1.4)ease-in-out infinite alternate;background-position:bottom;background-repeat:no-repeat;background-size:contain;position:absolute}.marine-shimmer{height:var(--wave-height,40vh);z-index:5;pointer-events:none;opacity:0;background:linear-gradient(125deg,#0000 0%,#a0bedc08 15%,#0000 30%,#b4d2f00d 45%,#0000 60%,#a0bedc08 75%,#0000 90%) 0 0/200% 100%;transition:opacity 3s;animation:12s ease-in-out infinite alternate shimmerDrift;position:absolute;bottom:0;left:0;right:0}.marine-shimmer.visible{opacity:1}.marine-fish{z-index:5;pointer-events:none;opacity:0;width:80px;height:40px;position:absolute}.marine-fish.jumping{animation:1.4s cubic-bezier(.25,.46,.45,.94) forwards fishJump}.marine-fish-splash{z-index:5;pointer-events:none;opacity:0;width:50px;height:20px;position:absolute}.marine-fish-splash.splashing{animation:.8s ease-out .9s forwards fishSplash}.marine-spray{left:0;right:0;bottom:calc(var(--wave-height,40vh) - 20px);z-index:7;pointer-events:none;opacity:0;height:40px;transition:opacity 2s;position:absolute}.marine-spray.active{opacity:.6}.marine-spray-particle{background:#ffffff80;border-radius:50%;width:3px;height:3px;animation:2s ease-out infinite sprayDrift;position:absolute}@keyframes marineSurge{0%{transform:translateY(0)}to{transform:translateY(var(--surge-amplitude,10px))}}@keyframes marineMotion{0%{transform:scale(1.1)translateX(calc(var(--motion-range,20px)*-1))}to{transform:scale(1.1)translateX(var(--motion-range,20px))}}@keyframes boatCrossing{0%{left:-15%}to{left:110%}}@keyframes boatCrossingReverse{0%{left:110%}to{left:-15%}}@keyframes boatBob{0%,to{transform:translateY(0)var(--boat-scale,scale(1))}50%{transform:translateY(calc(var(--surge-amplitude,10px)*.6))var(--boat-scale,scale(1))}}@keyframes buoyBob{0%{transform:translateY(0)}to{transform:translateY(var(--surge-amplitude,10px))}}@keyframes buoyRock{0%{rotate:-4deg}to{rotate:4deg}}@keyframes shimmerDrift{0%{background-position:0 0}to{background-position:100% 0}}@keyframes fishJump{0%{opacity:0;transform:translateY(0)rotate(30deg)scale(.8)}15%{opacity:1;transform:translateY(-60px)rotate(15deg)scale(1)}50%{opacity:1;transform:translateY(-100px)rotate(-10deg)scale(1)}85%{opacity:.8;transform:translateY(-40px)rotate(-30deg)scale(.9)}to{opacity:0;transform:translateY(10px)rotate(-45deg)scale(.7)}}@keyframes fishSplash{0%{opacity:0;transform:scale(.5)}30%{opacity:.7;transform:scale(1.2)}to{opacity:0;transform:scale(1.8)}}@keyframes sprayDrift{0%{opacity:.6;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--spray-dx,10px),var(--spray-dy,-30px))scale(.3)}}@media (prefers-reduced-motion:reduce){.marine-wave,.marine-wave:before,.marine-boat,.marine-buoy,.marine-dinghy,.marine-shimmer,.marine-fish,.marine-fish-splash,.marine-spray-particle,.marine-wave-foam{animation:none!important}}