3-up tile grid on landing page; new Motion Sample cover (jogging w/ joint frames)

index.html

@@ -3,7 +3,7 @@
 :root{color-scheme:dark}*{box-sizing:border-box}
 body{margin:0;background:#0b0d12;color:#e6e8ee;font-family:-apple-system,"PingFang SC","Helvetica Neue",Arial,sans-serif}
 header{padding:26px 28px 6px}h1{margin:0 0 5px;font-size:23px}.sub{color:#9aa1ad;font-size:13px}
-.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:18px 28px 44px;max-width:1100px}
+.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px 28px 44px;max-width:1500px}
 .card{background:#12151c;border:1px solid #232733;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
 .card:hover{border-color:#3a4a6a;transform:translateY(-2px)}
 .card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#000;display:block}
@@ -11,6 +11,7 @@ header{padding:26px 28px 6px}h1{margin:0 0 5px;font-size:23px}.sub{color:#9aa1ad
 .card .t{font-size:17px;margin:0 0 6px;font-weight:600}
 .card .r{font-size:12.5px;color:#9aa1ad;line-height:1.5}
 .card .tag{display:inline-block;background:#1b2740;color:#7fb2ff;border-radius:5px;padding:2px 8px;font-size:11px;font-family:ui-monospace,monospace;margin-top:9px}
+@media(max-width:1180px){.grid{grid-template-columns:repeat(2,1fr);max-width:1100px}}
 @media(max-width:760px){.grid{grid-template-columns:1fr}}
 </style></head><body>
 <header><h1>Faraday Future · EAI Data Sample Viewers</h1>