/* ==========================================================
   Video Hero (index3) - style.css'teki .hero düzenini korur
   ========================================================== */
.hero--video {
  background-color: #0a1e32; /* video yüklenene kadar poster görünür */
}
/* Video olduğu gibi görünür: style.css'teki .hero karartma katmanı kaldırılır; okunabilirlik yazı gölgeleriyle sağlanır. */
.hero--video::before {
  content: none;
}
.hero--video .hero-title {
  text-shadow: 0 2px 6px rgba(0, 0, 0, .45), 0 6px 24px rgba(0, 0, 0, .35);
}
.hero--video .hero-sub {
  text-shadow: 0 1px 3px rgba(0, 0, 0, .6), 0 2px 12px rgba(0, 0, 0, .45);
}
.hero-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 60%;
}