/* Homepage Kit form — Charred Sage archive treatment. */
.band-join .kit-signal-embed .formkit-form,
.band-join .kit-signal-embed .signal-ritual {
  color: #f0e6d2 !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(184, 135, 62, .16), transparent 42%),
    linear-gradient(145deg, #202b25, #17211d 58%, #101713) !important;
  border: 1px solid rgba(184, 135, 62, .68) !important;
  border-radius: 12px !important;
  box-shadow:
    0 22px 54px rgba(0, 0, 0, .46),
    0 0 34px rgba(183, 65, 14, .12),
    inset 0 1px 0 rgba(240, 230, 210, .06);
}

.band-join .kit-signal-embed .formkit-header,
.band-join .kit-signal-embed .formkit-header h1,
.band-join .kit-signal-embed .formkit-header h2 {
  color: #f0e6d2 !important;
  font-family: "Cinzel", Georgia, serif !important;
  letter-spacing: .05em;
}

.band-join .kit-signal-embed .formkit-subheader,
.band-join .kit-signal-embed .formkit-subheader p {
  color: #d8cfbb !important;
}

.band-join .kit-signal-embed .formkit-input,
.band-join .kit-signal-embed .signal-ritual input {
  color: #f0e6d2 !important;
  background-color: #0e1612 !important;
  border: 1px solid rgba(184, 135, 62, .58) !important;
  border-radius: 6px !important;
  caret-color: #d4af37;
}

.band-join .kit-signal-embed .formkit-input::placeholder,
.band-join .kit-signal-embed .signal-ritual input::placeholder {
  color: rgba(240, 230, 210, .62) !important;
}

.band-join .kit-signal-embed .formkit-input:focus,
.band-join .kit-signal-embed .formkit-input:focus-visible,
.band-join .kit-signal-embed .signal-ritual input:focus-visible {
  border-color: #d4af37 !important;
  outline: 2px solid #d4af37 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(212, 175, 55, .16), 0 0 22px rgba(183, 65, 14, .16) !important;
}

.band-join .kit-signal-embed .formkit-submit,
.band-join .kit-signal-embed .formkit-submit > span,
.band-join .kit-signal-embed .signal-ritual button {
  color: #15120d !important;
  background-color: #b8873e !important;
  border-color: #d4af37 !important;
  border-radius: 6px !important;
  font-family: "Cinzel", Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: .04em;
  transition: background-color .22s ease, color .22s ease, box-shadow .22s ease;
}

.band-join .kit-signal-embed .formkit-submit:hover,
.band-join .kit-signal-embed .formkit-submit:hover > span,
.band-join .kit-signal-embed .signal-ritual button:hover {
  color: #fff1d6 !important;
  background-color: #8f351f !important;
  box-shadow: 0 0 26px rgba(183, 65, 14, .3) !important;
}

.band-join .kit-signal-embed .formkit-submit:focus-visible,
.band-join .kit-signal-embed .signal-ritual button:focus-visible {
  outline: 3px solid #f0e6d2 !important;
  outline-offset: 3px !important;
}

.band-join .kit-signal-embed .formkit-guarantee,
.band-join .kit-signal-embed .formkit-guarantee p,
.band-join .kit-signal-embed .formkit-powered-by-convertkit,
.band-join .kit-signal-embed [data-element="powered-by"],
.band-join .kit-signal-embed .signal-ritual a {
  color: #b7c2b8 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.band-join .kit-signal-embed .formkit-powered-by-convertkit:hover,
.band-join .kit-signal-embed [data-element="powered-by"]:hover,
.band-join .kit-signal-embed .signal-ritual a:hover {
  color: #d4af37 !important;
}

@media (prefers-reduced-motion: reduce) {
  .band-join .kit-signal-embed .formkit-submit,
  .band-join .kit-signal-embed .formkit-submit > span,
  .band-join .kit-signal-embed .signal-ritual button {
    transition: none;
  }
}
