html.mb-reveal-ready .mb-reveal,
html.mb-reveal-ready .mb-reveal-child {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition:
    opacity 820ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 820ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 820ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: calc(var(--mb-reveal-index, 0) * 86ms);
  will-change: opacity, transform;
}

html.mb-reveal-ready .mb-reveal {
  filter: saturate(0.92);
}

html.mb-reveal-ready .mb-reveal.mb-from-left {
  transform: translate3d(-34px, 0, 0);
}

html.mb-reveal-ready .mb-reveal.mb-from-right {
  transform: translate3d(34px, 0, 0);
}

html.mb-reveal-ready .mb-reveal.mb-from-down {
  transform: translate3d(0, -24px, 0);
}

html.mb-reveal-ready .mb-reveal.is-visible,
html.mb-reveal-ready .is-visible > .mb-reveal-child,
html.mb-reveal-ready .mb-reveal-child.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: saturate(1);
}

html.mb-reveal-ready .mb-reveal-line {
  position: relative;
}

html.mb-reveal-ready .mb-reveal-line::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 1px;
  background: rgba(185, 163, 139, 0.72);
  transition: width 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

html.mb-reveal-ready .mb-reveal-line.is-visible::after {
  width: min(220px, 26vw);
}

html.mb-reveal-ready .mb-reveal-image {
  overflow: hidden;
}

html.mb-reveal-ready .mb-reveal-image img,
html.mb-reveal-ready .mb-reveal-image picture,
html.mb-reveal-ready .mb-reveal-image .program-image,
html.mb-reveal-ready .mb-reveal-image .comm-map-page-object {
  transition:
    transform 1100ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 1100ms cubic-bezier(0.22, 1, 0.36, 1);
}

html.mb-reveal-ready .mb-reveal-image:not(.is-visible) img,
html.mb-reveal-ready .mb-reveal-image:not(.is-visible) picture,
html.mb-reveal-ready .mb-reveal-image:not(.is-visible) .program-image,
html.mb-reveal-ready .mb-reveal-image:not(.is-visible) .comm-map-page-object {
  transform: scale(1.035);
  filter: saturate(0.86);
}

@media (hover: hover) {
  .btn,
  .btn-spark,
  .btn--white-outline,
  .property-card,
  .guide-card,
  .program-card,
  .hag-card,
  .hag-sold-stat {
    transition:
      transform 240ms cubic-bezier(0.22, 1, 0.36, 1),
      background-color 240ms cubic-bezier(0.22, 1, 0.36, 1),
      border-color 240ms cubic-bezier(0.22, 1, 0.36, 1),
      color 240ms cubic-bezier(0.22, 1, 0.36, 1),
      box-shadow 240ms cubic-bezier(0.22, 1, 0.36, 1);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.mb-reveal-ready .mb-reveal,
  html.mb-reveal-ready .mb-reveal-child,
  html.mb-reveal-ready .mb-reveal-image img,
  html.mb-reveal-ready .mb-reveal-image picture,
  html.mb-reveal-ready .mb-reveal-image .program-image,
  html.mb-reveal-ready .mb-reveal-image .comm-map-page-object,
  html.mb-reveal-ready .mb-reveal-line::after {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    animation: none !important;
  }

  html.mb-reveal-ready .mb-reveal-line::after {
    width: 0 !important;
  }
}