Update RoboNaldo teaser and affiliation logos

Author: z-taylcr7

public/RoboNaldo/index.html

@@ -44,8 +44,8 @@
   </header>
 
   <section class="hero" id="top">
-    <video class="hero-bg" autoplay muted loop playsinline preload="auto" poster="https://ik.imagekit.io/lwzdfij3h/posters/roboNaldo-web-teaser.webp">
-      <source src="https://ik.imagekit.io/lwzdfij3h/videos/roboNaldo-web-teaser.mp4" type="video/mp4">
+    <video class="hero-bg" autoplay muted loop playsinline preload="auto" poster="https://ik.imagekit.io/lwzdfij3h/videos/robonaldo-web-teaser-poster.jpg">
+      <source src="https://ik.imagekit.io/lwzdfij3h/videos/robonaldo-teaser.mp4" type="video/mp4">
     </video>
     <div class="hero-overlay"></div>
     <div class="hero-content">
@@ -119,11 +119,17 @@ <h1 class="paper-title">
         <span><sup>3</sup>Archon Robotics</span>
       </div>
       <div class="affiliation-logos" aria-label="Affiliated institutions">
+        <a href="https://opendrivelab.com/" target="_blank" rel="noopener" aria-label="OpenDriveLab">
+          <img class="logo-odl-text" src="/assets/icon/OpenDriveLab.png" alt="OpenDriveLab">
+        </a>
         <a href="https://www.hku.hk/" target="_blank" rel="noopener" aria-label="The University of Hong Kong">
-          <img src="/assets/brand/hku.png" alt="The University of Hong Kong">
+          <img class="logo-hku-text" src="/assets/brand/hku-logo-wine.png" alt="The University of Hong Kong">
         </a>
         <a href="https://www.cuhk.edu.hk/" target="_blank" rel="noopener" aria-label="The Chinese University of Hong Kong">
-          <img src="/assets/brand/cuhk.png" alt="The Chinese University of Hong Kong">
+          <img class="logo-cuhk-text" src="/assets/brand/cuhk.png" alt="The Chinese University of Hong Kong">
+        </a>
+        <a href="https://www.archonrobotics.ai/" target="_blank" rel="noopener" aria-label="Archon Robotics">
+          <img class="logo-archon-text" src="/assets/brand/archon-text-transparent.svg" alt="Archon Robotics">
         </a>
       </div>
       <div class="affiliations author-notes">

public/RoboNaldo/static/css/index.css

@@ -396,29 +396,37 @@ img { display: block; max-width: 100%; }
 .affiliations sup { color: var(--accent-deep); }
 .affiliation-logos {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
-  gap: 2.2rem;
+  gap: clamp(1.1rem, 2.2vw, 2rem);
   margin: 1.2rem auto 0;
+  max-width: 980px;
 }
 .affiliation-logos a {
   display: inline-flex;
   align-items: center;
+  justify-content: center;
+  flex: 0 1 auto;
+  min-width: 0;
   opacity: 0.85;
   transition: opacity 0.2s ease, transform 0.2s ease;
 }
 .affiliation-logos a:hover { opacity: 1; transform: translateY(-1px); }
 .affiliation-logos img {
-  height: 44px;
+  height: 30px;
   width: auto;
-  max-width: 180px;
+  max-width: min(190px, 22vw);
   object-fit: contain;
   display: block;
 }
+.affiliation-logos .logo-hku-text { height: 34px; max-width: min(180px, 22vw); }
+.affiliation-logos .logo-cuhk-text { max-width: min(168px, 20vw); }
+.affiliation-logos .logo-archon-text { max-width: min(190px, 22vw); }
 @media (max-width: 640px) {
-  .affiliation-logos { gap: 1.4rem; }
-  .affiliation-logos img { height: 34px; }
+  .affiliation-logos { gap: 0.75rem; }
+  .affiliation-logos img { height: 20px; max-width: 24vw; }
+  .affiliation-logos .logo-hku-text { height: 23px; }
 }
 .cta-row {
   display: inline-flex;