/* ==================== SCROLL İLE BÖLÜM ANİMASYONU ====================
   Ana sayfada aşağı kaydırıldıkça her bölüm görünür alana girdiğinde
   aşağıdan yukarı doğru kayarak belirir.

   Gizleme kuralları yalnızca html.gemka-reveal-hazir sınıfı varken uygulanır.
   Bu sınıfı yalnızca JS ekler; böylece JavaScript kapalıysa veya bir hata
   olursa içerik normal şekilde görünür kalır (içerik asla gizli kalmaz). */

html.gemka-reveal-hazir .gemka-main-content .gemka-expertise,
html.gemka-reveal-hazir .gemka-main-content .gemka-solutions,
html.gemka-reveal-hazir .gemka-main-content .gemka-info,
html.gemka-reveal-hazir .gemka-main-content .gemka-projeler,
html.gemka-reveal-hazir .gemka-main-content .gemka-about,
html.gemka-reveal-hazir .gemka-main-content .gemka-mvd,
html.gemka-reveal-hazir .gemka-main-content .gemka-services,
html.gemka-reveal-hazir .gemka-main-content .gemka-products,
html.gemka-reveal-hazir .gemka-main-content .gemka-contact {
    opacity: 0;
    transform: translate3d(0, 170px, 0);
    transition: opacity 1.4s cubic-bezier(0.22, 0.61, 0.36, 1),
                transform 1.6s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: opacity, transform;
}

/* Küçük ekranlarda 110px fazla uzun kalacağı için mesafe azaltılır. */
@media (max-width: 768px) {
    html.gemka-reveal-hazir .gemka-main-content .gemka-expertise,
    html.gemka-reveal-hazir .gemka-main-content .gemka-solutions,
    html.gemka-reveal-hazir .gemka-main-content .gemka-info,
    html.gemka-reveal-hazir .gemka-main-content .gemka-projeler,
    html.gemka-reveal-hazir .gemka-main-content .gemka-about,
    html.gemka-reveal-hazir .gemka-main-content .gemka-mvd,
    html.gemka-reveal-hazir .gemka-main-content .gemka-services,
    html.gemka-reveal-hazir .gemka-main-content .gemka-products,
    html.gemka-reveal-hazir .gemka-main-content .gemka-contact {
        transform: translate3d(0, 104px, 0);
    }
}

/* Görünür alana giren bölüm yerine oturur. */
html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    will-change: auto;
}

/* Bölüm belirdikten hemen sonra kart listesi kısa bir gecikmeyle gelir;
   böylece hareket iki katmanlı olur ve daha belirgin hissedilir. */
html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-expertise__grid,
html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-solutions__grid,
html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-products__grid,
html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-services__grid,
html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-projeler__grid,
html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-info__grid {
    animation: gemkaKartGelisi 1.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0.25s backwards;
}

@keyframes gemkaKartGelisi {
    from {
        opacity: 0;
        transform: translate3d(0, 64px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Hareket azaltma tercihi olan kullanıcılarda animasyon kapatılır. */
@media (prefers-reduced-motion: reduce) {
    html.gemka-reveal-hazir .gemka-main-content .gemka-expertise,
    html.gemka-reveal-hazir .gemka-main-content .gemka-solutions,
    html.gemka-reveal-hazir .gemka-main-content .gemka-info,
    html.gemka-reveal-hazir .gemka-main-content .gemka-projeler,
    html.gemka-reveal-hazir .gemka-main-content .gemka-about,
    html.gemka-reveal-hazir .gemka-main-content .gemka-mvd,
    html.gemka-reveal-hazir .gemka-main-content .gemka-services,
    html.gemka-reveal-hazir .gemka-main-content .gemka-products,
    html.gemka-reveal-hazir .gemka-main-content .gemka-contact {
        opacity: 1;
        transform: none;
        transition: none;
    }

    html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-expertise__grid,
    html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-solutions__grid,
    html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-products__grid,
    html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-services__grid,
    html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-projeler__grid,
    html.gemka-reveal-hazir .gemka-main-content .gemka-reveal--gorunur .gemka-info__grid {
        animation: none;
    }
}