Add 2026 local election project highlight

index.html

@@ -320,10 +320,51 @@
         </div>
       </section>
 
+      <section class="section election-spotlight" aria-labelledby="election2026Title">
+        <div class="shell election-spotlight__grid">
+          <div class="election-spotlight__copy reveal">
+            <p class="eyebrow">04 / Recent Election</p>
+            <h2 id="election2026Title">2026 지방선거, 지역별 화면 운영까지 확장했습니다.</h2>
+            <p>
+              연합뉴스TV의 6·3 지방선거 개표방송 공개 화면과 지역민방 선거방송 구성을 참고해,
+              <strong>Tornado3_2026Election</strong> 프로젝트로 지역별 후보, 판세, 투표율,
+              당선 화면을 송출하는 선거방송 시스템을 구축했습니다.
+            </p>
+            <div class="election-metrics" aria-label="2026 지방선거 프로젝트 요약">
+              <div><strong>89</strong><span>Regional CG Cuts</span></div>
+              <div><strong>7</strong><span>Local Stations</span></div>
+              <div><strong>4</strong><span>Output Channels</span></div>
+              <div><strong>API</strong><span>SBS Data Link</span></div>
+            </div>
+          </div>
+
+          <div class="election-spotlight__media reveal" data-delay="1" aria-label="2026 지방선거 지역민방 그래픽 화면">
+            <figure class="election-frame election-frame--main">
+              <img src="assets/media/local-election-2026-race.webp" alt="2026 지방선거 광역단체장 1위 후보 그래픽">
+            </figure>
+            <figure class="election-frame">
+              <img src="assets/media/local-election-2026-title.webp" alt="2026 지방선거 지역민방 타이틀 그래픽">
+            </figure>
+            <figure class="election-frame">
+              <img src="assets/media/local-election-2026-landscape.webp" alt="2026 지방선거 기초단체장 판세 그래픽">
+            </figure>
+          </div>
+        </div>
+        <div class="shell station-strip reveal" data-delay="2" aria-label="지역민방 적용 방송사">
+          <span>KNN</span>
+          <span>UBC</span>
+          <span>TBC</span>
+          <span>KBC</span>
+          <span>G1</span>
+          <span>TJB</span>
+          <span>JTV</span>
+        </div>
+      </section>
+
       <section class="section case-lab" id="cases" aria-labelledby="caseTitle">
         <div class="shell case-lab__head reveal">
           <div>
-            <p class="eyebrow">04 / Project Fields</p>
+            <p class="eyebrow">05 / Project Fields</p>
             <h2 id="caseTitle">현장에서 검증된 여섯 가지 솔루션</h2>
           </div>
           <p>
@@ -406,7 +447,7 @@
       <section class="section contact" id="contact" aria-labelledby="contactTitle">
         <div class="shell contact__grid">
           <div class="contact__copy reveal">
-            <p class="eyebrow">05 / Contact</p>
+            <p class="eyebrow">06 / Contact</p>
             <h2 id="contactTitle">방송 현장의 데이터를 안정적인 화면으로 연결합니다.</h2>
             <p>
               실시간 송출 시스템, 방송 그래픽, AI 영상 분석, 웹/앱 개발이 필요한 프로젝트를
@@ -429,7 +470,11 @@
       </div>
     </footer>
 
-    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
     <script src="script.js"></script>
+    <script
+      src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"
+      async
+      onload="window.lucide && window.lucide.createIcons()"
+    ></script>
   </body>
 </html>