/* main 페이지 전용 스타일 — 공통 클래스는 common.css, 사용법은 src/pages/README.md */

/* 1. 첫 화면 */
.main-hero { background: radial-gradient(120% 80% at 80% 0%, #221d12 0%, var(--bg) 60%); }
.main-hero .contact-buttons { margin-top: 24px; }
.main-hero-media { margin: 24px 0 0; }
.main-hero-media img { aspect-ratio: 1 / 1; object-position: center 70%; }

/* 2. 소개 · 5. 차량마다 다른 작업 */
.main-intro { max-width: 720px; font-size: 1.05rem; }
.main-intro p:last-child { color: var(--text-muted); margin-bottom: 0; }
.main-approach {
  max-width: 760px; padding: 28px 20px; border-radius: var(--radius);
  background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--gold);
}
.main-approach .section-head { margin-bottom: 16px; }
.main-approach p:last-child { margin-bottom: 0; }

/* 8. 수상 경력 */
.main-award { margin-bottom: 24px; }
.main-award-name { font-size: 1.35rem; font-weight: 800; margin-bottom: 8px; }
.main-award-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 640px; }
.main-award-photos .photo img { aspect-ratio: 3 / 4; object-position: center 40%; }
.photo-grid .photo-collage img { aspect-ratio: 3 / 5; object-fit: contain; background: var(--surface); }

/* 9. 작업 사진 */
.main-gallery-title { margin: 40px 0 16px; font-size: 1.15rem; }

/* 11. 오시는 길 */
.main-location {
  padding: 24px 20px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--line);
}

@media (min-width: 900px) {
  .main-hero-inner { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; }
  .main-hero-media { margin-top: 0; }
  .main-hero-media img { aspect-ratio: 4 / 5; max-height: 560px; }
  .main-approach { padding: 40px 44px; }
  .main-award-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .main-location { max-width: 720px; padding: 32px; }
}