.hero__content,
.hero__inner,
.hero__title,
.hero__cta,
.hero__meta,
.hero__place,
.hero__monogram,
.hero__photos {
  opacity: 0;
  transform: translate3d(0, 0.85rem, 0);
  transition: opacity 1.05s cubic-bezier(0.22, 1, 0.36, 1), transform 1.05s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}
.hero__content.is-in,
.hero__inner.is-in,
.hero__title.is-in,
.hero__cta.is-in,
.hero__meta.is-in,
.hero__place.is-in,
.hero__monogram.is-in,
.hero__photos.is-in,
[data-reveal].is-in {
  opacity: 1;
  transform: none;
}
[data-reveal] {
  opacity: 0;
  transform: translate3d(0, 1.15rem, 0);
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}
[data-reveal=left] {
  transform: translate3d(-1.1rem, 0, 0);
}
[data-reveal=right] {
  transform: translate3d(1.1rem, 0, 0);
}
[data-reveal=scale] {
  transform: translate3d(0, 0.6rem, 0) scale(0.97);
}
[data-reveal=hero] {
  transform: translate3d(0, 0.85rem, 0);
  transition-duration: 1.05s;
}
[data-float],
[data-float=soft] {
  animation: portfolio-float 7.5s ease-in-out infinite;
  transform-origin: center;
}
[data-float=slow] {
  animation-duration: 10s;
  animation-delay: -2s;
}
[data-reveal] [data-float],
[data-reveal] [data-float=soft],
[data-reveal] [data-float=slow] {
  animation-play-state: paused;
}
[data-reveal].is-in [data-float],
[data-reveal].is-in [data-float=soft],
[data-reveal].is-in [data-float=slow] {
  animation-play-state: running;
}
@keyframes portfolio-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -0.55rem, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero__content,
  .hero__inner,
  .hero__title,
  .hero__cta,
  .hero__meta,
  .hero__place,
  .hero__monogram,
  .hero__photos,
  [data-reveal],
  [data-reveal].is-in {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  [data-float],
  [data-float=soft],
  [data-float=slow] {
    animation: none !important;
  }
}
html.no-motion .hero__content,
html.no-motion .hero__inner,
html.no-motion .hero__title,
html.no-motion .hero__cta,
html.no-motion .hero__meta,
html.no-motion .hero__place,
html.no-motion .hero__monogram,
html.no-motion .hero__photos,
html.no-motion [data-reveal],
html.no-motion [data-reveal].is-in {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
html.no-motion [data-float],
html.no-motion [data-float=soft],
html.no-motion [data-float=slow] {
  animation: none !important;
}