히어로 영상(hero-v1.mp4) 적용 — 1280x720 · 15초 · 24fps

- 영상 파일 hero-v1.mp4 (6.4MB) 추가, LFS로 추적 (.gitattributes *.mp4)
- Hero 섹션 카피 다음 / 통계 카드 위에 16:9 카드로 임베드
- autoplay muted loop playsinline, poster=logo-stacked.png
- max-width 960px, 22px radius, cyan+purple 듀얼 글로우 보더
- og:video 메타 3종(URL/type/width/height) 추가 — 공유 카드 영상 미리보기

.gitattributes

@@ -1 +1,2 @@
 *.png filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text

hero-v1.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a7ec5ab7f66db0cec2beb6f4e40895a1a51c7d79a55e5cbfd69e934ac159839f
+size 6687348

index.html

@@ -11,6 +11,10 @@
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://ginigen.net">
     <meta property="og:image" content="https://huggingface.co/spaces/ginigen/AI/resolve/main/logo-stacked.png">
+    <meta property="og:video" content="https://huggingface.co/spaces/ginigen/AI/resolve/main/hero-v1.mp4">
+    <meta property="og:video:type" content="video/mp4">
+    <meta property="og:video:width" content="1280">
+    <meta property="og:video:height" content="720">
     <link rel="icon" type="image/png" href="logo-stacked.png">
     <link rel="apple-touch-icon" href="logo-stacked.png">
     <link href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css" rel="stylesheet">
@@ -198,6 +202,35 @@
             margin: 0 auto 36px;
             line-height: 1.7;
         }
+        .hero-video {
+            position: relative;
+            max-width: 960px;
+            margin: 0 auto 44px;
+            aspect-ratio: 16 / 9;
+            border-radius: 22px;
+            overflow: hidden;
+            background: var(--bg-mid);
+            border: 1px solid var(--border);
+            box-shadow:
+                0 24px 70px rgba(0, 217, 255, 0.14),
+                0 0 0 1px rgba(167, 139, 250, 0.22),
+                inset 0 0 0 1px rgba(255, 255, 255, 0.04);
+        }
+        .hero-video video {
+            width: 100%;
+            height: 100%;
+            display: block;
+            object-fit: cover;
+        }
+        .hero-video::after {
+            content: '';
+            position: absolute;
+            inset: 0;
+            border-radius: 22px;
+            background: linear-gradient(135deg, rgba(0, 217, 255, 0.05) 0%, transparent 45%, rgba(167, 139, 250, 0.06) 100%);
+            pointer-events: none;
+            mix-blend-mode: screen;
+        }
         .hero-stats {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
@@ -691,6 +724,12 @@
                     진단(<strong>AX 종합병원</strong>) · 시뮬레이션(<strong>인공사회</strong>) · 생성(<strong>허그와트 바나나</strong>).<br>
                     한국 기업·정부·시민의 AI 전환을 떠받치는 세 개의 기둥.
                 </p>
+                <div class="hero-video" aria-label="GiniGen AI 히어로 영상">
+                    <video autoplay muted loop playsinline preload="auto" poster="logo-stacked.png">
+                        <source src="hero-v1.mp4" type="video/mp4">
+                        브라우저가 이 영상을 지원하지 않습니다.
+                    </video>
+                </div>
                 <div class="hero-stats">
                     <div class="hero-stat">
                         <div class="num">2위·5위</div>