/* Ana sayfa girişi: arka planda dönen video (6 Kasım 2026).
   style.css'teki .giris-foto kuralları yerine geçer; video giriş alanının tamamını kaplar,
   üstündeki perde yazıyı okunur tutar. Geniş ekranda fotoğrafın sağ yarıda durduğu
   eski düzen (style.css 1200 px kuralı) burada geçersiz kılınır. */

.giris-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  background: var(--lacivert) url("../assets/video/hero-poster.webp?v=2") center / cover no-repeat;
  pointer-events: none;
}

/* Perde: solda koyu, sağa doğru açılır; alt kenar sayı şeridine doğru kararır.
   Montajda açık sahneler (gündüz tesis, beyaz robot) olduğundan perde fotoğraflı hâlden biraz daha koyu. */
.giris-perde {
  background:
    linear-gradient(0deg, rgba(12, 21, 33, 0.82) 0%, rgba(12, 21, 33, 0.35) 28%, rgba(12, 21, 33, 0) 55%),
    linear-gradient(90deg, rgba(12, 21, 33, 0.90) 0%, rgba(12, 21, 33, 0.74) 42%, rgba(12, 21, 33, 0.40) 100%);
}

@media (min-width: 1200px) {
  .giris-video { inset: 0; width: 100%; object-position: 50% 50%; }
  .giris-perde {
    background:
      linear-gradient(0deg, rgba(12, 21, 33, 0.84) 0%, rgba(12, 21, 33, 0.36) 26%, rgba(12, 21, 33, 0) 52%),
      linear-gradient(90deg, rgba(12, 21, 33, 0.92) 0%, rgba(12, 21, 33, 0.80) 38%, rgba(12, 21, 33, 0.48) 70%, rgba(12, 21, 33, 0.30) 100%);
  }
}

@media (max-width: 640px) {
  .giris-video { object-position: 50% 50%; }
  .giris-perde {
    background: linear-gradient(180deg, rgba(12, 21, 33, 0.90) 0%, rgba(12, 21, 33, 0.74) 60%, rgba(12, 21, 33, 0.50) 100%);
  }
}

@media print {
  .giris-video { display: none !important; }
}