/* .hero-video-wrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}

.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.3);
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
} */

/**
 * RTL build mirrors `left-*` to `right-*` for positioning, but `-translate-x-*`
 * stays physical. That breaks the usual centering pair (`left-1/2` + `-translate-x-1/2`)
 * and crops the hero video incorrectly. Force the same physical centering as LTR.
 */
[dir="rtl"] .hero-video {
  left: 50%;
  right: auto;
}

.hero-video {
  filter: hue-rotate(-245deg) saturate(60%) opacity(0.5);
}

.video-bar {
    background: linear-gradient(to right, transparent, #b58d45, #debc58, #b58d45, transparent);
}