@keyframes rise-in {
  from { transform: translateY(18px); }
  to { transform: translateY(0); }
}

@keyframes fade-in {
  from { transform: translateX(-10px); }
  to { transform: translateX(0); }
}

@keyframes nudge {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

.opening-title,
.opening-body {
  animation: fade-in 0.7s ease-out both;
}

.opening-photo {
  animation: rise-in 0.8s ease-out both;
}

.js-on [data-reveal].is-visible {
  animation: rise-in 0.65s ease-out both;
}

.float-order-icon {
  animation: nudge 2.6s ease-in-out infinite;
}

.faq-item.open .faq-a {
  max-height: 400px;
  padding-bottom: 1rem;
}

.faq-item.open .faq-q::after {
  transform: rotate(225deg);
}

.order-panel:target,
.order-panel.is-open {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}

.float-order.is-hidden {
  opacity: 0;
  transform: translateY(150%);
  pointer-events: none;
}

.panel-open {
  overflow: hidden;
}

.form-input.is-invalid {
  border-color: var(--color-berry);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}