/* SARPHAN V9.4: arka plandaki nokta desenini kaldir, teal dalgalari koru;
   OPS gorselini sakin sutun hareketi + fareyi takip eden perspektif etkisiyle canlandir. */
main .hero.hero-v9::before {
  background: url('/assets/img/v94-light-trails-clean.svg') center center / cover no-repeat !important;
}
/* V9.3 animasyonunu dis kapsayiciya tasiyoruz; boylece kartin perspektifi hover ile degisebilir. */
@media (min-width: 961px) and (prefers-reduced-motion: no-preference) {
  main .hero.hero-v9 .hero-visual.hero-visual-v5 {
    animation: sarphanOpsSlowFloatV94 14s ease-in-out infinite !important;
    transform-origin: center center;
    will-change: transform;
  }
  main .hero.hero-v9 .hero-art-frame {
    animation: none !important;
    transform: perspective(1200px) translate3d(4px,0,0) !important;
    transform-origin:center center;
    transition:transform .36s cubic-bezier(.2,.7,.2,1),filter .36s ease !important;
    will-change: transform;
    cursor: default;
  }
  main .hero.hero-v9 .hero-visual-v5:hover .hero-art-frame,
  main .hero.hero-v9 .hero-visual-v5:focus-within .hero-art-frame {
    transform:perspective(1200px)
      translate3d(var(--ops-shift-x, 0px),calc(var(--ops-shift-y, 0px) - 11px),0)
      rotateX(var(--ops-tilt-x,0deg)) rotateY(var(--ops-tilt-y,-2deg))
      scale(1.028) !important;
    filter:drop-shadow(0 39px 36px rgba(0,0,0,.60)) drop-shadow(0 0 42px rgba(30,242,213,.38)) !important;
  }
  main .hero.hero-v9 .hero-visual-v5:hover {z-index:3;}
}
@keyframes sarphanOpsSlowFloatV94 {
  0%,100% { transform:translate3d(0,0,0); }
  50% { transform:translate3d(0,-10px,0); }
}
@media (max-width: 960px) {
  main .hero.hero-v9 .hero-visual-v5,
  main .hero.hero-v9 .hero-art-frame {animation:none !important;transition:none !important;will-change:auto !important;}
}
@media (prefers-reduced-motion: reduce) {
  main .hero.hero-v9 .hero-visual-v5,
  main .hero.hero-v9 .hero-art-frame {animation:none !important;transition:none !important;will-change:auto !important;}
  main .hero.hero-v9 .hero-visual-v5:hover .hero-art-frame {transform:none !important;filter:none !important;}
}