/* Site-specific styles layered on top of the compiled Tailwind bundle.
   Everything hand-editable lives here — tailwind.css is generated output. */

html {
  scroll-behavior: smooth;
}

/* ── Scroll reveal ──────────────────────────────────────────────
   Elements fade + rise as they enter the viewport. Stagger a group
   by setting --reveal-delay on individual items. */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 700ms cubic-bezier(0.23, 1, 0.32, 1) var(--reveal-delay, 0ms),
    transform 700ms cubic-bezier(0.23, 1, 0.32, 1) var(--reveal-delay, 0ms);
}

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

/* If JS never runs, show everything rather than a blank page. */
.no-js .reveal {
  opacity: 1;
  transform: none;
}

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

  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* ── Kit embed ──────────────────────────────────────────────────
   The Kit form ships its own styles; these keep it inside the dark
   card without letting it introduce its own background or width. */
.kit-form-wrapper .formkit-form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}

.kit-form-wrapper .formkit-form [data-style="clean"] {
  padding: 0 !important;
}