/* 메인 히어로: 두 영상을 원본 비율로 표시 */
.hero-video-hero {
  background: radial-gradient(ellipse at top, #2b2420 0, #151312 48%, #100f0f 100%);
  border-bottom: 1px solid rgba(201, 162, 39, .22);
  padding: 2.5rem 1.5rem 1rem;
}
.hero-video-wrap { max-width: 1800px; margin: 0 auto; }
.hero-video-heading { text-align: center; margin-bottom: 1.8rem; }
.hero-video-heading .hero-brand { flex-wrap: wrap; justify-content: center; }
.hero-video-heading .hero-copy { margin: 0 auto; }
.hero-video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
.hero-video-item {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(201, 162, 39, .5);
  background: #080808;
}
.hero-video-item video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #000;
}
.hero-video-item figcaption {
  padding: .7rem 1rem;
  border-top: 1px solid rgba(201, 162, 39, .25);
  color: var(--gold);
  font-weight: 600;
  text-align: center;
  letter-spacing: .06em;
}
.hero-video-links { margin-top: 1.8rem; }
@media (max-width: 720px) {
  .hero-video-hero { padding: 1.5rem 1rem .5rem; }
  .hero-video-heading { margin-bottom: 1.25rem; }
  .hero-video-heading .hero-brand { white-space: normal; gap: .25rem .5rem; }
  .hero-video-heading .hero-copy { font-size: 1rem; }
  .hero-video-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .hero-video-links { margin-top: 1.5rem; }
}