/* ===========================
   SCROLL ANIMATIONS
=========================== */

.fade-up,
.fade-left,
.fade-right,
.zoom-in {
    opacity: 0;
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.fade-up {
    transform: translateY(40px);
}

.fade-left {
    transform: translateX(-40px);
}

.fade-right {
    transform: translateX(40px);
}

.zoom-in {
    transform: scale(0.9);
}

.fade-up.show,
.fade-left.show,
.fade-right.show,
.zoom-in.show {
    opacity: 1;
    transform: translate(0) scale(1);
}

.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }

/* ===========================
   CINEMATIC SCROLL REVEAL
=========================== */

.cinematic-reveal{
    opacity:0;
    transform:translateY(42px) scale(.985);
    filter:blur(7px);
    transition:
        opacity .8s ease,
        transform .9s cubic-bezier(.2,.75,.25,1),
        filter .8s ease;
    will-change:opacity, transform, filter;
}

.cinematic-reveal.reveal-left{
    transform:translateX(-55px) scale(.985);
}

.cinematic-reveal.reveal-right{
    transform:translateX(55px) scale(.985);
}

.cinematic-reveal.reveal-scale{
    transform:scale(.92);
}

.cinematic-reveal.is-visible{
    opacity:1;
    transform:none;
    filter:blur(0);
}

.reveal-delay-1{ transition-delay:.08s; }
.reveal-delay-2{ transition-delay:.16s; }
.reveal-delay-3{ transition-delay:.24s; }
.reveal-delay-4{ transition-delay:.32s; }
.reveal-delay-5{ transition-delay:.40s; }
.reveal-delay-6{ transition-delay:.48s; }

/* Başlıklarda altın çizgi açılması */
.cinematic-title{
    position:relative;
}

.cinematic-title::after{
    content:"";
    display:block;
    width:72px;
    height:3px;
    margin-top:18px;
    background:linear-gradient(90deg,#e2b92f,rgba(226,185,47,.15));
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .75s ease .35s;
}

.cinematic-title.is-visible::after{
    transform:scaleX(1);
}

/* ==================================================
   PROJECT GALLERY REVEAL
================================================== */

.editorial-card,
.functional-project-card,
.functional-projects-heading{
    opacity:0;
    transition:
        opacity .85s ease,
        transform .9s cubic-bezier(.2,.75,.25,1);
}

.editorial-main{
    transform:translateX(-45px) translateY(20px);
}

.editorial-secondary{
    transform:translateX(45px) translateY(20px);
}

.functional-projects-heading{
    transform:translateY(35px);
}

.functional-project-card{
    transform:translateY(45px);
}

.editorial-card.gallery-visible,
.functional-project-card.gallery-visible,
.functional-projects-heading.gallery-visible{
    opacity:1;
    transform:none;
}

/* ==================================================
   MOBILE ANIMATION STABILITY
   No blur filters on Android/iOS; movement/opacity remain.
================================================== */

@media screen and (max-width:900px){

    .cinematic-reveal,
    .cinematic-reveal.reveal-left,
    .cinematic-reveal.reveal-right,
    .cinematic-reveal.reveal-scale{
        filter:none !important;
        -webkit-filter:none !important;
        transform:translateY(24px);
        will-change:opacity, transform;
    }

    .cinematic-reveal.is-visible{
        opacity:1;
        transform:none;
        filter:none !important;
        -webkit-filter:none !important;
    }

    .fade-up.show,
    .fade-left.show,
    .fade-right.show,
    .zoom-in.show,
    .show,
    .visible,
    .gallery-visible{
        filter:none !important;
        -webkit-filter:none !important;
    }

    body,
    main,
    section,
    .project-showcase,
    .featured-project,
    .featured-project-image,
    .featured-project-content,
    .projects-intro,
    .project-gallery-section{
        filter:none !important;
        -webkit-filter:none !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }

    .featured-project img{
        filter:none !important;
        -webkit-filter:none !important;
    }

    .editorial-main,
    .editorial-secondary,
    .functional-project-card,
    .functional-projects-heading{
        transform:translateY(24px);
    }

    .editorial-card.gallery-visible,
    .functional-project-card.gallery-visible,
    .functional-projects-heading.gallery-visible{
        transform:none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fade-up,
    .fade-left,
    .fade-right,
    .zoom-in,
    .cinematic-reveal,
    .editorial-card,
    .functional-project-card,
    .functional-projects-heading {
        opacity: 1;
        transform: none;
        filter:none;
        transition: none;
    }

    .cinematic-title::after{
        transform:scaleX(1);
        transition:none;
    }
}

/* =========================================================
   FINAL MOBILE ANIMATION OVERRIDE
   Keeps animations, removes all blur rendering on phones/tablets.
========================================================= */
@media screen and (max-width:900px){
    .cinematic-reveal,
    .cinematic-reveal.reveal-left,
    .cinematic-reveal.reveal-right,
    .cinematic-reveal.reveal-scale{
        filter:none !important;
        -webkit-filter:none !important;
        will-change:opacity, transform !important;
    }

    .cinematic-reveal.is-visible,
    .fade-up.show,
    .fade-left.show,
    .fade-right.show,
    .zoom-in.show,
    .editorial-card.gallery-visible,
    .functional-project-card.gallery-visible,
    .functional-projects-heading.gallery-visible{
        filter:none !important;
        -webkit-filter:none !important;
    }
}