.qs{--_breath: var(--motion-duration-shimmer);height:auto;overflow:visible}.qs-window{--_water: var(--space-12);position:absolute;inset:0;pointer-events:none}.qs-water{position:absolute;inset:auto 0 0;width:100%;height:var(--_water);overflow:visible}.qs-view{position:absolute;right:0;bottom:var(--_water);width:var(--_view, 56%);height:calc(100% - var(--_water));overflow:visible}@container (max-width: 940px){.qs-view .qs-glide{display:none}}@media(max-width:640px){.qs-window{--_water: var(--space-10)}.qs-view{display:none}}.qs-swell,.qs-glide,.qs-drift{color:var(--color-text-muted)}.qs-swell{animation:qs-swell calc(var(--_breath) * var(--_swell, 4)) var(--motion-easing-standard) infinite alternate}.qs-swell-2{--_swell: 5;animation-delay:calc(var(--_breath) * -2.3)}.qs-swell-3{--_swell: 6;animation-delay:calc(var(--_breath) * -4.1)}@keyframes qs-swell{0%{transform:translate(calc(var(--space-4) * -1))}to{transform:translate(var(--space-4),calc(var(--space-1) * -1))}}.qs-rock{transform-box:fill-box;transform-origin:50% 100%;animation:qs-rock calc(var(--_breath) * 3.5) var(--motion-easing-standard) infinite alternate}@keyframes qs-rock{0%{transform:rotate(-3deg) translateY(calc(var(--space-0-5) * -1))}to{transform:rotate(3deg) translateY(var(--space-1))}}.qs-drift{animation:qs-drift calc(var(--_breath) * 14) var(--motion-easing-standard) infinite alternate}@keyframes qs-drift{0%{transform:translate(calc(var(--space-10) * -1))}to{transform:translate(var(--space-12))}}.qs-glide{animation:qs-glide calc(var(--_breath) * 20) var(--motion-easing-standard) infinite alternate}@keyframes qs-glide{0%{transform:translate(0)}to{transform:translate(var(--space-16),calc(var(--space-3) * -1))}}.qs-flap{transform-box:fill-box;transform-origin:50% 100%;animation:qs-flap calc(var(--_breath) * 1.5) var(--motion-easing-standard) infinite alternate}.qs-flap-late{animation-delay:calc(var(--_breath) * -.9)}@keyframes qs-flap{0%{transform:scaleY(1)}to{transform:scaleY(.6)}}.qs-flag{transform-box:fill-box;transform-origin:0% 50%;animation:qs-flag calc(var(--_breath) * 2.5) var(--motion-easing-standard) calc(var(--_breath) * -1.2) infinite alternate}@keyframes qs-flag{0%{transform:scaleX(1) skewY(0)}to{transform:scaleX(.78) skewY(9deg)}}.qs .qs-branch{animation:qs-branch calc(var(--_breath) * 8) var(--motion-easing-standard) calc(var(--_breath) * .4) infinite both}.qs .qs-branch-2{animation-delay:calc(var(--_breath) * 1.9)}.qs .qs-branch-3{animation-delay:calc(var(--_breath) * 3.4)}@keyframes qs-branch{0%{opacity:1;stroke-dashoffset:1}35%,85%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}.qs-trolley{animation:qs-trolley calc(var(--_breath) * 6) var(--motion-easing-standard) infinite alternate}@keyframes qs-trolley{0%{transform:translate(calc(var(--space-3) * -1))}to{transform:translate(var(--space-2))}}.qs-hook{transform-box:fill-box;transform-origin:50% 0%;animation:qs-hook calc(var(--_breath) * 2) var(--motion-easing-standard) infinite alternate}@keyframes qs-hook{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.qs-float{animation:qs-float calc(var(--_breath) * 2.4) var(--motion-easing-standard) infinite alternate}.qs-float-2{animation-delay:calc(var(--_breath) * -1.2)}@keyframes qs-float{0%{transform:translateY(0)}to{transform:translateY(calc(var(--space-1-5) * -1))}}.qs-fan{--_open: 0;transform-box:fill-box;transform-origin:50% 100%;animation:qs-fan calc(var(--_breath) * 3) var(--motion-easing-standard) infinite alternate}.qs-fan-0{--_open: -1}.qs-fan-1{--_open: -.5}.qs-fan-3{--_open: .5}.qs-fan-4{--_open: 1}@keyframes qs-fan{0%{transform:rotate(0)}to{transform:rotate(calc(var(--_open) * 7deg))}}.qs-turn{transform-box:fill-box;transform-origin:50% 50%;animation:qs-turn calc(var(--_breath) * 5) var(--motion-easing-standard) infinite alternate}@keyframes qs-turn{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}.qs-wheel{transform-box:fill-box;transform-origin:50% 50%;animation:qs-wheel calc(var(--_breath) * 4) var(--motion-easing-standard) infinite alternate}@keyframes qs-wheel{0%{transform:rotate(-16deg)}to{transform:rotate(16deg)}}.qs-needle{transform-box:fill-box;transform-origin:50% 50%;animation:qs-needle calc(var(--_breath) * 3) var(--motion-easing-standard) calc(var(--_breath) * -1) infinite alternate}@keyframes qs-needle{0%{transform:rotate(-9deg)}to{transform:rotate(6deg)}}@media(prefers-reduced-motion:reduce){.qs path,.qs [data-fill],.qs-swell,.qs-rock,.qs-drift,.qs-glide,.qs-flap,.qs-flag,.qs .qs-branch,.qs-trolley,.qs-hook,.qs-float,.qs-fan,.qs-turn,.qs-wheel,.qs-needle{animation:none}}.qs .qs-lh-beam{fill:var(--color-surface-default);opacity:.85;transform-box:fill-box;transform-origin:0% 50%;animation:qs-lh-sweep calc(var(--_breath) * 8) var(--motion-easing-standard) infinite}:root[data-theme=dark] .qs .qs-lh-beam{fill:var(--color-text-default);opacity:.3}.qs-lh-band{fill:var(--color-surface-default);opacity:0;transition:opacity var(--motion-duration-slow) var(--motion-easing-standard);animation:qs-lh-mist calc(var(--_breath) * 4) var(--motion-easing-standard) infinite alternate}.qs-lh-band-2{animation-direction:alternate-reverse}:root[data-theme=dark] .qs-lh-band{fill:var(--color-text-muted)}.qs[data-mood=haze] .qs-lh-band-1{opacity:.8}.qs[data-mood=fog] .qs-lh-band{opacity:.9}.qs[data-mood=fog] .qs-lh-beam{opacity:.4}.qs[data-mood=haze] .qs-lh-sun,.qs[data-mood=fog] .qs-lh-sun{display:none}@keyframes qs-lh-sweep{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}to{transform:scaleX(1)}}@keyframes qs-lh-mist{0%{transform:translate(0)}to{transform:translate(var(--space-2))}}@media(prefers-reduced-motion:reduce){.qs .qs-lh-beam,.qs-lh-band{animation:none}}