.slw-motion-ready {
  transition: opacity calc(var(--slw-motion-duration, 1100ms) * .55) ease var(--slw-motion-delay, 0ms),
    transform var(--slw-motion-duration, 1100ms) cubic-bezier(.18, 1.45, .32, 1) var(--slw-motion-delay, 0ms);
}

.slw-motion-ready:not(.is-revealed) { opacity: 0; }
.slw-motion-ready[data-slw-preset="spring-pop"]:not(.is-revealed) { transform: scale(.92) rotate(-1deg); }
.slw-motion-ready[data-slw-preset="slide-spring"]:not(.is-revealed),
.slw-motion-ready[data-slw-preset="draw-spring"]:not(.is-revealed) { transform: translateY(32px); }

.slw-motion-ready .slw-motif path {
  transition: stroke-dashoffset var(--slw-motion-duration, 1100ms) cubic-bezier(.35, 0, .15, 1) calc(var(--slw-motion-delay, 0ms) + 180ms),
    transform 700ms cubic-bezier(.18, 1.55, .35, 1) calc(var(--slw-motion-delay, 0ms) + 480ms);
}
.slw-motion-ready .slw-motif__echo { transition-delay: calc(var(--slw-motion-delay, 0ms) + 420ms), calc(var(--slw-motion-delay, 0ms) + 520ms); }

.slw-motion-ready:not(.is-revealed) .slw-motif path { stroke-dashoffset: var(--slw-path-length, 1000); }
.slw-motion-ready.is-revealed .slw-motif path { stroke-dashoffset: 0; }

.slw-motion-ready .slw-motif:is(.slw-motif--skew-arrow, .slw-motif--wide-skew-arrow) circle {
  transition: opacity 280ms ease calc(var(--slw-motion-delay, 0ms) + 560ms), transform 520ms cubic-bezier(.18, 1.7, .3, 1) calc(var(--slw-motion-delay, 0ms) + 560ms);
}
.slw-motion-ready:not(.is-revealed) .slw-motif:is(.slw-motif--skew-arrow, .slw-motif--wide-skew-arrow) circle { opacity: 0; transform: scale(0); }
.slw-motion-ready.is-revealed .slw-motif:is(.slw-motif--skew-arrow, .slw-motif--wide-skew-arrow) circle { opacity: 1; transform: scale(1); }
.slw-motion-ready .slw-motif:is(.slw-motif--skew-arrow, .slw-motif--wide-skew-arrow) circle:nth-of-type(2) { transition-delay: calc(var(--slw-motion-delay, 0ms) + 660ms); }
.slw-motion-ready .slw-motif:is(.slw-motif--skew-arrow, .slw-motif--wide-skew-arrow) circle:nth-of-type(3) { transition-delay: calc(var(--slw-motion-delay, 0ms) + 760ms); }

.slw-motion-ready:not(.is-revealed) .slw-services__item,
.slw-motion-ready:not(.is-revealed) .slw-about__media,
.slw-motion-ready:not(.is-revealed) .slw-contact-frame__button {
  opacity: 0;
  transform: translateY(22px) scale(.96);
}

.slw-motion-ready :is(.slw-services__item, .slw-about__media, .slw-contact-frame__button) {
  transition: opacity 500ms ease, transform 800ms cubic-bezier(.18, 1.5, .3, 1);
}

.slw-motion-ready :is(.slw-services__item, .slw-about__media, .slw-contact-frame__button):nth-child(2) { transition-delay: 110ms; }
.slw-motion-ready :is(.slw-services__item, .slw-about__media, .slw-contact-frame__button):nth-child(3) { transition-delay: 220ms; }
.slw-motion-ready :is(.slw-services__item, .slw-about__media, .slw-contact-frame__button):nth-child(4) { transition-delay: 330ms; }
.slw-motion-ready :is(.slw-services__item, .slw-about__media, .slw-contact-frame__button):nth-child(5) { transition-delay: 440ms; }
.slw-motion-ready :is(.slw-services__item, .slw-about__media, .slw-contact-frame__button):nth-child(6) { transition-delay: 550ms; }

@media (prefers-reduced-motion: reduce) {
  .slw-motion-ready, .slw-motion-ready * { opacity: 1 !important; transform: none !important; }
  .slw-motion-ready .slw-motif path { stroke-dashoffset: 0 !important; }
}