.beach-scene{overflow:hidden;pointer-events:none}.scenery-world{--scene-width: max(100vw, 150vh);position:absolute;width:var(--scene-width);aspect-ratio:3 / 2;left:50%;top:0;transform:translate(-50%);isolation:isolate}.scenery-base{display:block;width:100%;height:100%}.scenery-piece{position:absolute;display:block;max-width:none}.scenery-cloud{animation:sceneryDrift var(--cloud-duration) linear var(--cloud-delay) infinite}.scenery-palm{animation:scenerySway var(--palm-duration) ease-in-out var(--palm-delay) infinite}.scenery-crown{animation:sceneryFronds 8.5s ease-in-out var(--palm-delay) infinite}.scenery-wave{animation:sceneryRipple var(--wave-duration) ease-in-out var(--wave-delay) infinite var(--wave-direction)}.scenery-shore{animation:sceneryTide 9s ease-in-out -4s infinite}@keyframes sceneryDrift{0%{transform:translate(0)}to{transform:translate(var(--cloud-travel))}}@keyframes scenerySway{0%,to{transform:rotate(-.55deg)}50%{transform:rotate(.65deg)}}@keyframes sceneryFronds{0%,to{transform:rotate(-.6deg) skew(-.3deg)}50%{transform:rotate(.8deg) skew(.4deg)}}@keyframes sceneryTide{0%,to{transform:translateY(-8%)}50%{transform:translateY(8%)}}@keyframes sceneryRipple{0%,to{transform:translate(-.6%,-2%);opacity:.7}50%{transform:translate(.6%,2%);opacity:1}}.scenery-paused .scenery-piece{animation-play-state:paused}body.reduce-motion .scenery-cloud{transform:translate(var(--cloud-rest))}@media(prefers-reduced-motion:reduce){.scenery-cloud{transform:translate(var(--cloud-rest))}}@media(min-width:761px){.beach-scene[data-scenery=desktop]{background-image:none}.scenery-world[data-layout=mobile]{display:none}}@media(min-width:1500px){.scenery-world{top:calc((100vh - max(100vh,66.666667vw))/4)}}@media(max-width:760px){.scenery-world{--scene-width: 100vw;aspect-ratio:390 / 900;top:0}.beach-scene[data-scenery=mobile]{background-image:none}.scenery-world[data-layout=desktop]{display:none}}