@keyframes lf-sway{0%{rotate:-5deg}to{rotate:5deg}}.sb-mast{stroke:var(--midnight);stroke-width:1.6px}.sb-sail{fill:#fff;stroke:var(--midnight);stroke-width:1.4px}.sb-jib{fill:var(--sunset);stroke:var(--midnight);stroke-width:1.4px}.sb-hull{fill:var(--midnight)}.ml-boat{width:60px;height:68px;animation:2.4s ease-in-out infinite alternate ml-bob;position:absolute;top:18px;left:50px}.ml-boat>svg{transform-origin:50% 90%;width:100%;height:100%;animation:3s ease-in-out infinite alternate lf-sway;position:absolute;inset:0}.ml-boat .lf-wake{display:none}.ml-waves{height:40px;position:absolute;top:74px;left:-20px;right:-20px;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.ml-waves svg{width:200%;height:20px;animation:3.2s linear infinite ml-wave;position:absolute;left:0}.ml-waves svg path{fill:color-mix(in srgb, var(--foam) 55%, transparent)}.ml-waves svg+svg{animation-duration:2.2s;animation-direction:reverse;top:12px}.ml-waves svg+svg path{fill:color-mix(in srgb, var(--foam) 85%, transparent)}@keyframes ml-bob{0%{translate:0 -3px}to{translate:0 4px}}@keyframes ml-wave{to{translate:-50%}}