.uw-surface{mix-blend-mode:overlay;position:absolute;inset:0}.uw-surface:before,.uw-surface:after{content:"";--duration:8s;--lowHeight:30vh;--highHeight:70vh;--layerNum:2;--index:0;--opacity:.4;width:100%;height:100%;animation:uwSurface var(--duration) linear infinite;animation-delay:calc((var(--duration) / var(--layerNum)) * var(--index) * -1);opacity:0;-webkit-mask-image:linear-gradient(to top, white, transparent var(--lowHeight));mask-image:linear-gradient(to top, white, transparent var(--lowHeight));-webkit-mask-image:linear-gradient(to top, white, transparent var(--lowHeight));background-image:url(/assets/bg/surface.jpg);background-repeat:repeat-x;display:block;position:absolute;bottom:0;left:0}.uw-surface:before{--index:0;transform:scaleY(-1)}.uw-surface:after{--index:1;transform:scale(-1)}.uw-caustics{filter:none;position:absolute;inset:0}.uw-caustics:before,.uw-caustics:after{content:"";--duration:10s;--gapY:0px;width:100%;height:100%;animation:uwCaustics var(--duration) linear infinite;opacity:.3;background-image:url(/assets/bg/caustics.jpg);background-repeat:repeat;background-size:100% 30vh;display:block;position:absolute;bottom:0;left:0;-webkit-mask-image:linear-gradient(#0000,#0000,#0000,#fff);mask-image:linear-gradient(#0000,#0000,#0000,#fff)}.uw-caustics:after{--duration:11s;--gapY:10vh;animation-delay:-2s;transform:scaleX(-1)}.uw-bg{opacity:.5;mix-blend-mode:overlay;background-image:linear-gradient(#fff,gray 25% 60%,khaki);position:absolute;inset:0}.uw-sun{mix-blend-mode:overlay;position:absolute;inset:0}.uw-sun>div{transform-origin:50% 0;animation:7s infinite alternate uwSun;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 15%,#fff 50% 55%,#0000 80%);mask-image:linear-gradient(#0000 15%,#fff 50% 55%,#0000 80%)}.uw-sun-layer1{background:linear-gradient(90deg,#0000 39%,#fff 40%,#0000 41% 48.5%,#fff 50%,#0000 51.5% 53%,#fff 54%,#0000 55% 70%,#fff 71%,#0000 72%)}.uw-sun-layer2{background:linear-gradient(90deg,#0000 32%,#fff 33%,#0000 34% 38%,#fff 39%,#0000 40% 53%,#fff 54%,#0000 55% 63.5%,#fff 65%,#0000 66.5%);animation-duration:7.8s!important;animation-direction:alternate-reverse!important;animation-delay:-2s!important}.uw-sun-layer3{background:linear-gradient(90deg,#0000 38.5%,#fff 40%,#0000 41.5% 47%,#fff 48%,#0000 49% 52%,#fff 53%,#0000 54% 60%,#fff 61%,#0000 62%);animation-duration:8.5s!important;animation-delay:-5s!important}@keyframes uwSurface{0%{opacity:0;background-position:bottom;background-size:100% var(--highHeight)}20%{opacity:var(--opacity)}to{opacity:0;background-position:center bottom calc(-1 * var(--lowHeight));background-size:100% var(--lowHeight)}}@keyframes uwCaustics{0%{background-position:bottom var(--gapY) left}to{background-position:bottom var(--gapY) left -100vw}}@keyframes uwSun{0%{opacity:.1;transform:skew(5deg)scale(3,1.5)}50%{opacity:.08;transform:skew(0deg)scaleX(1.5)}to{opacity:.1;transform:skew(-5deg)scaleX(3)}}@media (min-width:768px){.uw-surface:before,.uw-surface:after{animation:uwSurfaceGpu var(--duration) linear infinite;animation-delay:calc((var(--duration) / var(--layerNum)) * var(--index) * -1);background-position:bottom;background-size:100% 50vh}.uw-surface:after{animation-name:uwSurfaceGpuFlip}.uw-caustics:before,.uw-caustics:after{background-position:bottom var(--gapY) left;width:200%;animation:uwCausticsGpu var(--duration) linear infinite}.uw-caustics:after{animation:uwCausticsGpuFlip var(--duration) linear infinite;animation-delay:-2s}.uw-surface{mix-blend-mode:screen}.uw-bg{mix-blend-mode:screen;opacity:.35}.uw-sun{mix-blend-mode:screen}}@keyframes uwSurfaceGpu{0%{opacity:0;transform:scaleY(-1)translateY(0)}20%{opacity:var(--opacity);transform:scaleY(-1)translateY(-8vh)}to{opacity:0;transform:scaleY(-1)translateY(-30vh)}}@keyframes uwSurfaceGpuFlip{0%{opacity:0;transform:scale(-1)translateY(0)}20%{opacity:var(--opacity);transform:scale(-1)translateY(-8vh)}to{opacity:0;transform:scale(-1)translateY(-30vh)}}@keyframes uwCausticsGpu{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes uwCausticsGpuFlip{0%{transform:scaleX(-1)translate(0)}to{transform:scaleX(-1)translate(-50%)}}@media (max-width:767px){.uw-surface,.uw-sun{mix-blend-mode:normal}.uw-surface:before,.uw-surface:after{opacity:.25;background-position:bottom;background-size:100% 50vh;animation:none}.uw-caustics:before,.uw-caustics:after{opacity:.2;animation:none}}@media (prefers-reduced-motion:reduce){.uw-surface:before,.uw-surface:after,.uw-caustics:before,.uw-caustics:after,.uw-sun>div{animation:none!important}.uw-surface,.uw-caustics{opacity:.3}}