/* Shared motion layer for homepage and service landing pages. */
.rpb-fx-enhanced .rpb-fx-item {
    opacity: 0.76;
    translate: 0 18px;
    transition:
        opacity 520ms ease var(--rpb-fx-delay, 0ms),
        translate 620ms cubic-bezier(0.22, 1, 0.36, 1) var(--rpb-fx-delay, 0ms);
}

.rpb-fx-enhanced .rpb-fx-item.is-visible {
    opacity: 1;
    translate: 0 var(--rpb-scroll-depth-y, 0px);
}

.rpb-discipline-card.is-previewing .rpb-discipline-card__slideshow,
.rpb-discipline-card.is-previewing .rpb-discipline-card__video {
    opacity: 1;
}

.rpb-discipline-card__slideshow .rpb-discipline-card__slide {
    animation: none !important;
    opacity: 0;
    transform: scale(1.055);
    transition: opacity 900ms cubic-bezier(0.4, 0, 0.2, 1), transform 3.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.rpb-discipline-card__slideshow .rpb-discipline-card__slide.is-active {
    opacity: 1;
    transform: scale(1.012);
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .rpb-fx-tilt .rpb-card__inner,
    .rpb-fx-tilt .rpb-discipline-card__image {
        transform: perspective(900px) rotateX(var(--rpb-fx-rx, 0deg)) rotateY(var(--rpb-fx-ry, 0deg));
        transform-style: preserve-3d;
        transition: transform 180ms ease-out, box-shadow 240ms ease;
    }

    .rpb-fx-tilt.is-pointer-active .rpb-card__inner,
    .rpb-fx-tilt.is-pointer-active .rpb-discipline-card__image {
        will-change: transform;
    }

    .rpb-fx-tilt:hover .rpb-card__inner,
    .rpb-fx-tilt:hover .rpb-discipline-card__image {
        box-shadow: 0 34px 75px rgba(15, 14, 12, 0.22);
    }

    .rpb-fx-tilt .rpb-card__inner > img,
    .rpb-fx-tilt .rpb-discipline-card__image > img {
        transform: translate3d(var(--rpb-fx-mx, 0px), var(--rpb-fx-my, 0px), 0) scale(1.035);
        transition: transform 260ms ease-out, filter 260ms ease;
    }

    .rpb-fx-tilt.is-pointer-active .rpb-card__inner > img,
    .rpb-fx-tilt.is-pointer-active .rpb-discipline-card__image > img {
        will-change: transform;
    }

    .rpb-fx-tilt:hover .rpb-card__inner > img,
    .rpb-fx-tilt:hover .rpb-discipline-card__image > img {
        filter: saturate(1.04) contrast(1.03);
    }

    .rpb-home .rpb-hero__video,
    .rpb-home .rpb-hero__poster,
    .rpb-landing .rpb-lp-hero__bg,
    .rpb-landing .rpb-lp-hero__video {
        transform: translate3d(0, var(--rpb-hero-parallax-y, 0px), 0) scale(1.025);
        will-change: transform;
    }

    .rpb-disciplines__intro,
    .rpb-featured__header,
    .rpb-home-prints__header,
    .rpb-about-teaser__foto,
    .rpb-lp-types__inner > .rpb-label,
    .rpb-lp-portfolio__inner > .rpb-label,
    .rpb-lp-over__foto {
        transform: translate3d(0, var(--rpb-scroll-depth-y, 0px), 0);
        will-change: transform;
    }


    main > article > .entry-content > figure,
    main > article > .entry-content > .wp-block-image {
        transform: translate3d(0, var(--rpb-scroll-depth-y, 0px), 0);
        will-change: transform;
    }
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
    .rpb-fx-enhanced .rpb-fx-item,
    .rpb-fx-enhanced .rpb-fx-item.is-visible {
        opacity: 1;
        transform: none;
        translate: none;
        transition: none;
    }
}
