/* PHP-site extras that sit on top of the extracted Next.js CSS. */

:root {
  --font-geist-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-geist-mono: "Geist Mono", ui-monospace, monospace;
  --font-sans: var(--font-geist-sans);
}

html,
body {
  font-family: Geist, var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
}

img {
  max-width: 100%;
}

#site-header [data-dropdown-panel] {
  animation: nuforiq-dropdown 0.18s ease;
}

@keyframes nuforiq-dropdown {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #site-header [data-dropdown-panel] {
    animation: none;
  }
}

.reasoning-wheel__stage {
  perspective: 1400px;
}

.reasoning-wheel__item {
  transform-origin: center center;
  transform-style: preserve-3d;
  transition:
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity, filter;
}

.reasoning-wheel__title,
.reasoning-wheel__answer,
.reasoning-wheel__bar {
  transition: opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.reasoning-wheel__answer {
  transform-origin: top left;
}

.reasoning-wheel__answer.is-entering {
  opacity: 0;
  transform: translateY(10px);
}

.nuforiq-reveal {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.nuforiq-reveal.is-in {
  opacity: 1;
  transform: none;
}

html.nuforiq-motion:not(.nuforiq-motion-on) main .marketing-display,
html.nuforiq-motion:not(.nuforiq-motion-on) main .marketing-headline,
html.nuforiq-motion:not(.nuforiq-motion-on) main .marketing-lead,
html.nuforiq-motion:not(.nuforiq-motion-on) main .marketing-lead-emphasis,
html.nuforiq-motion:not(.nuforiq-motion-on) main .marketing-eyebrow,
html.nuforiq-motion:not(.nuforiq-motion-on) main article,
html.nuforiq-motion:not(.nuforiq-motion-on) footer [data-page-reveal] {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
}

@media (prefers-reduced-motion: reduce) {
  .nuforiq-reveal,
  html.nuforiq-motion:not(.nuforiq-motion-on) main .marketing-display,
  html.nuforiq-motion:not(.nuforiq-motion-on) main .marketing-headline,
  html.nuforiq-motion:not(.nuforiq-motion-on) main .marketing-lead,
  html.nuforiq-motion:not(.nuforiq-motion-on) main .marketing-lead-emphasis,
  html.nuforiq-motion:not(.nuforiq-motion-on) main .marketing-eyebrow,
  html.nuforiq-motion:not(.nuforiq-motion-on) main article,
  html.nuforiq-motion:not(.nuforiq-motion-on) footer [data-page-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reasoning-wheel__stage {
    height: auto !important;
    overflow: visible;
    perspective: none;
  }

  .reasoning-wheel__item {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
    margin-bottom: 2rem;
  }

  .reasoning-wheel__answer,
  .reasoning-wheel__bar {
    display: block !important;
  }

  [data-reasoning-dots] {
    display: none !important;
  }
}