Yeah it wouldn't be live video. You'd record yourself, manually or automatically select keyframes and then feed those as conditioning to a img -> video model

I'll try a copy and paste. How a covert firm spreads lies and chaos around the world Spiegel [stylesheet-group="0"]{} body{margin:0;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);} input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;} [stylesheet-group="1"]{} .css-146c3p1{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:rgba(0,0,0,1.00);display:inline;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;list-style:none;margin:0px;padding:0px;position:relative;text-align:start;text-decoration:none;white-space:pre-wrap;word-wrap:break-word;} .css-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;} .css-1jxf684{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:inherit;display:inline;font:inherit;list-style:none;margin:0px;padding:0px;position:relative;text-align:inherit;text-decoration:none;white-space:inherit;word-wrap:break-word;} .css-9pa8cd{bottom:0px;height:100%;left:0px;opacity:0;position:absolute;right:0px;top:0px;width:100%;z-index:-1;} [stylesheet-group="2"]{} .r-11mg6pl{border-bottom-color:rgba(255,255,255,1.00);border-left-color:rgba(255,255,255,1.00);border-right-color:rgba(255,255,255,1.00);border-top-color:rgba(255,255,255,1.00);} .r-13awgt0{flex:1;} .r-17gur6a{border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;} .r-1867qdf{border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;} .r-1adg3ll{display:block;} .r-1dqxon3{overflow-x:auto;overflow-y:auto;} .r-1ets6dv{border-bottom-color:rgba(207,217,222,1.00);border-left-color:rgba(207,217,222,1.00);border-right-color:rgba(207,217,222,1.00);border-top-color:rgba(207,217,222,1.00);} .r-1fuqb1j{border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top-left-radius:24px;border-top-right-radius:24px;} .r-1j16mh1{border-bottom-left-radius:100%;border-bottom-right-radius:100%;border-top-left-radius:100%;border-top-right-radius:100%;} .r-1pcd2l5{padding:20px;} .r-1phboty{border-bottom-style:solid;border-left-style:solid;border-right-style:solid;border-top-style:solid;} .r-1pp0k63{border-bottom-left-radius:0.01px;border-bottom-right-radius:0.01px;border-top-left-radius:0.01px;border-top-right-radius:0.01px;} .r-1q9bdsx{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;} .r-1udh08x{overflow-x:hidden;overflow-y:hidden;} .r-1wl2o3p{border-bottom-color:rgba(229,234,236,1.00);border-left-color:rgba(229,234,236,1.00);border-right-color:rgba(229,234,236,1.00);border-top-color:rgba(229,234,236,1.00);} .r-1xfd6ze{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px;} .r-1yadl64{border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-top-width:0px;} .r-494qqr{padding:32px;} .r-4iw3lz{border-bottom-width:0;border-left-width:0;border-right-width:0;border-top-width:0;} .r-4qtqp9{display:inline-block;} .r-6koalj{display:flex;} .r-bztko3{overflow-x:visible;overflow-y:visible;} .r-crgep1{margin:0px;} .r-edyy15{padding:8px;} .r-hvic4v{display:none;} .r-jxzhtn{border-bottom-color:rgba(239,243,244,1.00);border-left-color:rgba(239,243,244,1.00);border-right-color:rgba(239,243,244,1.00);border-top-color:rgba(239,243,244,1.00);} .r-krxsd3{display:-webkit-box;} .r-nsbfu8{padding:16px;} .r-rs99b7{border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top-width:1px;} .r-sdzlij{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;} .r-t60dpp{padding:0px;} .r-wwvuq4{padding:0;} .r-xf4iuw{margin:-8px;} .r-xoduu5{display:inline-flex;} .r-xyw6el{padding:12px;} .r-ywje51{margin:auto;} .r-z2wwpe{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;} [stylesheet-group="2.1"]{} .r-1559e4e{padding-bottom:2px;padding-top:2px;} .r-184id4b{margin-bottom:12px;margin-top:12px;} .r-1e084wi{padding-left:0px;padding-right:0px;} .r-1f0wa7y{padding-left:80px;padding-right:80px;} .r-1fkl15p{padding-left:32px;padding-right:32px;} .r-1mkv55d{padding-bottom:0px;padding-top:0px;} .r-1mmae3n{padding-bottom:12px;padding-top:12px;} .r-1xpp3t0{margin-left:16px;margin-right:16px;} .r-3o4zer{padding-left:12px;padding-right:12px;} .r-3pj75a{padding-left:16px;padding-right:16px;} .r-cnw61z{padding-bottom:4px;padding-top:4px;} .r-cxgwc0{padding-left:24px;padding-right:24px;} .r-dd0y9b{padding-bottom:20px;padding-top:20px;} .r-ddtstp{margin-bottom:0px;margin-top:0px;} .r-dp7rxi{padding-bottom:40px;padding-top:40px;} .r-f8sm7e{margin-left:auto;margin-right:auto;} .r-is05cd{padding-left:8px;padding-right:8px;} .r-n7gxbd{padding-left:4px;padding-right:4px;} .r-nj0m1c{padding-bottom:32px;padding-top:32px;} .r-s49dbf{margin-bottom:1px;margin-top:1px;} .r-sjygvo{padding-left:1em;padding-right:1em;} .r-u9wvl5{padding-left:20px;padding-right:20px;} .r-w7s2jr{padding-bottom:16px;padding-top:16px;} .r-ytbthy{padding-bottom:10px;padding-top:10px;} [stylesheet-group="2.2"]{} .r-10f7w94{margin-right:70px;} .r-10s2tm5{left:0%;} .r-1182swk{left:1px;} .r-15peodp{right:-9999px;} .r-15xeili{margin-left:-48px;} .r-16o8guy{right:100%;} .r-17i1h83{margin-right:60px;} .r-19qo34d{left:-9999px;} .r-1a11zyx{margin-right:12px;} .r-1abdc3e{margin-right:0px;} .r-1ca1ndr{margin-left:0.5em;} .r-1cwvpvk{margin-left:12px;} .r-1ez5h0i{margin-left:4px;} .r-1gs4q39{margin-right:4px;} .r-1iwt575{margin-right:1px;} .r-1kkk96v{margin-left:8px;} .r-1kpi4qh{margin-left:0.075em;} .r-1l2kgy{margin-right:0.5em;} .r-1l8l4mf{margin-right:10px;} .r-1lg4w6u{margin-left:0px;} .r-1noe1sz{padding-left:4px;} .r-1oukvu3{margin-left:70px;} .r-1q6cnnd{right:-2px;} .r-1rtiivn{margin-right:20px;} .r-1uofg76{left:16px;} .r-1wron08{margin-right:8px;} .r-1x2e62v{margin-left:16px;} .r-2dysd3{padding-left:12px;} .r-2utimh{right:-4px;} .r-3t4u6i{margin-left:2px;} .r-42265s{right:16px;} .r-45ll9u{left:50%;} .r-5f1w11{left:-2px;} .r-615f2u{right:1px;} .r-72fyl3{border-top-left-radius:32px;} .r-cwltf5{border-top-right-radius:32px;} .r-dlybji{margin-right:16px;} .r-dqe1q{right:0%;} .r-faml9v{padding-right:12px;} .r-gd96e9{margin-right:-48px;} .r-hjq6k0{margin-left:1px;} .r-j3xhw6{border-top-left-radius:16px;} .r-k4bwe5{margin-right:0.075em;} .r-nazi8o{margin-left:20px;} .r-o59np7{padding-right:8px;} .r-ocobd0{right:50%;} .r-pt392{margin-left:60px;} .r-qjj4hq{padding-left:8px;} .r-rci37q{left:100%;} .r-st84sj{border-top-right-radius:16px;} .r-t1sew1{margin-left:10px;} .r-trst2h{padding-right:4px;} .r-v3tthl{left:-4px;} .r-x1x4zq{margin-right:2px;} [stylesheet-group="3"]{} .r-105ug2t{pointer-events:auto!important;} .r-109y4c4{height:1px;} .r-10ef88u{min-width:700px;} .r-10ptun7{height:16px;} .r-10v3vxq{transform:scaleX(-1);} .r-113js5t{width:1050px;} .r-117bsoe{margin-bottom:20px;} .r-11c0sde{margin-top:24px;} .r-11f8fnl{background-color:rgba(180,180,182,0.50);} .r-11j9u27{visibility:hidden;} .r-11yh6sk{overflow-x:hidden;} .r-11zy11o{background-color:rgba(201,54,204,1.00);} .r-1202g5r{height:90vh;} .r-12181gd{box-shadow:0 0 2px rgba(0,0,0,0.03) inset;} .r-122fvck{background-color:rgba(244,129,47,0.12);} .r-1279nm1{min-height:400px;} .r-12hfotv{width:700px;} .r-12rgx7y{width:7px;} .r-12sks89{min-height:22px;} .r-12vffkv>*{pointer-events:auto;} .r-12vffkv{pointer-events:none!important;} .r-12ym1je{width:18px;} .r-135wba7{line-height:24px;} .r-136ojw6{z-index:2;} .r-13qz1uu{width:100%;} .r-13tjlyg{transition-duration:0.1s;} .r-13w96dm{background-color:rgba(0,0,0,0.30);} .r-13wfysu{-webkit-text-decoration-line:none;text-decoration-line:none;} .r-146iojx{max-width:300px;} .r-1472mwg{height:24px;} .r-14gqq1x{margin-top:4px;} .r-14j79pv{color:rgba(83,100,113,1.00);} .r-14lw9ot{background-color:rgba(255,255,255,1.00);} .r-158ssxm{max-height:calc(64px * 15);} .r-15ysp7h{min-height:32px;} .r-168457u{background-color:rgba(120,86,255,1.00);} .r-16dba41{font-weight:400;} .r-16eto9q{width:12px;} .r-16y2uox{flex-grow:1;} .r-176fswd{transform:translateX(-50%) translateY(-50%);} .r-1777fci{justify-content:center;} .r-178kkxs{background-color:rgba(255,237,219,1.00);} .r-17bb2tj{animation-duration:0.75s;} .r-17c3jg3{background-color:rgba(0,0,0,0.80);} .r-17gznlh{animation-name:r-t2lo5v;} .r-17leim2{background-repeat:repeat;} .r-17s6mgv{justify-content:flex-end;} .r-184en5c{z-index:1;} .r-18jm5s1{transition-timing-function:cubic-bezier(0,0,0,1);} .r-18jsvk2{color:rgba(15,20,25,1.00);} .r-18kxxzh{flex-grow:0;} .r-18tzken{width:56px;} .r-18u37iz{flex-direction:row;} .r-18yzcnr{height:22px;} .r-193z5jo{flex-basis:64px;} .r-1994a6e{min-width:400px;} .r-19h8fux{background-color:rgba(55,67,77,1.00);} .r-19lq7b1{top:16px;} .r-19qs0lw{animation-name:r-1qpf3yi;} .r-19wmn03{width:20px;} .r-19yznuf{min-height:52px;} .r-1abnn5w{animation-play-state:paused;} .r-1acpoxo{width:36px;} .r-1ad0z5i{word-break:break-all;} .r-1aockid{width:40px;} .r-1awozwy{align-items:center;} .r-1azx6h{max-height:480px;} .r-1b43r93{font-size:14px;} .r-1betnmo{max-width:672px;} .r-1bimlpy{background-color:rgba(207,217,222,1.00);} .r-1blnp2b{width:72px;} .r-1blvdjr{font-size:23px;} .r-1bymd8e{margin-top:2px;} .r-1c4mltk{width:112px;} .r-1c6unfx{forced-color-adjust:none;} .r-1cdyxaf{flex-basis:32px;} .r-1ceczpf{min-height:24px;} .r-1cf81hf{background-color:rgba(83,100,113,1.00);} .r-1cj0bla{font-smoothing:always;} .r-1cmwbt1{gap:8px;} .r-1cvl2hr{color:rgba(29,155,240,1.00);} .r-1cwl3u0{line-height:16px;} .r-1d2f490{left:0px;} .r-1ddef8g{-webkit-text-decoration-line:underline;text-decoration-line:underline;} .r-1dernwh{height:70%;} .r-1dgieki{border-top-color:rgba(239,243,244,1.00);} .r-1dn12g7{line-height:48px;} .r-1dum35f{-moz-transition-property:opacity, height;-webkit-transition-property:opacity, height;transition-property:opacity, height;} .r-1e425wn{animation-duration:0.15s;} .r-1e4ma89{background-color:rgba(0,0,0,0.55);} .r-1e5uvyk{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);} .r-1e6yznf{margin-top:-6px;} .r-1ebb2ja{list-style:none;} .r-1edcmx9{width:1092px;} .r-1efd50x{border-top-style:solid;} .r-1ei5mc7{cursor:inherit;} .r-1el8sus{min-height:72px;} .r-1elnebe{width:672px;} .r-1ewcgjf{box-shadow:0px 1px 3px rgba(0,0,0,0.5);} .r-1f4tc2a{background-color:rgba(244,33,46,1.00);} .r-1ff274t{text-align:right;} .r-1ffj0ar{background-color:rgba(0,0,0,0.40);} .r-1fu8b7j{height:712px;} .r-1g40b8q{z-index:3;} .r-1g83rmp{animation-name:r-7bj9g2;} .r-1gkfh8e{font-size:11px;} .r-1gn8etr{top:-0.5px;} .r-1gymjhz{width:68px;} .r-1h0z5md{justify-content:flex-start;} .r-1h3ijdo{height:53px;} .r-1h8ys4a{padding-top:4px;} .r-1habvwh{align-items:flex-start;} .r-1hjwoze{height:18px;} .r-1hwvwag{flex-basis:48px;} .r-1hycxz{width:350px;} .r-1ifxtd0{margin-bottom:16px;} .r-1iln25a{word-wrap:normal;} .r-1inkyih{font-size:17px;} .r-1ipicw7{width:300px;} .r-1is30e5{transform:rotate(360deg);} .r-1iusvr4{flex-basis:0px;} .r-1iww7jx{width:28px;} .r-1janqcz{width:16px;} .r-1jaylin{width:-webkit-max-content;width:-moz-max-content;width:max-content;} .r-1jocfgc{width:290px;} .r-1jte41z{min-width:350px;} .r-1k5gan{background-color:rgba(236,232,255,1.00);} .r-1k78y06{font-family:Tahoma, Arial, sans-serif;} .r-1kihuf0{align-self:center;} .r-1ld3bg{top:-4px;} .r-1ldzwu0{animation-timing-function:linear;} .r-1loqt21{cursor:pointer;} .r-1m3jxhj{background-color:rgba(15,20,25,1.00);} .r-1m4drjs{top:-6px;} .r-1mdbw0j{padding-bottom:0px;} .r-1me0s30{max-height:unset;} .r-1mlwlqe{flex-basis:auto;} .r-1mrlafo{background-position:0;} .r-1muvv40{animation-iteration-count:infinite;} .r-1mwlp6a{height:56px;} .r-1nao33i{color:rgba(231,233,234,1.00);} .r-1niwhzg{background-color:rgba(0,0,0,0.00);} .r-1ny4l3l{outline-style:none;} .r-1obr2lp{width:920px;} .r-1oifz5y{background-color:rgba(170,17,0,1.00);} .r-1oszu61{align-items:stretch;} .r-1otgn73{touch-action:manipulation;} .r-1ovo9ad{width:360px;} .r-1ozsyd3{height:7px;} .r-1p0dtai{bottom:0px;} .r-1pi2tsx{height:100%;} .r-1pjcn9w{max-width:80vw;} .r-1potc6q{top:5%;} .r-1ps3wis{min-width:44px;} .r-1pz39u2{align-self:stretch;} .r-1q142lx{flex-shrink:0;} .r-1qd0xha{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;} .r-1qd7xl{top:12px;} .r-1qi8awa{min-width:36px;} .r-1r5jyh0{min-height:130px;} .r-1r8g8re{height:36px;} .r-1rnoaur{overflow-y:auto;} .r-1rt2jqs{width:450px;} .r-1rttkqs{width:400px;} .r-1s2hp8q{min-height:26px;} .r-1sw30gj{background-color:rgba(239,243,244,1.00);} .r-1sxrcry{background-size:auto;} .r-1szxp23{min-height:53px;} .r-1t2qqvi{flex-basis:50%;} .r-1t7zxhp{width:9px;} .r-1tbo1j0{height:1.5rem;} .r-1tjplnt{box-sizing:content-box;} .r-1tl8opc{font-family:"Segoe UI",Meiryo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;} .r-1to6hqq{background-color:rgba(255,212,0,1.00);} .r-1tsuqlv{max-height:100vh;} .r-1ttztb7{text-align:inherit;} .r-1udbk01{text-overflow:ellipsis;} .r-1upvrn0{box-shadow:0 0 15px rgba(101,119,134,0.2), 0 0 3px 1px rgba(101,119,134,0.15);} .r-1uqa7wc{width:1197px;} .r-1ur9v65{padding-top:40px;} .r-1v2oles{top:50%;} .r-1vmecro{direction:rtl;} .r-1vqzmdl{background-color:rgba(215,246,255,1.00);} .r-1vr29t4{font-weight:800;} .r-1vsu8ta{min-height:30px;} .r-1vzmqqg{-webkit-font-smoothing:antialiased;} .r-1w2mbsr{background-color:rgba(29,155,240,0.12);} .r-1wb8bfx{text-decoration-thickness:2px;} .r-1wbh5a2{flex-shrink:1;} .r-1wtj0ep{justify-content:space-between;} .r-1wvb978{font-feature-settings:'ss01' on;} .r-1wyyakw{z-index:-1;} .r-1x0uki6{margin-top:20px;} .r-1x61ttu{-moz-transition:transform 1s ease;-webkit-transition:transform 1s ease;transition:transform 1s ease;} .r-1xcajam{position:fixed;} .r-1xfddsp{min-height:300px;} .r-1xk2f4g{clip:rect(1px, 1px, 1px, 1px);} .r-1xnyija{background-color:rgba(250,224,250,1.00);} .r-1xnzce8{-moz-user-select:text;-webkit-user-select:text;user-select:text;} .r-1xoqx8s{flex-basis:24px;} .r-1xvli5t{height:1.25em;} .r-1y7e96w{min-width:22px;} .r-1ye8kvj{max-width:600px;} .r-1yef0xd{animation-name:r-11cv4x;} .r-1yjpyg1{font-size:31px;} .r-1ykxob0{top:60%;} .r-285fr0{min-width:16px;} .r-2o02ov{margin-top:40px;} .r-2r9icm{background-color:rgba(255,122,0,1.00);} .r-2yi16{min-height:36px;} .r-30o5oe{-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;} .r-33ulu8{width:600px;} .r-36ujnk{font-style:italic;} .r-37tt59{line-height:32px;} .r-3cuxpb{opacity:0.98;} .r-3nmjpz{animation-name:r-12fruu6;} .r-3s2u2q{white-space:nowrap;} .r-3sxh79{top:-1px;} .r-417010{z-index:0;} .r-46f5du{font-variant-numeric:tabular-nums;} .r-4gszlv{background-size:cover;} .r-4hwcpe{font-family:Vazirmatn, Tahoma, Arial, sans-serif;} .r-4nw3r4{background-color:rgba(249,24,128,1.00);} .r-4wgw6l{min-width:32px;} .r-54znze{color:rgba(239,243,244,1.00);} .r-56xrmm{line-height:12px;} .r-5c1b6u{color:rgba(255,122,0,1.00);} .r-5kkj8d{border-top-width:1px;} .r-5oul0u{margin-bottom:8px;} .r-6026j{background-color:rgba(255,255,255,0.85);} .r-633pao{pointer-events:none!important;} .r-6416eg{-moz-transition-property:background-color, box-shadow;-webkit-transition-property:background-color, box-shadow;transition-property:background-color, box-shadow;} .r-64el8z{min-width:52px;} .r-68jxh1{min-width:500px;} .r-6dt33c{opacity:1;} .r-7h7f8p{max-width:100vw;} .r-7mdpej{max-width:360px;} .r-7q8q6z{cursor:default;} .r-8akbws{-webkit-box-orient:vertical;} .r-8i4a5g{-moz-transition:flex-grow 0.5s ease-in-out;-webkit-transition:flex-grow 0.5s ease-in-out;transition:flex-grow 0.5s ease-in-out;} .r-8jfcpp{top:-2px;} .r-8kz0gk{height:2rem;} .r-92ng3h{width:1px;} .r-95jzfe{padding-top:16px;} .r-97prym{flex-basis:16px;} .r-9dcw1g{width:320px;} .r-9l7dzd{color:rgba(244,33,46,1.00);} .r-9tfo2e{background-color:rgba(255,255,255,0.30);} .r-a023e6{font-size:15px;} .r-adyw6z{font-size:20px;} .r-agouwx{transform:translateZ(0);} .r-ah5dr5>*{pointer-events:none;} .r-ah5dr5{pointer-events:auto!important;} .r-aqfbo4{backface-visibility:hidden;} .r-axxi2z{-moz-transition-property:transform;-webkit-transition-property:transform;transition-property:transform;} .r-b88u0q{font-weight:700;} .r-bcqeeo{min-width:0px;} .r-bnwqim{position:relative;} .r-bqz1g2{background-color:rgba(229,234,236,1.00);} .r-bt1l66{min-height:20px;} .r-bvlit7{margin-bottom:-12px;} .r-ck2lme{background-color:rgba(219,248,235,1.00);} .r-clrlgt{animation-name:r-imtty0;} .r-cnnz9e{width:1.75rem;} .r-deolkf{box-sizing:border-box;} .r-dflpy8{height:1.2em;} .r-dkhcqf{transition-duration:350ms;} .r-dnmrzs{max-width:100%;} .r-drjvcx{height:3.5rem;} .r-ehq7j7{background-size:contain;} .r-ek4qxl{min-width:260px;} .r-emqnss{transform:translateZ(0px);} .r-eqz5dr{flex-direction:column;} .r-ero68b{min-height:40px;} .r-eu3ka{height:40px;} .r-f5cfds{min-height:160px;} .r-f9dfq4{width:88px;} .r-fa1dwr{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);} .r-fdjqy7{text-align:left;} .r-fm7h5w{font-family:"TwitterChirpExtendedHeavy","Verdana",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;} .r-fvsqc2{top:calc(0px - 53);} .r-g6jmlv{width:100vw;} .r-gf0ln{-webkit-filter:brightness(1);filter:brightness(1);} .r-gkxrsp{background-color:rgba(0,67,41,1.00);} .r-h0d30l{height:28px;} .r-h3s6tt{height:48px;} .r-h9hxbl{width:1.2em;} .r-hdaws3{height:4px;} .r-htvplk{min-width:600px;} .r-i61hcz{min-width:20px;} .r-icoktb{opacity:0.5;} .r-ifefl9{min-height:0px;} .r-impgnl{transform:translateX(50%) translateY(-50%);} .r-iphfwy{padding-bottom:4px;} .r-ipm5af{top:0px;} .r-j5o65s{border-bottom-color:rgba(239,243,244,1.00);} .r-jmul1s{transform:scale(1.1);} .r-jwli3a{color:rgba(255,255,255,1.00);} .r-k200y{align-self:flex-start;} .r-k4xj1c{align-items:start;} .r-k5y9r7{height:9px;} .r-k8qxaj{padding-bottom:20px;} .r-kemksi{background-color:rgba(0,0,0,1.00);} .r-kr0nin{width:1.5rem;} .r-kwpbio{height:650px;} .r-kzbkwu{padding-bottom:12px;} .r-l5o3uw{background-color:rgba(29,155,240,1.00);} .r-lif3th{width:420px;} .r-loe9s5{background-color:rgba(0,0,0,0.77);} .r-lp5zef{min-width:24px;} .r-lrsllp{width:24px;} .r-lrvibr{-moz-user-select:none;-webkit-user-select:none;user-select:none;} .r-lrx3fh{width:500px;} .r-lwhw9o{height:1.75rem;} .r-m6rgpd{vertical-align:text-bottom;} .r-majxgm{font-weight:500;} .r-mrc9z7{width:1257px;} .r-n1ft60{dynamic-range-limit:standard;} .r-n6v787{font-size:13px;} .r-nhe8su{animation-duration:0.5s;} .r-nvplwv{animation-timing-function:ease-out;} .r-nwxazl{line-height:40px;} .r-o7ynqc{transition-duration:0.2s;} .r-o96wvk{width:275px;} .r-obd0qt{align-items:flex-end;} .r-onrtq4{flex-basis:40px;} .r-orgf3d{opacity:0;} .r-oucylx{border-bottom-color:rgba(0,0,0,0.00);} .r-peo1c{min-height:44px;} .r-pm9dpa{max-height:100%;} .r-poiln3{font-family:inherit;} .r-pp5qcn{vertical-align:-20%;} .r-pwrm9v{width:390px;} .r-q3k7ks{background-color:rgba(0,122,255,1.00);} .r-q4m81j{text-align:center;} .r-qklmqi{border-bottom-width:1px;} .r-qlhcfr{font-size:0.001px;} .r-qvk6io{line-height:0px;} .r-qvutc0{word-wrap:break-word;} .r-ripixn{max-height:16vh;} .r-rjixqe{line-height:20px;} .r-rki7wi{bottom:12px;} .r-rsyp9y{max-height:90vh;} .r-rthrr5{width:990px;} .r-rull8r{border-bottom-style:solid;} .r-rwqe4o{width:48px;} .r-s224ru{background-color:rgba(0,186,124,1.00);} .r-s67bdx{font-size:48px;} .r-s8bhmr{min-width:56px;} .r-sb58tz{max-width:1000px;} .r-t3ofa{-moz-osx-font-smoothing:grayscale;} .r-tbmifm{height:12px;} .r-tjvw6i{text-decoration-thickness:1px;} .r-tskmnb{padding-top:8px;} .r-u6sd8q{background-repeat:no-repeat;} .r-u8s1d{position:absolute;} .r-ueyrd6{line-height:36px;} .r-uho16t{font-size:34px;} .r-uz7a3o{min-width:650px;} .r-v2d8zz{flex-basis:56px;} .r-vkv6oe{min-width:40px;} .r-vqxq0j{border:0 solid black;} .r-vrz42v{line-height:28px;} .r-vuvsbk{padding-bottom:calc(16px 0px);} .r-vvn4in{background-position:center;} .r-vz2u4x{height:11px;} .r-wcz47r{box-shadow:0 8px 24px rgba(15, 20, 25, 0.18);} .r-wgabs5{border-bottom-width:2px;} .r-wy61xf{height:72px;} .r-x3cy2q{background-size:100% 100%;} .r-x572qd{background-color:rgba(247,249,249,1.00);} .r-xb2eav{font-size:40px;} .r-xigjrr{-webkit-filter:blur(4px);filter:blur(4px);} .r-xr3zp9{min-height:calc(64px * 3);} .r-xrrr42{width:267px;} .r-yc9v9c{width:22px;} .r-yn5ncy{animation-fill-mode:both;} .r-yy2aun{font-size:26px;} .r-yyyyoo{fill:currentcolor;} .r-z2knda{transition-timing-function:ease;} .r-z7pwl0{max-width:700px;} .r-z80fyv{height:20px;} .r-zchlnj{right:0px;} @-webkit-keyframes r-11cv4x{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}} @-webkit-keyframes r-12fruu6{0%{opacity:0;transform:scale(0.95);}100%{opacity:1;transform:scale(1);}} @-webkit-keyframes r-1qpf3yi{0%{opacity:0;transform:scale3d(0.92, 0.92, 1);}100%{opacity:1;transform:scale3d(1, 1, 1);}} @-webkit-keyframes r-7bj9g2{0%{opacity:1;transform:scale3d(1, 1, 1);}100%{opacity:0;transform:scale3d(0.92, 0.92, 1);}} @-webkit-keyframes r-imtty0{0%{opacity:0;}100%{opacity:1;}} @-webkit-keyframes r-t2lo5v{0%{opacity:1;}100%{opacity:0;}} @keyframes r-11cv4x{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}} @keyframes r-12fruu6{0%{opacity:0;transform:scale(0.95);}100%{opacity:1;transform:scale(1);}} @keyframes r-1qpf3yi{0%{opacity:0;transform:scale3d(0.92, 0.92, 1);}100%{opacity:1;transform:scale3d(1, 1, 1);}} @keyframes r-7bj9g2{0%{opacity:1;transform:scale3d(1, 1, 1);}100%{opacity:0;transform:scale3d(0.92, 0.92, 1);}} @keyframes r-imtty0{0%{opacity:0;}100%{opacity:1;}} @keyframes r-t2lo5v{0%{opacity:1;}100%{opacity:0;}} .r-o7h1l0{position:absolute;visibility:hidden;top:0;width:50px;pointer-events:none} .r-o7h1l0.loaded{visibility:visible;top:50vh;width:50px} This case underscores vulnerabilities in social media platforms and democratic processes to private mercenaries who treat elections as black-ops markets. For the full read, check the Spiegel or Guardian articles directly.Team Jorge is a covert Israeli-operated disinformation and influence firm exposed in a February 2023 joint investigation by Der Spiegel, The Guardian, and other outlets (part of the "Story Killers" project led by Forbidden Stories).spiegel.de 1It is led by Tal Hanan (alias "Jorge"), a former Israeli special forces operative. His team—mostly ex-intelligence and military personnel—claims to have manipulated outcomes in 33 national-level elections (with 27 successes) across Africa, Latin America, Europe, the US, and elsewhere over two decades. Clients reportedly include politicians, wealthy businessmen, and possibly intelligence agencies.theguardian.comKey Methods and Tools Advanced Impact Media Solutions (AIMS): Sophisticated bot-management software controlling thousands of fake social media avatars (reportedly over 30,000 profiles on platforms like Twitter/X, Facebook, Instagram, LinkedIn, Telegram, etc.). These avatars have detailed, years-old backstories, emails, and even linked accounts (Amazon, Bitcoin wallets, Airbnb). The system allows rapid creation and deployment of profiles tailored by nationality, gender, etc., to spread propaganda, amplify messages, or create artificial trends.theguardian.com Hacking and Sabotage: Access to private accounts (e.g., Gmail, Telegram), planting forged documents or scandals, and disruptive tactics like sending compromising items (e.g., a sex toy to imply an affair). They claim to insert fake stories into legitimate media, which bots then amplify.theguardian.com Disinformation Campaigns: Fabricated scandals, smear operations, vote influence, and psychological warfare. Operations often aim to sabotage rivals rather than directly boost clients. Payments accepted in cash, crypto, etc.; fees for full election interference reportedly range from €6–15 million (or up to $15M).spiegel.deThe exposure came from undercover journalists (posing as clients from an African country seeking to delay an election) who secretly filmed meetings and pitches in 2022, combined with leaked emails and documents. Hanan demonstrated the tools live and boasted of operations in various regions.theguardian.comNotable Examples and TiesWorked alongside (or pitched to) Cambridge Analytica in cases like Nigeria's 2015 election. DOING IT IN 2 PARTS BECAUSE OF 280 CHARACTER LIMITATION.

nice! but thinking about it, keyframes are def the wrong approach for live video actually😅 asked grok and he said either ComfyStream IP-Adapter/ControlNet or ComfyUI-TeleStyle 🤔

Finally had an opportunity to try @LumaLabsAI Ray 3.2 through @fal Impressive stuff as expected! Haven't tried with keyframes or motion control yet. Will likely resubscribe to their Unlimited Plan and post something long-form in the next couple of weeks using the new model.

POV: You're out on a run with your crush and you encounter some stairs. Is this a generational fumble or? #KeyframesVN

E-SAKUGA,AppleBooks KeyFrames Archive for “Mary and The Witch’s Flower” is officially available,English version Out now! mybook.to/mary_en

■ KEYFRAMES ( Check the description for lyrics! )

This is actually sick! 🤯 A motion generator for robotics. and gaming. This is MotionBricks cooked by @NVIDIAAI. It's a 15,000 FPS real-time motion generation for robots and games. MotionBricks shipped to SIGGRAPH 2026 with code that integrates directly into NVIDIA's GR00T Whole-Body Control stack. 15,000 FPS, 2ms latency, 350,000 motion skills from a single neural backbone. Okay, let's have a look how it works: first train one generative model on 350k production-grade mocap clips (BONES-SEED dataset from Bones Studio). Then add "smart primitives" on top, a unified interface where you specify navigation targets, object interaction keyframes, and style prompts. The network generates everything else in real-time. There's no animation graph., and no per-task fine-tuning. Their demo-character navigates, picks up a sword, vaults a bench, sits down, switches between zombie/injured/skipping styles. Every frame generated by the network, in real-time. I think that this matters as MotionBricks is now core to GR00T Whole-Body Control which is the same stack powering humanoids widely used in research across the globe. Btw. code ships with an interactive G1 demo, but a full robotics-integrated release coming in ~1 month. The motion stack for humanoid robots is getting bigger! 🔥 Check it out here: nvlabs.github.io/motionbrick… cc: @NVIDIARobotics ~~ ♻️ Join the weekly robotics newsletter, and never miss any news → ziegler.substack.com

basically a form of animation where you use keyframes instead of traditional frame by frame in order to animate movement the animator typically places one beginning keyframe (the objects initial position) and an end keyframe (the objects final position)

Thought I'd make a series of AI generated intros based on shows that impacted me during my childhood. Ep1 - LuckyMan. TLDR: A kid who just got accidentally lucky PS - Had a lot of fun making this specific art style, created ZERO keyframes/storyboards for making this btw ❤️

I have never used keyframes in my life #pokemonclover

So this was made in aura.build using Fable 5 when it was available: neon-oiran.aura.build It's insanely good with a one-shot prompt. You can do it with GPT 5.5 but it will make more mistakes. Prompt: Recreate the website "NEON OIRAN - Cyber Geisha Action RPG" with high visual fidelity as a single-page React TypeScript Tailwind CSS site. Use inline styles wherever exact sizing, transforms, object positioning, filters, or background textures are needed. Use GSAP 3.12.5 with ScrollTrigger, lucide-react icons, and Iconify icons where useful. The result must match the supplied reference website, not a cleaned-up reinterpretation. Preserve source quirks: - Browser/page title says "Neon Oiran - Cyber Geisha Action RPG". - The visible brand often says "NEON ORIAN" and "About NEON ORIAN"; reproduce this spelling exactly. - Desktop hero headline is two lines: "NEON" then "ORIAN". - Mobile hero headline is "Neon › Oiran". - The first carousel has 4 panels but only 3 visible progress dots, matching the reference. - The late-scroll CTA heading text is black, while its paragraph is white/82. GLOBAL STYLE - Background: #0a0608 / black. Body font defaults to Imprima; section UI uses Montserrat or Inter as specified. - Set html to scrollbar-gutter: stable; body margin/padding 0; background #0a0608; scroll-behavior auto. - Load fonts: - Viaoda Libre for cinematic serif headings. - Imprima for the hero body fallback. - Montserrat for most technical sections. - Inter Oswald for the patch carousel. - Optional Didot, Bodoni 72, Bodoni MT, Playfair Display fallbacks for desktop hero. - Use a premium cyberpunk action-RPG look: near-black panels, white technical borders, white/cyan accents, glassy black overlays, thin corner brackets, subtle grid fields, grayscale/luminosity media that clears on hover, hardware-accelerated transform motion. - Use rounded cards as in the source: hero media cards rounded 28px, arsenal cards rounded 24px, roster/pricing cards rounded 16px/2xl. - Common glass pill style: border-white/10, bg-black/40 or bg-white/5, backdrop-blur-md, uppercase 0.2em-0.24em tracking, thin font weight. - Use object-position scroll animation from 50% 0% to 50% 100% for article/product images. - Add @keyframes bobUp: 0/100 translateY(0), 50 translateY(-6px). Add @keyframes scan: top -5% to 105% with opacity fade. ASSET MAP Hero world video: cdn.midjourney.com/video/3d9… Portal frame: hoirqrkdgbmvpwutwuwj.supabas… Curtains: Left: hoirqrkdgbmvpwutwuwj.supabas… Right: hoirqrkdgbmvpwutwuwj.supabas… Hero cards: Mobile/tablet: hoirqrkdgbmvpwutwuwj.supabas… hoirqrkdgbmvpwutwuwj.supabas… hoirqrkdgbmvpwutwuwj.supabas… Desktop: hoirqrkdgbmvpwutwuwj.supabas… hoirqrkdgbmvpwutwuwj.supabas… hoirqrkdgbmvpwutwuwj.supabas… Calibration carousel images: Shibuya Slums: hoirqrkdgbmvpwutwuwj.supabas… Corp Towers: hoirqrkdgbmvpwutwuwj.supabas… Neon Alleys: hoirqrkdgbmvpwutwuwj.supabas… Echo District: hoirqrkdgbmvpwutwuwj.supabas… Patch carousel images: Eclipse: hoirqrkdgbmvpwutwuwj.supabas… Void: hoirqrkdgbmvpwutwuwj.supabas… Hotfix: hoirqrkdgbmvpwutwuwj.supabas… Launch: hoirqrkdgbmvpwutwuwj.supabas… Gameplay video: cdn.midjourney.com/video/f41… Arsenal images: Neural Kinetics: hoirqrkdgbmvpwutwuwj.supabas… Plasma Katana: hoirqrkdgbmvpwutwuwj.supabas… Ocular Uplink: hoirqrkdgbmvpwutwuwj.supabas… Character images: Valkyrie: hoirqrkdgbmvpwutwuwj.supabas… Juggernaut: hoirqrkdgbmvpwutwuwj.supabas… Spectre: hoirqrkdgbmvpwutwuwj.supabas… Pulse: hoirqrkdgbmvpwutwuwj.supabas… Aegis: hoirqrkdgbmvpwutwuwj.supabas… Pricing/table images: Standard card: hoirqrkdgbmvpwutwuwj.supabas… Collection card: hoirqrkdgbmvpwutwuwj.supabas… Table Standard: hoirqrkdgbmvpwutwuwj.supabas… Table Deluxe: hoirqrkdgbmvpwutwuwj.supabas… Table Ultimate: hoirqrkdgbmvpwutwuwj.supabas… Table Collection: hoirqrkdgbmvpwutwuwj.supabas… SECTION 1 - SCROLL HERO Create a 480vh scroll track with a sticky top-0 100vh stage, overflow hidden. Layer order: 1. #world absolute inset -6%, z-index 0, object-cover video, transform scale(1 to 1.18) plus mouse parallax. 2. #portal absolute inset -10%, z-index 10, transform-origin 50% 45%, object-cover image, transform scale(1 to 7.5), opacity fades after p .65. 3. #curtainL top left, height 100%, width 64%, z-index 20, image object-right. 4. #curtainR top right, height 100%, width 64%, z-index 20, image object-left. 5. #hero absolute inset-0, z-index 40. 6. #cta absolute inset-0 centered, z-index 46. 7. #nav absolute top full width, z-index 50. Hero mobile/tablet: - Flex column centered, text-center, px-6, gap-6. - H1 "Neon › Oiran", color #3b1a0a, Viaoda Libre, clamp(2.25rem, 8vw, 3.5rem), line-height 1.08. - Paragraph: "Step into the neon-drenched underworld of Neo-Edo. A cyberpunk action-RPG where tradition meets chrome." - One 148x148 card on mobile, three cards on md. Rounded 28px, shadow-2xl, bottom black gradient with backdrop-filter blur(6px). - Card labels: Watch Trailer, 12 Cyber Augments, Gameplay. Play icon uses solar:play-linear or lucide Play. Hero desktop >=1100px: - Left text absolute top 46%, left 60px, translateY(-50%), max-width 440px. - H2 uppercase white, Didot/Bodoni/Playfair, text 5xl to 9xl, leading .86, lines: NEON / ORIAN. - Paragraph same as mobile, white/80, mt-5, max-width 400px. - Right cards absolute top 50%, right 40px, translateY(-50%), display flex gap 16px. - Cards 158x158, rounded 28px, hover image scale 1.10 over 700ms. - Dots bottom 40px: at desktop left 60px; first pill width 28px white, next three 14px white/35. - Scroll cue bottom 36px centered, hidden below min-[1100px], text "Descend", circular 34x34 chevron down with bobUp animation. Nav: - Absolute top, full width, border-b border-white/10, backdrop-blur-sm. - Three-column grid, h-14 mobile and h-16 desktop. - Left links: Lore, Augments, Missions. Right links: Armory, Factions, Buy Now. Hide side links on mobile, use md:flex. - Center badge: 36x36 clipped square with border-white/40 and cyan gamepad icon (#67e8f9). The clip path is polygon(0 0, 100% 0, 100% 78%, 78% 100%, 0 100%). - Link style: uppercase, 12px, tracking 0.3em, text-white/90, hover cyan-300. Hero scroll math: - Helpers: easeInOut(t) = t < 0.5 ? 2*t*t : -1 (4 - 2*t)*t; lerp(a,b,t); clamp(v,min,max). - MAG = { world: 6, portal: 7, curtainL: 14, curtainR: 14 }. - Mouse targetX/targetY normalized -1..1, smooth rx/ry with lerp step .07 in RAF. - scrollProgress = scrollY / (document height - viewport height), clamped 0..1. - Entrance: after 100ms set entryOpen true; after 600ms show nav and hero opacity 1; after 2200ms disable transitions and set entryDone true. - Curtains: openShift 62 when entryOpen; totalShift = openShift eased*88, reaching 150%; curtain scale lerps 1 to 1.3. - Left transform: translateX(calc(-totalShift% cRx*14px)) translateY(cRy*14*.3 px) scale(curtainScale) translateZ(0). - Right transform: translateX(calc(totalShift% cRx*14px)) translateY(cRy*14*.3 px) scale(curtainScale) translateZ(0). - Hero opacity after entryDone = clamp(1 - p/.22, 0, 1). - CTA opacity = clamp((p - .68)/.16, 0, 1). Late-scroll CTA: - Centered text, pointer-events none until visible. - H2: "Code &" line break "Steel"; Viaoda Libre, clamp(2.375rem, 7vw, 4.875rem), letter-spacing .03em, line-height 1.05, text color #000000, text-shadow 0 2px 20px rgba(0,0,0,.4). - Paragraph: "Master cybernetic fans and energy katanas in a dystopian future." max-width 260 mobile / 480 desktop, white rgba(255,255,255,.82), line-height 1.6. SECTION 2 - CALIBRATION CAROUSEL - Full-screen black section, Montserrat, min-h-screen, p-3 sm:p-5 lg:p-8. - Add transparent WebGL canvas absolute inset, opacity .4, mix-blend-screen. - Center frame max-w-[min(100vw,160vh)], aspect-ratio 4/3, border-white/10, bg-black/60, shadow-2xl, backdrop-blur-xl. - Frame background grid: two linear gradients rgba(255,255,255,.02) at 1px with background-size 4rem 4rem. - Add inner border white/5, four 32px corner brackets border-white/40, and vertical guide lines at left/right 6.5% with small 6px nodes at 7% and 93%. - Inside #carousel use flex h-full w-full overflow-hidden. - Panel active width animates to 52%, inactive to 24%, duration .9, ease cubic-bezier(0.22,1,0.36,1). setActive(0) on init. Autoplay 3500ms. Hover/click dot activates. Mouse parallax on .product x=14, y=10 with intensity 1 active/.35 inactive. - Each panel uses radial/linear dark background, opacity .30 inner grid 2rem, a vertical guide line, rotating .ring-field circles/crosshair, right header code/subtitle, left .title-wrap, product card, play button, bottom telemetry pills. - Use 4 panels but only 3 visible dot buttons in the bottom-right progress pill. - Top-left status pill: glowing white dot "System Uplink". Calibration panel content: 1. Label Calibration 01; title SHIBUYA / SLUMS; code OS; subtitle ALPHA-TANGENT; image Shibuya Slums; nav pills Telemetry/Array with radar icon and Compute/Core with cpu icon. 2. Label Calibration 02; title CORP / TOWERS; code MT; subtitle VECTOR PROTOCOL; image Corp Towers; nav Data/Node, Pulse/Grid, Link/Hub. 3. Label Calibration 03; title NEON / ALLEYS; code CX; subtitle RADIANT CORE; image Neon Alleys; nav Optic/Relay, Void/Station, Forge/Bay. 4. Label Sector 09; title ECHO / DISTRICT; code EQ; subtitle NEXUS PROTOCOL; image Echo District; nav Cyber/Link, Core/Hub, Tech/Lab. SECTION 3 - PATCH CAROUSEL - Wrap in a div with Inter font, background #0a0608, white text, relative width 100%, overflow hidden. - Add a subtle SVG turbulence/noise layer: absolute inset 0, pointer-events none, z-index 50, opacity .035, mix-blend-mode multiply. - Section is min-h-screen, p-3 sm:p-5 lg:p-8, bg #0a0608, Inter. - Frame h-[85vh], min-h 600px, max-h 900px, max-w 1600px, border-white/10, bg-black/60, shadow-2xl, backdrop-blur-xl, same grid/corner/guide treatment. - Panels animate active width 40%, inactive 20%; duration .9; autoplay 4000ms; dots width 48 active / 32 inactive. - Product is bottom 10%, right 5%, h 80%, w 45%, rounded 16px, border-white/15. - Patch title font is Oswald, uppercase, thin, text-4xl sm:5xl md:7xl, leading .86. - Active image filter grayscale(0%) brightness(1); inactive grayscale(60%) brightness(.75). - Top-left status pill: "System Changelog Online". Patch panel content: 1. Header V 1.3.0 / ECLIPSE; pill MAJOR UPDATE; title ECLIPSE; text "Major expansion adding new maps, operatives, and overhauling the ranked system."; image Eclipse; nav Ranked/Overhaul and New Map/Zenith. 2. Header V 1.2.4 / VOID; pill CONTENT PATCH; title VOID; text "Introduces the Aether operative class and addresses multiple systemic stability issues."; image Void; nav Class/Aether and Stability/Fixes. 3. Header V 1.1.0 / HOTFIX; pill BALANCE; title HOTFIX; text "Weapon balancing, hit registration improvements, and neural interface tweaks."; image Hotfix; nav Weapon/Tuning and Hit Reg/Improved. 4. Header V 1.0.0 / LAUNCH; pill GLOBAL; title LAUNCH; text "The official global release of the game. Servers are now live across all regions."; image Launch; nav Global/Servers and Launch/Roster. SECTION 4 - ARSENAL - Section id arsenal. Background #0a0608, border-t border-white/10, py-24 md:py-32, px-4 sm:px-6 md:px-12, Montserrat. - Add top centered glow: max-w 1000px, h 500px, from white/[.03] to transparent, opacity .5, blur-3xl. - Header max-width 2xl. Label row: 32px line "Equipment & Augments". - H2: "About NEON ORIAN" with a visible extra space/nonbreaking gap between About and NEON. Viaoda Libre, uppercase, text 5xl to 8xl, leading .9. - Paragraph: "Customize your playstyle with over 50 cybernetic enhancements, lethal traditional weaponry, and experimental neural mods forged in the underworld." - Button: "View Full Arsenal" with arrow, rounded full, border-white/20, bg-white/5, hover bg-white text-black. - Cards grid: 1 col, md 2, lg 3, gap 6/8, mt-16. - Cards h 450/500/600, rounded 24px, bg-black/40, border-white/10, shadow-2xl, hover border-white/30 and bg-white/5. - Card image absolute full, opacity .40, mix-blend-luminosity, hover scale 1.05 opacity .70 mix-blend-normal, object-position 50% 100%. - Add bottom black gradient, 3 corner brackets, content p-6/8 rising -8px on hover. - Card 1 Neural Kinetics: description "Enhance reaction times and unlock physics-defying combat maneuvers with military-grade spinal implants."; footer Tier III / Agility. - Card 2 Plasma Katana: "High-frequency thermal blades capable of slicing through reinforced corporate security armor with ease."; footer Tier IV / Lethality. - Card 3 Ocular Uplink: "Real-time threat assessment HUD, thermal vision, and biometric tracking of high-value bounties."; footer Tier II / Utility. SECTION 5 - ELITE OPERATIVES VIDEO - Full-screen #0a0608 section, border-t border-white/10, centered, Montserrat, py-24. - Add subtle central white/[.02] rounded glow max-w 1000px h 800px blur 120px. - Center label "Class Archives" between two 32px white/40 lines. - H2 "Elite Operatives", Viaoda Libre, uppercase, text 4xl to 7xl, leading .9. - Paragraph: "Choose your path through the neon-drenched underworld. Each class brings unique cybernetic enhancements, lethal proficiencies, and distinct tactical advantages to the battlefield." - Video panel: max-w 7xl, h 700px, w-full, border-white/10, bg-black/40, ring-white/5, shadow-2xl, square corners, px-8. - Overlay 2rem grid at opacity .30 mix-blend-overlay. - Video uses gameplay video, autoplay loop muted playsInline, w/h full object-cover, opacity .70, mix-blend-luminosity, initial style filter brightness(.3) blur(20px), hover opacity 1 mix-blend-normal scale 1.05. - Bottom gradient from black/90 via black/20 to transparent. - Overlays: top-left red pulsing dot "REC // LIVE FEED"; top-right hidden below sm stats "FPS: 60.00", "RES: 4K UHD", "BITRATE: AUTO". - Bottom-left title "Class: Spectre" and line "Role: Stealth & Infiltration" with target icon. - Bottom-right circular play button. - Four 32px corner brackets border-white/30. - Scanline element: h-1 bg-white/10 blur 2px, box-shadow 0 0 15px 2px rgba(255,255,255,.1), animation scan 6s linear infinite. - Below video chips: Assault Specialist, Stealth Assassin, Heavy Enforcer with swords/crosshair/shield icons. SECTION 6 - CHARACTER ROSTER - Full-screen black technical frame, Montserrat, p-3 sm:p-5 lg:p-8, min-h-screen. - WebGL particle canvas like previous technical sections. - Frame h-[85vh], min-h 600px, max-h 900px, max-w 1600px, border-white/10, bg-black/60, grid 4rem, corner brackets, hidden md vertical guide lines. - Top-left pill "Roster Selection". - #character-carousel flex h-full, overflow-x-auto, snap-x mandatory, scroll-smooth, hide scrollbar, gap 4/6, py-8, px 5vw sm 10vw. - Cards: h 85%/90%, w 85vw sm 400px lg 460px, flex-none, snap-center, rounded 2xl, border-white/10, bg-black/40, backdrop-blur-md, hover border-white/30 bg-white/5. - Each card image is absolute full, opacity .50, mix-blend-luminosity, hover opacity .80 scale 1.05 mix-blend-normal, object-position 50% 100%, with bottom black gradient. - Top chip number class. Bottom title, description, Damage/Mobility 4-bar stats, "Select Character" pill button. - Characters: 01 Valkyrie, Assault Class. Description "High mobility aerial combat specialist equipped with advanced thrust mechanics and targeted ordinance." Damage 3/4, Mobility 4/4. 02 Juggernaut, Heavy Class. Description "Frontline defense unit featuring reinforced exoskeleton plating and heavy area-denial weaponry." Damage 4/4, Mobility 1/4. 03 Spectre, Stealth Class. Description "Infiltration expert utilizing cloaking technology and silent melee takedowns for covert operations." Damage 2/4, Mobility 4/4. 04 Pulse, Support Class. Description "Tactical medic providing squad restorative fields and synchronized sensory upgrades." Damage 1/4, Mobility 2/4. 05 Aegis, Defense Class. Description "Cybernetic bulwark capable of deploying localized kinetic barriers and redirecting hostile fire." Damage 2/4, Mobility 1/4. - Bottom-right prev/next buttons 40/48px circles, bg-black/60, border-white/20, hover bg-white text-black. Scroll by one card width 24px. SECTION 7 - PRICING - Section id pricing, black, min-h-screen, px-4 py-24, Montserrat. - Add absolute 4rem grid overlay opacity .4 mix-blend-screen and top white/[.02] glow. - Header badge "New To Neo-Edo?" then H2 "The Adventure Starts Now", Viaoda Libre, uppercase, text 4xl to 6xl, white, text-shadow 0 0 30px rgba(255,255,255,.25). - Two edition cards in max-w 5xl grid, 1 col mobile, 2 col md, gap 6/8, mb-24. - Pricing cards: bg-black/60, border-white/10, rounded 2xl, backdrop-blur-xl, shadow-2xl, hover border-white/30 bg-white/5; image h 240/300, opacity .50 luminosity, hover opacity .80 normal blend scale 1.05; content centered, -mt-20. - Standard card: label "Standard Edition"; H3 "Neon Oiran"; paragraph "Experience the ultimate action RPG. Embark on an epic campaign and explore the neon-drenched underworld of Neo-Edo."; includes Base Game; button Buy Now. - Collection card: label "Neon Oiran Void Echoes"; H3 "Age of Chrome"; paragraph "The ultimate way to begin your journey. Instantly unlock the base game, plus the Void Echoes expansion and premium bundles."; includes Base Game, Void Echoes Expansion, & More; button Buy Now. - Desktop separator: hidden below md, max-w 6xl, horizontal border-white/10 with centered CPU icon in bg-black px-6 text-white/20. - Compare Editions panel: max-w 1200px, border-white/10, bg-black/60, shadow-2xl, backdrop-blur-xl, py-12, px 4/8, four corner brackets. - Title "Compare Editions"; paragraph "Instantly unlock the first expansion, Void Echoes, with any edition above Standard." - Horizontal table min-width 900px, grid-cols-5. Columns after feature column: Standard Edition, Deluxe Edition, Ultimate Edition, Age of Chrome Collection. Each has 4:3 or 32x32 thumbnail, "Select" button. - Feature rows and checks: Neon Oiran Base Game, sublabel Instant Unlock: checked in all four editions. Void Echoes Expansion: checked Deluxe, Ultimate, Age of Chrome. 1 Extra Stash Tab, sublabel Instant Unlock: checked Deluxe, Ultimate, Age of Chrome. 2 Additional Character Slots: checked Deluxe, Ultimate, Age of Chrome. Crimson Guard Cosmetic: checked Ultimate, Age of Chrome. Cyber-Basilisk Mount: checked Ultimate, Age of Chrome. Premium Battle Pass: checked Ultimate, Age of Chrome. 3,000 Credits: checked Age of Chrome only. SECTION 8 - NEWSLETTER AND FOOTER Newsletter: - id newsletter, background #0a0608, border-t border-white/10, px-6 md:px-12, py-24 md:py-32. - Centered max-w 4xl. - Label "Initiate Protocol", uppercase, text-white/60, tracking .22em. - H2 "Enter the Underworld", Viaoda Libre, uppercase, clamp(2rem, 5vw, 3.5rem), line-height 1.1. - Paragraph: "Register your neural implant for exclusive beta access and early weapon drops." - Form max-w-md, flex column then row on sm, gap 4. Input placeholder "Enter your network alias...", rounded full, bg-white/5, border-white/20, focus border #ff3333/50. Button white bg, black text, label "Connect", arrow-right icon. Footer: - Background #0a0608, border-t border-white/10, pt-16 pb-8, px-6 md:px-12. - Top row max-w 6xl, flex column to md row, items center, gap 8. - Brand "NEON ORIAN" in Viaoda Libre, uppercase, text 4xl on mobile and sm:text-lg due source quirk. - Text: "A cyberpunk action-RPG where tradition meets chrome in the heart of Neo-Edo." - Links: Lore, Press, Support. - Social icons: Twitter, Twitch, YouTube via Iconify lucide icons. - Bottom row: "© 2024 Neo-Edo Interactive. All rights reserved." plus Privacy Policy and Terms of Service. WEBGL PARTICLE CANVAS Implement for each technical section canvas: - Transparent WebGL canvas, opacity .4, mix-blend-screen. - Use 240 points in a 24-column grid. Positions: col = i % 24, row = floor(i/24), x = -1 col/11.5, y = -1 row/5.5. - Cap devicePixelRatio at 2. - Vertex shader waves: wave = sin((p.x*6.0) u_time*.7)*.035 cos((p.y*7.0)-u_time*.55)*.028; p.x = wave; p.y = sin(u_time*.35 p.x*4.0)*.018; gl_PointSize = 1.6; v_alpha = .12 .12 * sin(u_time p.x*4.0 p.y*5.0). - Fragment shader: radial point alpha via smoothstep, color mix vec3(.5,.5,.55) to vec3(.9,.9,.95), blend SRC_ALPHA, ONE. GLOBAL GSAP SCROLLTRIGGER MOTION - Register ScrollTrigger on load. - Animate section h2, section p, .info-text, section ul li, .title-wrap h1 from opacity 0, y 40, filter blur(10px) to opacity 1, y 0, blur 0, duration 1.2, ease power3.out, trigger start top 85%, reverse on leave. - Animate section .grid and #character-carousel cards from opacity 0, y 80, blur(15px) to visible, stagger .15, duration 1.5, ease expo.out, start top 80%. - Animate article img and .product img objectPosition from 50% 0% to 50% 100%, scrubbed from trigger top bottom to bottom top. - Move all canvas backgrounds yPercent 30 with scrub 1. - For the gameplay video element, ScrollTrigger from scale 1.15 and filter brightness(.3) blur(20px) to scale 1 and filter brightness(1) blur(0), start top 95%, end center center, scrub 1.5. - Footer divs and form reveal from opacity 0, y 30, blur(8px) to visible, duration 1.2, ease power3.out, start top 90%. IMPLEMENTATION REQUIREMENTS - Build the actual landing page as the first screen; no explanatory page, no placeholder boxes, no stock replacements. - Use the exact text, assets, section order, IDs, and visual states above. - Preserve responsive behavior: mobile hero is centered and dark-brown, desktop hero is split white editorial type; side nav hides on mobile; roster/table scroll horizontally where needed. - All videos must autoplay, loop, mute where appropriate, and use playsInline. - Hover states must remove grayscale/luminosity and increase clarity exactly as specified. - Use CSS and JS safely in React effects with cleanup for event listeners, RAF, intervals, and ScrollTriggers. - Final page should feel like a cinematic, technical cyberpunk game site with black/crimson base, white technical frame language, cyan navigation accent, and precise scroll choreography.

Treating grasp keyframes as animation poses, not learned embeddings, is the actual bet here. For sim-to-real on 𝗮𝗿𝘁𝗶𝗰𝘂𝗹𝗮𝘁𝗲𝗱 𝘁𝗼𝗼𝗹𝘀, coarse-to-fine motion planning sidesteps contact modeling brittleness most RL approaches collapse on. arxiv.org/abs/2606.13677v1

Toonsquid camera layer and keyframes

A simple script that gives you a quick breakdown of your AE project, including compositions, layers, keyframes, expression lines, and more. gist.github.com/btrxinfinity…