/* ==========================================================================
   Pergel — index5: index3 banner'i + arka plan fotografi (yalniz bu sayfaya ozel)
   Fotograf: Unsplash, Jonathan Burger (Y_i2PNj1Ezg), Unsplash lisansi — img/hero-yaprak-golgesi.jpg
   Soguk gri ton CSS ile isitilip fildisi zeminle kaynastirilir; solda metin okunur kalsin diye maske ile kaybolur.
   ========================================================================== */
.k-hero__gorsel { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;
  -webkit-mask-image: linear-gradient(100deg, transparent 12%, rgba(0, 0, 0, .55) 42%, #000 70%);
          mask-image: linear-gradient(100deg, transparent 12%, rgba(0, 0, 0, .55) 42%, #000 70%); }
.k-hero__gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 40%;
  filter: grayscale(1) sepia(.35) contrast(.92) brightness(1.12); mix-blend-mode: multiply; opacity: .78;
  transform: scale(1.06); }
/* acilista yavasca yerine oturur (hafif ken burns) */
.k-hazir .k-hero__gorsel img { transform: scale(1); transition: transform 2.8s cubic-bezier(.2, .8, .1, 1); }
/* ustte ince bir sicak perde: yazilar ve etiketler fotografin ustunde okunur kalsin */
.k-hero__gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(245, 242, 236, .55) 0%, rgba(245, 242, 236, 0) 30%, rgba(245, 242, 236, 0) 70%, rgba(245, 242, 236, .8) 100%); }
/* koyu tema: golgeler acik desene donsun, cok silik */
[data-theme="dark"] .k-hero__gorsel img { filter: grayscale(1) invert(1) sepia(.2) brightness(.9); mix-blend-mode: soft-light; opacity: .5; }
[data-theme="dark"] .k-hero__gorsel::after { background: linear-gradient(180deg, rgba(19, 22, 20, .6) 0%, rgba(19, 22, 20, 0) 30%, rgba(19, 22, 20, 0) 70%, rgba(19, 22, 20, .85) 100%); }
/* tablet: metin genis alana yayilir, fotograf daha silik */
@media (max-width: 1000px) { .k-hero__gorsel img { opacity: .55; } }
/* dar ekran: gorsel ustte agirlikli, metin alaninda silik */
@media (max-width: 700px) {
  .k-hero__gorsel { -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .35) 45%, rgba(0, 0, 0, .15) 100%); mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .35) 45%, rgba(0, 0, 0, .15) 100%); }
  .k-hero__gorsel img { object-position: 70% 30%; }
}
@media (prefers-reduced-motion: reduce) { .k-hero__gorsel img { transform: none; } }