@media (min-width: 761px) and (prefers-reduced-motion: no-preference) {
  .practice.advisory-motion-ready .section-heading,
  .practice.advisory-motion-ready .capability-tabs,
  .practice.advisory-motion-ready .capability-panels {
    transition:
      opacity 900ms cubic-bezier(0.16, 1, 0.3, 1),
      transform 1100ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .practice.advisory-motion-ready:not(.is-advisory-visible) .section-heading {
    opacity: 0;
    transform: translate3d(0, 34px, 0);
  }

  .practice.advisory-motion-ready:not(.is-advisory-visible) .capability-tabs {
    opacity: 0;
    transform: translate3d(-24px, 0, 0);
  }

  .practice.advisory-motion-ready:not(.is-advisory-visible)
    .capability-panels {
    opacity: 0;
    transform: translate3d(0, 42px, 0);
  }

  .practice.advisory-motion-ready .capability-tabs {
    transition-delay: 130ms;
  }

  .practice.advisory-motion-ready .capability-panels {
    transition-delay: 230ms;
  }

  .practice.advisory-motion-ready .artifact-field {
    transition:
      opacity 720ms cubic-bezier(0.16, 1, 0.3, 1),
      transform 840ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .practice.advisory-motion-ready:not(.is-advisory-visible)
    .capability-panel:not([hidden])
    .artifact-field {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }

  .practice.advisory-motion-ready
    .capability-panel:not([hidden])
    .artifact-field:nth-child(1) {
    transition-delay: 360ms;
  }

  .practice.advisory-motion-ready
    .capability-panel:not([hidden])
    .artifact-field:nth-child(2) {
    transition-delay: 440ms;
  }

  .practice.advisory-motion-ready
    .capability-panel:not([hidden])
    .artifact-field:nth-child(3) {
    transition-delay: 520ms;
  }

  .practice.advisory-motion-ready
    .capability-panel:not([hidden])
    .artifact-field:nth-child(4) {
    transition-delay: 600ms;
  }

  .capability-tabs button::before {
    transform-origin: 50% 0;
    transition:
      opacity 260ms ease,
      transform 680ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  #contact.advisory-motion-ready .oi-inquiry__form {
    transition:
      opacity 900ms cubic-bezier(0.16, 1, 0.3, 1),
      transform 1100ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  #contact.advisory-motion-ready .oi-inquiry__register,
  #contact.advisory-motion-ready .oi-inquiry__track,
  #contact.advisory-motion-ready .oi-inquiry__stage,
  #contact.advisory-motion-ready .oi-inquiry__footer {
    transition:
      opacity 760ms cubic-bezier(0.16, 1, 0.3, 1),
      transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  #contact.advisory-motion-ready:not(.is-advisory-visible)
    .oi-inquiry__form {
    opacity: 0;
    transform: translate3d(0, 44px, 0) scale(0.992);
  }

  #contact.advisory-motion-ready:not(.is-advisory-visible)
    :is(
      .oi-inquiry__register,
      .oi-inquiry__track,
      .oi-inquiry__stage,
      .oi-inquiry__footer
    ) {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }

  #contact.advisory-motion-ready .oi-inquiry__track {
    transition-delay: 80ms;
  }

  #contact.advisory-motion-ready .oi-inquiry__stage {
    transition-delay: 150ms;
  }

  #contact.advisory-motion-ready .oi-inquiry__footer {
    transition-delay: 230ms;
  }

  #contact .oi-inquiry__panel {
    animation: advisory-panel-forward 720ms cubic-bezier(0.16, 1, 0.3, 1)
      both;
  }

  #contact .oi-inquiry__panel[data-direction="-1"] {
    animation-name: advisory-panel-back;
  }
}

@keyframes advisory-panel-forward {
  from {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes advisory-panel-back {
  from {
    opacity: 0;
    transform: translate3d(0, -18px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 760px), (prefers-reduced-motion: reduce) {
  .practice.advisory-motion-ready .section-heading,
  .practice.advisory-motion-ready .capability-tabs,
  .practice.advisory-motion-ready .capability-panels,
  #contact.advisory-motion-ready .oi-inquiry__form {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
