Use enhanced human-to-robot hero video and fade cover into content

Author: JinChen0056

public/EgoHumanoid-V2/assets/images/hero-human-to-robot.jpg

@@ -41,12 +41,12 @@
 </nav>
 <main id="top">
 <section aria-labelledby="paper-title" class="hero" id="introduction">
-<div class="hero-background"><video aria-label="Refrigerator opening research preview" data-hero="" data-src="assets/videos/deployment-fridge.mp4" loop="" muted="" playsinline="" poster="assets/images/deployment-fridge.jpg" preload="metadata"></video></div>
+<div class="hero-background"><video aria-label="Human-to-humanoid refrigerator-opening transition" data-hero="" data-src="assets/videos/hero-human-to-robot.mp4" loop="" muted="" playsinline="" poster="assets/images/hero-human-to-robot.jpg" preload="metadata"></video></div>
 <div class="wrap hero-content">
 
 <h1 id="paper-title"><span class="hero-project">EgoHumanoid-V2:</span> <span class="hero-title-rest">Human-to-Humanoid Transfer of <span class="hero-emphasis">Coordinated <span class="keep-together">Whole-Body</span> Skills</span> for <span class="keep-together">Loco-Manipulation</span></span></h1>
 <p class="hero-description">The first egocentric human-to-humanoid skill transfer framework for coordinated whole-body loco-manipulation</p>
-<div class="hero-actions"><a class="button hero-primary" href="assets/documents/paper.pdf" rel="noopener" target="_blank"><svg aria-hidden="true" viewbox="0 0 24 24"><path d="M14 3H6a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8zM14 3v6h6M8 13h8M8 17h5"></path></svg> Read paper</a><a class="button hero-secondary" href="#demonstrations"><svg aria-hidden="true" viewbox="0 0 24 24"><path d="m8 5 11 7-11 7z"></path></svg> Explore videos</a></div>
+<div class="hero-actions"><a class="button hero-primary" role="link" aria-disabled="true" title="Coming soon"><svg aria-hidden="true" viewBox="0 0 24 24"><path d="M14 3H6a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8zM14 3v6h6M8 13h8M8 17h5"></path></svg> Full Paper</a><a class="button hero-secondary" role="link" aria-disabled="true" title="Coming soon"><svg aria-hidden="true" viewBox="0 0 24 24"><path d="m8 6-6 6 6 6m8-12 6 6-6 6M14 3l-4 18"></path></svg> Code (Coming Soon)</a></div>
 </div>
 <div class="hero-bottom wrap"><a class="scroll-cue" href="#overview">Explore the research <span aria-hidden="true">↓</span></a><button aria-pressed="false" class="quiet-button" id="preview-toggle"><span aria-hidden="true" class="play-icon">Ⅱ</span><span>Pause previews</span></button></div>
 </section>

public/EgoHumanoid-V2/assets/videos/hero-human-to-robot.mp4

@@ -403,3 +403,11 @@ thead th { font-weight: 600; color: var(--color-muted); }
 .institution-logos a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
 .institution-logos img { width: 32px; height: 32px; object-fit: contain; }
 .institution-logos > span { color: currentColor; opacity: .35; font-size: 18px; }
+
+/* Fade the cover into the first white section. */
+.hero::after { content: ""; position: absolute; inset: auto 0 0; height: clamp(150px, 24vh, 280px); z-index: -1; pointer-events: none; background: linear-gradient(to bottom, transparent 0%, rgb(255 255 255 / .3) 42%, rgb(255 255 255 / .78) 76%, var(--color-paper) 100%); }
+.hero-bottom, .hero-bottom .quiet-button { color: var(--color-ink); }
+.hero-bottom .quiet-button { border-color: var(--color-rule); }
+.hero-actions [aria-disabled="true"] { cursor: default; }
+
+.hero-bottom .scroll-cue { color: var(--color-ink); }