/* ============================================================================
   OvaSoft — hero görsel paneli
   Video panelinin çerçevesi ve üzerindeki perde.
   Geniş ekranda metin kolonu ile video paneli çakışmaz; bu yüzden perde
   yalnızca iki alanın birleştiği ince şeritte durur, videonun üzeri açıktır.
   ========================================================================= */

.ova-hero-scrim {
  background-image: linear-gradient(
    90deg,
    #F4F7FB 0%,
    rgba(244, 247, 251, 0.82) 5%,
    rgba(244, 247, 251, 0.34) 11%,
    rgba(244, 247, 251, 0.08) 17%,
    rgba(244, 247, 251, 0) 24%
  );
}

/* Dar ekran: video metnin arkasına düştüğü için okunurluk perdesi gerekir */
@media (max-width: 1023px) {
  .ova-hero-scrim {
    background-image: linear-gradient(
      180deg,
      rgba(244, 247, 251, 0.93) 0%,
      rgba(244, 247, 251, 0.87) 55%,
      rgba(244, 247, 251, 0.92) 100%
    );
  }
}

@media (min-width: 1024px) {
  /* Panel biraz daha geniş: metin kolonuyla temiz ayrım */
  .ova-hero-media { left: 42%; }

  /* Kenarlarda yumuşak vinyet — çerçeve hissi, bulanıklık değil */
  .ova-hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    box-shadow: inset -70px 0 70px -70px rgba(31, 35, 41, 0.22),
                inset 0 -80px 80px -80px rgba(31, 35, 41, 0.20),
                inset 0 80px 80px -80px rgba(31, 35, 41, 0.16);
  }
}