feat: 프로젝트 공통 지반모델·교대 지반 통합·재료표/수량 진입·옥성교 랜딩 히어로 (11-06~11-09 작업분)

공용 파일(main.ts·index.html·style.css)에서 서로 얽혀 있어 한 커밋으로 묶음.
- 지반: ① 형상 프로젝트 지반모델 관리창(생성·JSON 불러오기·교각별 비교·선택 적용),
  프로젝트 JSON 내장 groundModel 추출, 교대 8행 통합 적용·공통지형 중복격자 제외
- 재료표·수량: 상단 ⑤ 메뉴·배근 바로가기, 결과 교각/탭 기억, 수량 워크북·정합 보정
- 랜딩: 옥성교 6교각 히어로 이미지·투영 강조점·좌→우 광선·지형 라운드/도로 연결
- 검증 스크립트(verify-project-ground/ground-abutments/okseong-user-files/quantity-*/landing-hero 등)
정본: DOC/04_실행/실행_*_2026-11-09_v0.1.00.md

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>

랜딩페이지/landing-page.ts

@@ -3,6 +3,7 @@ import { loadSampleIntoApp } from './sample-loader';
 import { createSampleExplorer, sampleExplorerMarkup, type Sample } from './sample-explorer';
 import { createLandingGuide } from './landing-guide';
 import { createHeroMotion, heroMotionMarkup } from './landing-motion';
+import { heroCapture } from './assets/okseong-hero-capture';
 import './landing-white.css';
 import './landing-typography.css';
 import './sample-library-popup.css';
@@ -10,7 +11,7 @@ import { createDrawingPopup, drawingPopupMarkup } from './drawing-popup';
 
 const appRoot = document.querySelector<HTMLDivElement>('.app');
 const homeButton = document.querySelector<HTMLButtonElement>('#home-from-app');
-const promoImageUrl = new URL('./assets/pierzainer-terrain-promo.png', import.meta.url).href;
+const promoImageUrl = new URL('./assets/okseong-model-hero.webp', import.meta.url).href;
 const companyLogosUrl = new URL('./assets/family-company-logos.png', import.meta.url).href;
 
 const landingOverlay = document.createElement('div');
@@ -48,9 +49,9 @@ const landingPanelMarkup = `
       </div>
       <div class="landing-hero-visual" aria-hidden="true">
         <div class="landing-visual">
-          <div class="landing-artwork">
-            <img class="landing-promo-image" src="${promoImageUrl}" alt="" draggable="false" fetchpriority="high" />
-            ${heroMotionMarkup(promoImageUrl)}
+          <div class="landing-artwork" style="aspect-ratio:${heroCapture.width}/${heroCapture.height}">
+            <img class="landing-promo-image" src="${promoImageUrl}" width="${heroCapture.width}" height="${heroCapture.height}" alt="" draggable="false" fetchpriority="high" />
+            ${heroMotionMarkup()}
           </div>
         </div>
       </div>