/* =====================================================================
   SCENE 3D — FIX
   Hem eski work sahneleri hem yeni work-v4 sahneleri için
   ===================================================================== */

/* Genel section reveal */
[data-scene],
.work-v4__scene,
.work-card,
.service-row,
.step,
.testimonial,
.faq__item,
.about-v4__stats,
.testimonials-v4__item,
.services-v4__row,
.process-v4__step,
.faq-v4__item {
    transition: opacity 900ms cubic-bezier(.2, .7, .2, 1),
                transform 900ms cubic-bezier(.2, .7, .2, 1),
                filter 800ms cubic-bezier(.2, .7, .2, 1);
}

/* Başlangıç görünmez */
.work-v4__scene:not(.is-in),
.services-v4__row:not(.is-in),
.process-v4__step:not(.is-in),
.testimonials-v4__item:not(.is-in),
.faq-v4__item:not(.is-in),
.about-v4__stats:not(.is-in) {
    opacity: 0;
    transform: translateY(50px);
}

/* Work-v4 özel: 3D derinlik */
.work-v4__scene:not(.is-in) {
    transform: translateZ(-150px) translateY(80px) rotateX(8deg);
    filter: blur(6px);
}
.work-v4__scene.is-in {
    transform: translateZ(0) translateY(0) rotateX(0);
    filter: blur(0);
    opacity: 1;
}

/* Work-v4 sahne kartı — görsel 3D tilt için hazır */
.work-v4__scene-visual {
    transform-style: preserve-3d;
    transition: transform 800ms cubic-bezier(.2, .7, .2, 1);
    will-change: transform;
}

/* Stage 3D perspektif */
.work-v4__stage {
    perspective: 1600px;
    perspective-origin: 50% 40%;
}

/* ---------- Eski bloklar için de çalışsın (work-card vs.) ---------- */

/* Eski work-card sahneleri scroll'da belirsin */
.work-card,
.work-grid__item {
    opacity: 0;
    transform: translateY(40px);
}
.work-card.is-in,
.work-grid__item.is-in {
    opacity: 1;
    transform: none;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    [data-scene], .work-v4__scene, .work-card,
    .services-v4__row, .process-v4__step,
    .testimonials-v4__item, .faq-v4__item, .about-v4__stats {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }
}

/* =====================================================================
   FALLBACK — JS çalışmazsa bile 800ms sonra göster
   Çok önemli: scene-3d.js bug yapsa bile içerik gözükür
   ===================================================================== */

@keyframes forceReveal {
    to {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}

body.js-loaded .work-v4__scene,
body.js-loaded .services-v4__row,
body.js-loaded .process-v4__step,
body.js-loaded .testimonials-v4__item,
body.js-loaded .faq-v4__item,
body.js-loaded .about-v4__stats {
    /* JS yüklenince normal observer çalışır */
}

/* Ama hiçbir şey yapmazsa 3 saniye sonra zorla göster */
.work-v4__scene,
.services-v4__row,
.process-v4__step,
.testimonials-v4__item,
.faq-v4__item,
.about-v4__stats {
    animation: forceRevealFallback 0.01s ease 3s forwards;
}
.work-v4__scene.is-in,
.services-v4__row.is-in,
.process-v4__step.is-in,
.testimonials-v4__item.is-in,
.faq-v4__item.is-in,
.about-v4__stats.is-in {
    animation: none;
}
@keyframes forceRevealFallback {
    to {
        opacity: 1;
        transform: none;
        filter: none;
    }
}