.motion-demo{--sky-speed:7s;--sky-travel:12%;--sky-strength-min:.4;--sky-strength-max:.75;--water-speed:2.5s;--water-strength:.45;--water-step:13px;--sky-mask:polygon(56% 1%, 91% 1%, 91% 20%, 82% 23%, 78% 29%, 68% 29%, 63% 33%, 56% 33%);--water-mask:polygon(32% 58%, 49% 58%, 55% 60%, 50% 62%, 44% 65%, 32% 67%)}.still-life{margin:0;animation:1s ease-out .12s both arrive}.campaign-stage{isolation:isolate;background:#d6c8b1;width:100%;position:relative;overflow:hidden}.campaign-stage>img{width:100%;max-width:100%;height:auto;display:block}.sky-mask,.water-mask{pointer-events:none;position:absolute;inset:0}.sky-mask{clip-path:var(--sky-mask)}.sky-haze{animation:drift-haze var(--sky-speed) ease-in-out infinite alternate;background:radial-gradient(17% 3.5% at 62% 12%,#fffef4 12%,#0000 100%),radial-gradient(21% 4% at 83% 22%,#fffbed 10%,#0000 100%);position:absolute;inset:0}.water-mask{clip-path:var(--water-mask);-webkit-mask-image:linear-gradient(#0000 56%,#000 59% 63%,#0000 68%);mask-image:linear-gradient(#0000 56%,#000 59% 63%,#0000 68%)}.water-glints{opacity:var(--water-strength);background:repeating-linear-gradient(176deg, transparent 0px, transparent 4px, #fff1c7 5px, transparent 7px, transparent var(--water-step));animation:river-shimmer var(--water-speed) linear infinite;position:absolute;inset:0}.still-life figcaption{color:var(--muted-foreground);justify-content:space-between;gap:16px;padding-top:12px;font-size:.75rem;display:flex}.still-life figcaption>span:first-child{font-style:italic}.still-life figcaption>span:last-child{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}@keyframes drift-haze{0%{transform:translateX(calc(-1 * var(--sky-travel)));opacity:var(--sky-strength-min)}to{transform:translateX(var(--sky-travel));opacity:var(--sky-strength-max)}}@keyframes river-shimmer{0%{background-position:0 0}to{background-position:0 var(--water-step)}}@media (prefers-reduced-motion:reduce){.sky-mask,.water-mask{display:none}.still-life,.sky-haze,.water-glints{animation:none}}