#fw-section-hero-a71d311f-0fb4-4e1e-ba1e-8e19a2cb8fac {
--font-heading-scale: 0.75;
--font-body-scale: 0.7;
}


#fw-section-links-list-553212b1-897a-4cab-9f98-d68e4d683f9a {
--font-heading-scale: 1.0;
--font-body-scale: 0.85;
}

#fw-section-links-list-871e7960-c438-4aad-b8c9-254a567ec844 {
--font-heading-scale: 1.0;
--font-body-scale: 0.9;
}

#fw-section-tiers-7191a1f3-038e-4fe5-8acd-6268cd31e69c {
--font-heading-scale: 1.2;
--font-body-scale: 0.7;
}

#fw-section-tiers-4df37910-1a7b-4a0c-a7f5-32c3c18a2937 {

/* ============================================================
   "BECOME A MEMBER" TIER CARDS — CUSTOM CSS
   Paste into this section's Advanced settings > Custom CSS box
   (same place as the donation section CSS).

   Note: tier badge IMAGES are handled separately in Fourthwall's
   Memberships > Tiers editor, not here — this CSS only styles
   the card layout, text, and buttons around whatever image is
   currently set.
   ============================================================ */

/* "Become a Member" section heading */
.tiers__heading {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #f5edd8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Card container */
.tiers__tier {
  background-color: #1a1006 !important;
  border: 1px solid #3a2a14 !important;
  border-radius: 6px !important;
}

.tiers__tier-inner {
  padding: 24px !important;
}

/* Tier title */
.tiers__tier-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #f5edd8 !important;
}

/* Price */
.tiers__tier-price {
  font-family: Georgia, serif !important;
  color: #c9a563 !important;
  font-weight: 600 !important;
}

/* Join Now button */
.tiers__tier-cta .button.button--primary {
  background-color: #8b3a1a !important;
  border: none !important;
  color: #f5edd8 !important;
  font-family: Georgia, serif !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-radius: 3px !important;
}

.tiers__tier-cta .button.button--primary:hover {
  background-color: #a3441f !important;
}

/* "Save 10% if you pay annually" link */
.tiers__tier-annual-link {
  color: #c9a563 !important;
  font-family: Georgia, serif !important;
  text-decoration: underline !important;
}

/* Tier description */
.tiers__tier-description {
  color: #a89880 !important;
  font-family: 'EB Garamond', Georgia, serif !important;
  line-height: 1.6 !important;
}

/* Feature list */
.tiers__tier-features {
  color: #f5edd8 !important;
}

.tiers__tier-feature {
  font-family: 'EB Garamond', Georgia, serif !important;
  color: #f5edd8 !important;
}

.tiers__tier-feature-icon svg {
  fill: #c9a563 !important;
  color: #c9a563 !important;
}

/* "Show more" fade overlay + button — override the default
   light fade to match the dark card background instead */
.tiers__tier-overlay {
  background: linear-gradient(180deg, rgba(26,16,6,0) 0%, #1a1006 85%) !important;
}

.tiers__tier-overlay button {
  color: #c9a563 !important;
  font-family: Georgia, serif !important;
  text-decoration: underline !important;
  background: none !important;
  border: none !important;
}
}
#fw-section-donations-a8376b78-2794-4f8a-9e86-b6a07bebb129 {

/* ============================================================
   "CHIP IN, HELP US KEEP GOING" — DONATION SECTION CUSTOM CSS
   v2 — corrected using real Fourthwall markup (donations__*,
   input-field__*, radio-button__* classes confirmed via Inspect).
   Paste into this section's Advanced settings > Custom CSS box.
   ============================================================ */

/* Heading + subtext */
.donations__heading {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #f5edd8 !important;
  letter-spacing: 0.02em !important;
}

.donations__text p {
  font-family: 'EB Garamond', Georgia, serif !important;
  color: #a89880 !important;
}

/* Name input + Message textarea (shared input-field wrapper) */
.input-field {
  background-color: #120c04 !important;
  border: 1px solid #3a2a14 !important;
  border-radius: 3px !important;
}

.input-field:focus-within {
  border-color: #c9a563 !important;
}

.input-field__input {
  background-color: transparent !important;
  color: #f5edd8 !important;
  font-family: Georgia, serif !important;
}

.input-field__label {
  color: #6b5d47 !important;
  font-family: Georgia, serif !important;
}

.input-field__icon svg {
  fill: #6b5d47 !important;
}

/* Dollar amount selectors ($5 / $10 / $20) — these are radio
   inputs + labels, not buttons */
.radio-button__label {
  background-color: #120c04 !important;
  border: 1px solid #3a2a14 !important;
  color: #a89880 !important;
  border-radius: 3px !important;
  font-family: Georgia, serif !important;
  transition: border-color .2s ease, color .2s ease;
}

.radio-button__input:checked + .radio-button__label {
  border-color: #c9a563 !important;
  color: #f5edd8 !important;
}

.radio-button__label:hover {
  border-color: #c9a563 !important;
}

/* Custom amount field */
.input-field--as-button {
  background-color: #120c04 !important;
  border: 1px solid #3a2a14 !important;
  border-radius: 3px !important;
}

.input-field--as-button:focus-within {
  border-color: #c9a563 !important;
}

.input-field--as-button .input-field__prefix {
  color: #a89880 !important;
}

.input-field--as-button .input-field__label {
  color: #6b5d47 !important;
}

.input-field--as-button .input-field__input {
  color: #f5edd8 !important;
}

/* Donate & Send Message button */
.donations button.button--primary {
  background-color: #8b3a1a !important;
  border: none !important;
  color: #f5edd8 !important;
  font-family: Georgia, serif !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-radius: 3px !important;
}

.donations button.button--primary:hover {
  background-color: #a3441f !important;
}
}


#fw-section-hero-0 {
--font-heading-scale: 1.0;
--font-body-scale: 1.1;
}
#fw-section-hero-0 {
--color-primary: #8b1a1a;
--color-primary-rgb: 139, 26, 26;
--color-background: #111111;
--color-background-rgb: 17, 17, 17;
--color-on-background: #f5edd8;
--color-on-background-rgb: 245, 237, 216;
--color-on-primary: #f5edd8;
--color-on-primary-rgb: 245, 237, 216;
--color-product-image-background: #f5f1e6;
--color-background-brightness: 17;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #111111;
--primary-btn-text: #f5edd8;
--primary-btn-border-color: #8b1a1a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #f5edd8;
--secondary-btn-border-color: #f5edd8;
/* Hero line 1 */
.image-banner h1:first-of-type,
.image-banner h2:first-of-type,
section h1:first-of-type,
section h2:first-of-type {
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.28) !important;
}

/* Hero line 2 */
.image-banner h1:nth-of-type(2),
.image-banner h2:nth-of-type(2),
section h1:nth-of-type(2),
section h2:nth-of-type(2) {
  color: #e7d9c5 !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.22) !important;
  font-weight: 500 !important;
  font-size: 0.5em !important;
  line-height: 1.2 !important;
}
}







#fw-section-footer {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-header {
--font-heading-scale: 0.7;
--font-body-scale: 1.5;
}