.pond{--fern-ref:clamp(320px, 52vw, 600px);z-index:0;pointer-events:none;background:linear-gradient(#0aa08b00 0 37%,#0aa08b38 40%,#0aa08b0f 47%,#0aa08b00 62%),linear-gradient(#020c0e00 0 40%,#020c0e8c 72%,#02080ad9 100%);position:absolute;inset:0;overflow:hidden}.pond-canvas{z-index:0;opacity:.85;width:100%;height:100%;display:block;position:absolute;inset:0}.pond[data-state=fallback] .pond-canvas{display:none}.pond-fern{--w:calc(var(--fern-ref) * .487);z-index:1;width:var(--w);aspect-ratio:var(--iw) / var(--ih);right:calc((100 - var(--px)) * var(--w) / -100);top:calc(var(--py) * var(--w) * var(--ih) / var(--iw) / -100);transform-origin:calc(var(--px) * 1%) calc(var(--py) * 1%);pointer-events:none;position:absolute}.pond-fern img{filter:brightness(.78)saturate(.88);width:100%;height:100%;display:block}.pond-drop{z-index:2;opacity:0;pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle at 35% 30%,#fffffff2 0 14%,#cdebff8c 30%,#78afcd47 62%,#ffffff80 72%,#fff0 74%);border-radius:50%/58% 58% 42% 42%;width:9px;height:11px;position:absolute;top:0;left:0;box-shadow:0 1px 2px #00000059}.pond-caption{z-index:3;left:max(var(--gutter-l), calc((100% - 1120px) / 2));max-width:min(18em, calc(100% - var(--gutter-l) - var(--gutter-r)));text-shadow:0 2px 18px #000000a6;pointer-events:auto;margin:0;font-size:clamp(26px,4.6vw,44px);position:absolute;bottom:clamp(20px,4vw,44px)}.pond[data-seen=true] .pond-caption{transition:opacity var(--dur-scene) var(--ease-out), transform var(--dur-scene) var(--ease-out)}.pond[data-js=true]:not([data-seen=true]) .pond-caption{opacity:0;transform:translateY(10px)}@media (prefers-reduced-motion:reduce){.pond[data-seen=true] .pond-caption{transition:none}}@media (max-width:767px){.pond{--fern-ref:250px}}