/* eSCeTech – Experiment 10: stabilny jednorazovy nastup celej karty.
   Nehrozí skok pri starte: počiatočny stav je pridaný mimo obrazovky,
   až následne sa pri scrollovaní prechádza do finálneho stavu. */

@media (prefers-reduced-motion: no-preference) {
    .inner-page .esc-motion-pending {
        opacity: 0;
        transform: translate3d(0, 18px, 0);
    }

    .inner-page .esc-motion-pending.esc-motion-visible {
        opacity: 1;
        transform: none;
        transition: opacity 560ms ease-out,
                    transform 560ms cubic-bezier(.2,.75,.25,1);
    }
}

/* Osviedcene hover efekty z predchadzajucich experimentov ponechavame. */
.inner-page .service-detail--with-media,
.inner-page .realization-section {
    transition: border-color .28s ease, box-shadow .28s ease;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .inner-page .service-detail--with-media:hover,
    .inner-page .service-detail--with-media:focus-within {
        border-color: rgba(117,195,255,.32);
        box-shadow: 0 12px 32px rgba(0,0,0,.10);
    }

    .inner-page .service-detail-media {
        transition: transform .5s cubic-bezier(.2,.7,.2,1), filter .5s ease;
        transform-origin: center;
    }

    .inner-page .service-detail--with-media:hover .service-detail-media,
    .inner-page .service-detail--with-media:focus-within .service-detail-media {
        transform: scale(1.025);
        filter: saturate(1.045);
    }

    .inner-page .realization-section:hover {
        border-color: rgba(117,195,255,.24);
    }
}

@media (prefers-reduced-motion: reduce) {
    .inner-page .esc-motion-pending { opacity: 1 !important; transform: none !important; transition: none !important; }
    .inner-page .service-detail-media { transform: none !important; }
}