/* Zamiennik AOS: te same efekty wejscia, 1 KB zamiast 40 KB blokujacych render. */
[data-reveal] {
    opacity: 0;
    transition: opacity .6s ease, transform .6s ease;
    will-change: opacity, transform;
}
[data-reveal="fade-up"]        { transform: translate3d(0, 24px, 0); }
[data-reveal="fade-up-right"]  { transform: translate3d(-24px, 24px, 0); }
[data-reveal="fade-up-left"]   { transform: translate3d(24px, 24px, 0); }
[data-reveal].is-revealed {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
/* Gdy JS nie wystartuje, tresc i tak musi byc widoczna. */
.no-js [data-reveal] { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    [data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* Zaslona pod osadzone ramki - ladujemy je dopiero po kliknieciu. */
.mf-embed-facade {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: rgba(0, 0, 0, .04);
    border-radius: 12px;
}
.mf-embed-facade iframe { width: 100%; height: 100%; border: 0; border-radius: 12px; }
.mf-embed-load {
    cursor: pointer;
    border: 0;
    border-radius: 8px;
    padding: 12px 22px;
    font: inherit;
    background: #222;
    color: #fff;
}