/* Styles for the interactions previously driven by Webflow Interactions (IX2). */

[hidden] {
  display: none !important;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Intro / fade-in animations */
.w-mod-js [data-animate] {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.w-mod-js [data-animate].is-visible {
  opacity: 1;
  transform: none;
}

/* Mobile navigation */
.nav-menu-button {
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

.menu-icon-line-top,
.menu-icon-line-bottom {
  display: block;
  transition: transform 0.3s ease;
}

.nav-menu-button.w--open .menu-icon-line-top {
  transform: translateY(0.203125rem) rotate(45deg);
}

.nav-menu-button.w--open .menu-icon-line-bottom {
  transform: translateY(-0.203125rem) rotate(-45deg);
}

/* FAQ accordion */
.faq-answer {
  transition: height 0.3s ease;
}

.faq-icon {
  transition: transform 0.3s ease;
}

.faq-accordion.is-open .faq-icon {
  transform: rotate(45deg);
}

.faq-question:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
  border-radius: inherit;
}