html, body { overflow-x: clip; max-width: 100%; }

.reveal.motion-side-left,
.reveal.motion-side-right {
  filter: none;
  transition:
    opacity .55s cubic-bezier(.16,1,.3,1),
    transform .9s cubic-bezier(.16,1,.3,1),
    filter .42s ease;
}

.reveal.motion-side-left:not(.visible),
.reveal.motion-side-right:not(.visible) { will-change: opacity, transform; }

.reveal.motion-side-left {
  transform: translate3d(-58px,8px,0) scale(.985);
}

.reveal.motion-side-right {
  transform: translate3d(58px,8px,0) scale(.985);
}

html.js .hero-copy > .eyebrow,
html.js .hero-copy > h1,
html.js .hero-copy > p,
html.js .hero-copy > .actions,
html.js .agenda-window {
  animation: nb-hero-enter .82s cubic-bezier(.16,1,.3,1) both;
}
html.js .hero-copy > h1 { animation-delay: 70ms; }
html.js .hero-copy > p { animation-delay: 135ms; }
html.js .hero-copy > .actions { animation-delay: 200ms; }
html.js .agenda-window { animation-delay: 125ms; }
@keyframes nb-hero-enter {
  from { opacity: 0; transform: translate3d(0,24px,0) scale(.99); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 800px) {
  .reveal.motion-side-left { transform: translate3d(-24px,8px,0) scale(.99); }
  .reveal.motion-side-right { transform: translate3d(24px,8px,0) scale(.99); }
}

.reveal.visible {
  filter: blur(0);
  transform: none;
}

@media (min-width: 999999px) {
  .reveal,
  .reveal.motion-side-left,
  .reveal.motion-side-right {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
  }
}