:root {
  --nw-reveal-duration: 900ms;
  --nw-reveal-stagger: 90ms;
}

[data-nw-reveal='pending'] {
  opacity: 0;
  will-change: opacity, transform;
}

[data-nw-reveal='in'] {
  animation: nw-rise 850ms cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation-delay: calc(var(--nw-i, 0) * var(--nw-reveal-stagger));
}

@keyframes nw-rise {
  0% { opacity: 0; transform: translate3d(0, 18px, 0); }
  55% { opacity: 1; }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

[data-nw-reveal-from='fade'][data-nw-reveal='in'] {
  animation-name: nw-fade;
  animation-duration: 800ms;
}

@keyframes nw-fade {
  0% { opacity: 0; }
  to { opacity: 1; }
}

[data-nw-pace='calm'][data-nw-reveal='in'] {
  animation-duration: 1400ms;
}

[data-nw-pace='brisk'][data-nw-reveal='in'] {
  animation-duration: 650ms;
}

[data-nw-reveal='done'] {
  opacity: 1;
  transform: none;
  will-change: auto;
}

.nw-hero__word[data-nw-reveal='pending'],
.nw-hero__word[data-nw-reveal='in'] {
  overflow-x: visible;
  overflow-y: clip;
  opacity: 1;
  animation: none;
}

.nw-hero__word[data-nw-reveal='pending']:where(:not([data-nw-reveal-from='fade'])) .nw-hero__wordinner {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 112%, 0);
}

.nw-hero__word[data-nw-reveal='in']:where(:not([data-nw-reveal-from='fade'])) .nw-hero__wordinner {
  display: inline-block;
  animation: nw-word-rise 1100ms cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation-delay: calc(var(--nw-i, 0) * 110ms);
}

@keyframes nw-word-rise {
  0% { opacity: 0; transform: translate3d(0, 112%, 0) rotate(0.5deg); }
  45% { opacity: 1; }
  to { opacity: 1; transform: translate3d(0, 0, 0) rotate(0); }
}

@supports (animation-timeline: view()) {
  .nw-hero__img {
    animation: nw-parallax linear both;
    animation-timeline: view();
    animation-range: entry 0% exit 100%;
  }

  @keyframes nw-parallax {
    from { transform: translate3d(0, -4%, 0) scale(1.12); }
    to { transform: translate3d(0, 4%, 0) scale(1.12); }
  }
}

.nw-about__media[data-nw-reveal='pending']:where(:not([data-nw-reveal-from='fade'])),
.nw-about__media[data-nw-reveal='in']:where(:not([data-nw-reveal-from='fade'])) {
  opacity: 1;
  animation: none;
}

.nw-about__media[data-nw-reveal='pending']:where(:not([data-nw-reveal-from='fade'])) .nw-about__media-inner {
  clip-path: inset(100% 0 0 0);
}

.nw-about__media[data-nw-reveal='in']:where(:not([data-nw-reveal-from='fade'])) .nw-about__media-inner {
  clip-path: inset(0 0 0 0);
  transition: clip-path 950ms var(--nw-ease-out-expo);
}

.nw-about__media[data-nw-reveal='done'] .nw-about__media-inner {
  clip-path: none;
}

.nw-about__media[data-nw-reveal='pending']:where(:not([data-nw-reveal-from='fade'])) .nw-about__img {
  transform: scale3d(1.09, 1.09, 1);
}

.nw-about__media[data-nw-reveal='in']:where(:not([data-nw-reveal-from='fade'])) .nw-about__img {
  transform: scale3d(1, 1, 1);
  transition: transform 1300ms var(--nw-ease-out-expo);
}

@media print, (prefers-reduced-motion: reduce) {
  [data-nw-reveal='pending'],
  [data-nw-reveal='in'],
  [data-nw-reveal='done'],
  .nw-hero__word[data-nw-reveal] .nw-hero__wordinner {
    opacity: 1;
    transform: none;
    transition: none;
    animation: none;
    will-change: auto;
  }

  .nw-about__media[data-nw-reveal] .nw-about__media-inner,
  .nw-about__media[data-nw-reveal] .nw-about__img {
    clip-path: none;
    transform: none;
    transition: none;
  }

  .nw-hero__img,
  .nw-hero__scroll {
    animation: none;
  }
}