.hero .hero-media{position:absolute;inset:0;overflow:hidden;background:#080808}
.hero-local-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;border:0;background:#080808;pointer-events:none}
.hero-local-video::-webkit-media-controls,.hero-local-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}

/* Gecici ust gradient: menu okunur kalsin diye. Kaldirmak icin bu blogu silmek yeterli. */
.hero .hero-media::after{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.28) 45%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:1}

/* Gecici gren ve cizgi katmani: cozunurlugu yumusatmak icin. Kaldirmak icin bu blogu silmek yeterli. */
.hero .hero-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background-image:
repeating-linear-gradient(to bottom,rgba(0,0,0,.09) 0,rgba(0,0,0,.09) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 3px),
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
background-size:auto,160px 160px;opacity:.5;mix-blend-mode:overlay}
@media (max-width:700px){.hero .hero-media::before{opacity:.3}}