@import url("brand-hangul-suffix.css");

/**
 * 헤더 로고 영상: 원형(부모 .brandMark) 안에서만 보이도록 하고,
 * WebKit 계열 브라우저가 비디오 위에 띄우는 기본 재생/컨트롤 겹침을 숨깁니다.
 * 재생 전 첫 프레임/플레이스홀더 깜빡임 방지: .brandLogo--pending 시 투명 → 재생 시 표시
 */
.brandMark .brandLogo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  pointer-events: none;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.brandMark .brandLogo.brandLogo--ready {
  opacity: 1;
}

video.brandLogo::-webkit-media-controls,
video.brandLogo::-webkit-media-controls-enclosure,
video.brandLogo::-webkit-media-controls-panel,
video.brandLogo::-webkit-media-controls-overlay-enclosure,
video.brandLogo::-webkit-media-controls-start-playback-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}