/* v1.css — 다크 히어로 + 육각형 M 코어, 이후 화이트 섹션 */

body.v1 .site-header { background: var(--color-white); }

.hero--v1 {
  background: radial-gradient(circle at 78% 20%, #14265A 0%, var(--color-navy) 55%, #060D22 100%);
  color: #fff;
  padding: 64px 0 40px;
}
.hero--v1 .hero__inner {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 40px;
  align-items: center;
}
.hero--v1 h1 { display: flex; flex-direction: column; }
.hero--v1 .hero__line--accent { color: #6E92FF; }
.hero--v1 .hero__desc { color: #B7C2DE; margin: 20px 0 28px; max-width: 460px; }
.hero--v1 .hero__visual .ph,
.hero--v1 .hero__visual img { border-radius: var(--radius-lg); }

.hero--v1 .hero__slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 36px;
  color: #7C89AE;
  font-size: 0.85rem;
  font-weight: 600;
}
.hero--v1 .hero__slide-controls { display: flex; gap: 8px; }
.hero--v1 .hero__slide-controls button {
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  display: flex; align-items: center; justify-content: center;
  color: #fff;
}
.hero--v1 .hero__slide-controls button:hover { background: rgba(255, 255, 255, 0.1); }

@media (max-width: 1024px) {
  .hero--v1 .hero__inner { grid-template-columns: 1fr; }
  .hero--v1 .hero__visual { order: -1; }
}