diff --git a/apps/website/components/HeroSection.vue b/apps/website/components/HeroSection.vue
index d347486..dae91b0 100644
--- a/apps/website/components/HeroSection.vue
+++ b/apps/website/components/HeroSection.vue
@@ -30,7 +30,7 @@
       <div class="hero-overlay gradient-depth" />
     </div>
 
-    <div class="hero-content">
+    <div class="hero-content" :class="{ 'is-ready': videoLoaded }">
       <div class="hero-logo animate-fade-in">
         <img src="/HARBOR-SMITH-white.png" alt="Harbor Smith">
       </div>