/* Derdiman – 3D Parallax Hero. Mevcut .hero/.gorsel yapısına katman derinliği ekler.
   Üç katman (arka, orta, ön) aynı boyuttadır; hareketsizken birleşimi özgün görselle aynıdır. */
.dd-ph__kat {
  position: absolute; inset: 0;
  transform-origin: 52% 62%;
  translate: calc(var(--dd-x, 0) * var(--d, 0) * -1px) calc(var(--dd-y, 0) * var(--d, 0) * -.4px);   /* dikey hareket daha az: alt kenar açılmasın */
  scale: calc(1 + var(--p, 0) * var(--z, 0));
  will-change: translate, scale;
}
.dd-ph__kat img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.dd-ph__arka { --d: 7;  --z: .05; }
.dd-ph__orta { --d: 18; --z: .11; }
.dd-ph__on   { --d: 34; --z: .20; }

/* başlık ve açıklama: başlık kelime kelime (text-reveal), açıklama ve bağlantı yumuşakça yükselir */
.js .dd-ph h1:not(.dd-split) { visibility: hidden; animation: dd-ph-goster 0s 1.4s forwards; }   /* betik çalışmazsa yine görünür */
.js .dd-ph .alt { animation: dd-ph-yuk 1.1s cubic-bezier(.2, .7, .1, 1) .75s both; }
.js .dd-ph .oklink { animation: dd-ph-yuk 1.1s cubic-bezier(.2, .7, .1, 1) .95s both; }
@keyframes dd-ph-goster { to { visibility: visible; } }
@keyframes dd-ph-yuk { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }

@media (prefers-reduced-motion: reduce) {
  .dd-ph__kat { translate: none; scale: none; will-change: auto; }
  .js .dd-ph h1:not(.dd-split) { visibility: visible; animation: none; }
  .js .dd-ph .alt, .js .dd-ph .oklink { animation: none; }
}