/* ═══════════════════════════════════════════════════════════
   CONSULT HERO — 배경 영상 + 가독성 (메인 최상단)
   · phase5.css 뒤 로드(override). 영상 위 텍스트 흰색 + 오버레이 한 겹.
   · 폴백: 영상 못 읽으면(예: src="#") 골드 그라데이션 — 깨진 영상 아이콘 없음.
   · prefers-reduced-motion: 영상 숨김 → 폴백 그라데이션 정적 표시.
   · 오버레이 톤은 변수(--hero-overlay)로 — 실제 영상 보고 조정 가능.
   · 인트로(커튼/로고/세션) 로직과 무관 — 배경/텍스트만.
═══════════════════════════════════════════════════════════ */

.consult-hero {
  position: relative;
  overflow: hidden;
  min-height: clamp(540px, 86vh, 800px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* 영상/폴백 위 텍스트 대비용 오버레이 — 너무 시커멓지 않게(따뜻한 어둠) */
  --hero-overlay: linear-gradient(
    180deg,
    rgba(30, 22, 0, 0.34) 0%,
    rgba(30, 22, 0, 0.5) 100%
  );
}

/* ── 배경 레이어(영상 + 폴백 + 오버레이) ── */
.consult-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  /* 폴백: 골드 그라데이션 — 영상 실패 시에도 깔끔(깨진 아이콘 없음) */
  background: linear-gradient(135deg, #d8a900 0%, #9a7400 55%, #6f5300 100%);
}
.consult-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: transparent; /* 로드 실패 시 폴백 비치게 */
  border: 0;
  pointer-events: none;
}
.consult-hero__overlay {
  position: absolute;
  inset: 0;
  background: var(--hero-overlay);
}

/* ── 콘텐츠는 배경 위 레이어 ── */
.consult-hero .consult-hero__inner {
  position: relative;
  z-index: 2;
  width: 100%;
}

/* ── 영상 위 가독성: 텍스트 흰색 계열(중앙 정렬은 기존 유지) ── */
.consult-hero .consult-hero__headline {
  color: #ffffff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.3);
}
.consult-hero .consult-hero__headline em {
  color: var(--gold, #f0c000); /* 핵심어 골드 강조 */
}
.consult-hero .consult-hero__lead {
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.26);
}
.consult-hero .consult-hero__note {
  color: rgba(255, 255, 255, 0.82);
}
.consult-hero .consult-hero__badge {
  background: rgba(255, 255, 255, 0.94);
}

/* ── 모션 줄이기: 영상 숨김 → 폴백 그라데이션 + 오버레이 정적 ── */
@media (prefers-reduced-motion: reduce) {
  .consult-hero__video {
    display: none;
  }
}
