:root {
  --myphoto-motion-distance: 24px;
  --myphoto-motion-duration: 720ms;
  --myphoto-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.myphoto-motion-enabled [data-motion="observe"] {
  opacity: 0;
  transform: translate3d(0, var(--myphoto-motion-distance), 0);
  transition:
    opacity var(--myphoto-motion-duration) var(--myphoto-motion-ease),
    transform var(--myphoto-motion-duration) var(--myphoto-motion-ease);
  transition-delay: calc(var(--motion-index, 0) * 70ms);
  will-change: opacity, transform;
}

.myphoto-motion-enabled [data-motion="observe"].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.myphoto-motion-enabled .project.item figure img,
.myphoto-motion-enabled .card figure img,
.myphoto-motion-enabled figure.overlay img,
.myphoto-motion-enabled .img-mask img {
  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1), filter 500ms ease;
  transform-origin: center center;
}

.myphoto-motion-enabled .project.item:hover figure img,
.myphoto-motion-enabled .card:hover figure img,
.myphoto-motion-enabled figure.overlay:hover img,
.myphoto-motion-enabled .img-mask:hover img {
  transform: scale(1.035);
}

.myphoto-motion-enabled #home-story figure.rounded {
  overflow: hidden;
}

.myphoto-motion-enabled #home-story figure.rounded img {
  transform: scale(1.08);
}

.myphoto-motion-enabled #home-story figure.rounded.is-visible img {
  transform: scale(1);
}

.myphoto-motion-enabled .myphoto-slider-host .header,
.myphoto-motion-enabled .myphoto-slider-host .controls,
.myphoto-motion-enabled .myphoto-slider-host .side-label {
  transition: opacity 700ms ease, transform 700ms var(--myphoto-motion-ease);
}

.myphoto-motion-enabled .myphoto-slider-host.is-ready .header,
.myphoto-motion-enabled .myphoto-slider-host.is-ready .controls,
.myphoto-motion-enabled .myphoto-slider-host.is-ready .side-label {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.myphoto-motion-enabled .myphoto-slider-host .header,
.myphoto-motion-enabled .myphoto-slider-host .controls {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}

.myphoto-motion-enabled .myphoto-slider-host .side-label.left {
  opacity: 0;
  transform: translate3d(-12px, 0, 0);
}

.myphoto-motion-enabled .myphoto-slider-host .side-label.right {
  opacity: 0;
  transform: translate3d(12px, 0, 0);
}

.myphoto-motion-enabled .myphoto-slider-host .card img {
  transition:
    transform 850ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 520ms ease;
}

.myphoto-motion-enabled .myphoto-slider-host .card.is-current img {
  transform: scale(1.035);
  filter: brightness(0.76) saturate(1.18);
}

.myphoto-motion-enabled .myphoto-slider-host .bg-word.is-pulsing {
  animation: myphotoWordPulse 720ms cubic-bezier(0.22, 1, 0.36, 1);
}

.myphoto-motion-enabled .swiper-slide blockquote {
  transition:
    opacity 600ms ease,
    transform 600ms var(--myphoto-motion-ease),
    box-shadow 600ms ease;
}

.myphoto-motion-enabled .swiper-slide.is-current blockquote {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 22px 50px rgba(17, 24, 39, 0.08);
}

.myphoto-motion-enabled .swiper-slide:not(.is-current) blockquote {
  opacity: 0.72;
  transform: translate3d(0, 14px, 0);
}

@keyframes myphotoWordPulse {
  0% {
    opacity: 0.35;
    letter-spacing: -0.04em;
  }

  100% {
    opacity: 1;
    letter-spacing: -0.02em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .myphoto-motion-enabled [data-motion="observe"],
  .myphoto-motion-enabled .project.item figure img,
  .myphoto-motion-enabled .card figure img,
  .myphoto-motion-enabled figure.overlay img,
  .myphoto-motion-enabled .img-mask img,
  .myphoto-motion-enabled #home-story figure.rounded img,
  .myphoto-motion-enabled .myphoto-slider-host .header,
  .myphoto-motion-enabled .myphoto-slider-host .controls,
  .myphoto-motion-enabled .myphoto-slider-host .side-label,
  .myphoto-motion-enabled .myphoto-slider-host .card img,
  .myphoto-motion-enabled .swiper-slide blockquote {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

html.myphoto-motion-enabled body.woocommerce-shop [data-motion="observe"],
html.myphoto-motion-enabled body.post-type-archive-product [data-motion="observe"],
html.myphoto-motion-enabled body.tax-product_cat [data-motion="observe"],
html.myphoto-motion-enabled body.tax-product_tag [data-motion="observe"],
html.myphoto-motion-enabled body.tax-product_country [data-motion="observe"],
html.myphoto-motion-enabled body.tax-product_location [data-motion="observe"],
html.myphoto-motion-enabled body.tax-product_filters [data-motion="observe"],
html.myphoto-motion-enabled body.tax-product_orientation [data-motion="observe"] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}