#fw-section-image-with-text-878694ef-5161-445f-9394-a81ed647bd5a {
--font-heading-scale: 0.92;
--font-body-scale: 1.0;
}
#fw-section-rich-text-178423268154996 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #dddddd;
--color-background-rgb: 221, 221, 221;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 221;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}









#fw-section-rich-text-178472610167457 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #dddddd;
--color-background-rgb: 221, 221, 221;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 221;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}

#fw-section-rich-text-178423249323362 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #dddddd;
--color-background-rgb: 221, 221, 221;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 221;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}


#fw-section-rich-text-178415249192713 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #dddddd;
--color-background-rgb: 221, 221, 221;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 221;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-custom-html-a9f15797-9e75-4430-b890-f4abcfaa029c {

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap');
/* Coconat: built-in Fourthwall theme font — select it in Site design → Style.
   No @font-face needed here; referenced by name below. */

.tbp-cards-embed {
  --black:      #0a0a0a;
  --white:      #ffffff;
  --font-title: 'Coconat', Georgia, serif;
  --font-body:  'Outfit', -apple-system, sans-serif;
  --max-w: 1200px;

  background: var(--white) !important;
  color: var(--black) !important;
  font-family: var(--font-body) !important;
  padding: 60px 5% !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
}
.tbp-cards-embed *, .tbp-cards-embed *::before, .tbp-cards-embed *::after { box-sizing: border-box !important; }
.tbp-cards-embed img { display: block !important; max-width: 100% !important; margin: 0 !important; }
.tbp-cards-embed a { color: inherit !important; text-decoration: none !important; }

.tbp-cards-embed .cards-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 2px !important; max-width: var(--max-w) !important; margin: 0 auto !important; width: 100% !important; justify-content: center !important; }
.tbp-cards-embed .cat-card { display: block !important; position: relative !important; overflow: hidden !important; aspect-ratio: 3/4 !important; background: #111 !important; cursor: pointer !important; width: 100% !important; }
.tbp-cards-embed .cat-photo { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.6s ease !important; background: linear-gradient(160deg, #1a1a1a 0%, #0a0a0a 60%, #1a1a1a 100%) !important; margin: 0 !important; filter: grayscale(15%) !important; }
.tbp-cards-embed .cat-card:hover .cat-photo { transform: scale(1.04) !important; filter: grayscale(0%) !important; }
.tbp-cards-embed .cat-overlay { position: absolute !important; inset: 0 !important; background: linear-gradient(to top, rgba(0,0,0,0.90) 0%, rgba(0,0,0,0.35) 55%, rgba(0,0,0,0.1) 100%) !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; align-items: flex-start !important; padding: 28px 24px !important; transition: background 0.3s !important; width: 100% !important; }
.tbp-cards-embed .cat-card:hover .cat-overlay { background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.15) 100%) !important; }
.tbp-cards-embed .cat-kicker { display: block !important; font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 10px !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; color: var(--white) !important; opacity: 0.7 !important; margin: 0 0 6px !important; text-align: left !important; }
.tbp-cards-embed .cat-name { display: block !important; font-family: var(--font-title) !important; font-weight: 900 !important; font-size: 18px !important; letter-spacing: 0.01em !important; text-transform: uppercase !important; color: var(--white) !important; line-height: 1.15 !important; margin: 0 !important; text-align: left !important; }

.tbp-cards-embed .cards-cta { text-align: center !important; margin-top: 36px !important; }
.tbp-cards-embed .cards-cta a { display: inline-block !important; border: 1px solid var(--black) !important; padding: 14px 36px !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; transition: background 0.2s, color 0.2s !important; }
.tbp-cards-embed .cards-cta a:hover { background: var(--black) !important; color: var(--white) !important; }

@media (max-width: 900px) {
  .tbp-cards-embed { padding: 40px 5% !important; }
  .tbp-cards-embed .cards-grid { grid-template-columns: repeat(2, 1fr) !important; max-width: 500px !important; }
}
@media (max-width: 560px) {
  .tbp-cards-embed .cards-grid { grid-template-columns: 1fr !important; max-width: 320px !important; }
  .tbp-cards-embed .cat-card { aspect-ratio: 4/3 !important; }
}
}



#fw-section-rich-text-178491992019671 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #dddddd;
--color-background-rgb: 221, 221, 221;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 221;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}

#fw-section-custom-html-8e513900-9f03-412c-9f91-595a58873f71 {

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap');

.tbp-guide-embed {
  --black: #0a0a0a; --white: #ffffff; --gray: #666666;
  --font-title: 'Coconat', Georgia, serif;
  --font-body: 'Outfit', -apple-system, sans-serif;
  background: var(--white) !important; color: var(--black) !important;
  font-family: var(--font-body) !important; width: 100% !important;
  padding: 24px 6% !important; box-sizing: border-box !important;
}
.tbp-guide-embed *, .tbp-guide-embed *::before, .tbp-guide-embed *::after { box-sizing: border-box !important; }
.tbp-guide-embed a { color: inherit !important; text-decoration: underline !important; text-underline-offset: 3px !important; }

.tbp-guide-embed .guide-body { max-width: 700px !important; margin: 0 auto !important; }

/* section-level accordion — same pattern as the FAQ page's category accordions */
.tbp-guide-embed details.guide-section { border-bottom: 1px solid var(--black) !important; }
.tbp-guide-embed details.guide-section:first-child { border-top: 1px solid var(--black) !important; }
.tbp-guide-embed details.guide-section > summary { font-family: var(--font-title) !important; font-size: 20px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; padding: 24px 0 !important; cursor: pointer !important; list-style: none !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
.tbp-guide-embed details.guide-section > summary::-webkit-details-marker { display: none !important; }
.tbp-guide-embed details.guide-section > summary::after { content: '▾' !important; font-size: 16px !important; color: var(--gray) !important; margin-left: 16px !important; flex-shrink: 0 !important; transition: transform 0.2s !important; }
.tbp-guide-embed details.guide-section[open] > summary::after { transform: rotate(180deg) !important; }
.tbp-guide-embed .guide-section-body { padding-bottom: 28px !important; }

.tbp-guide-embed .guide-section-body p { font-size: 16px !important; line-height: 1.8 !important; color: #222 !important; margin: 0 0 20px !important; }
.tbp-guide-embed .guide-section-body p:last-child { margin-bottom: 0 !important; }
.tbp-guide-embed .guide-section-body p strong { font-weight: 600 !important; }
.tbp-guide-embed .guide-section-body p.step-lead { margin-bottom: 10px !important; }
.tbp-guide-embed .guide-section-body ol,
.tbp-guide-embed .guide-section-body ul { margin: 0 0 20px !important; padding-left: 22px !important; }
.tbp-guide-embed .guide-section-body ol:last-child,
.tbp-guide-embed .guide-section-body ul:last-child { margin-bottom: 0 !important; }
.tbp-guide-embed .guide-section-body li { font-size: 16px !important; line-height: 1.7 !important; color: #222 !important; margin-bottom: 8px !important; }
.tbp-guide-embed .guide-section-body li:last-child { margin-bottom: 0 !important; }
.tbp-guide-embed .affiliate-note { font-size: 13px !important; color: var(--gray) !important; font-style: italic !important; margin: -8px 0 20px !important; }
.tbp-guide-embed .guide-closing { max-width: 700px !important; margin: 40px auto 0 !important; font-size: 16px !important; line-height: 1.8 !important; color: #222 !important; }
}
#fw-section-rich-text-178415249191564 {
--font-heading-scale: 1.33;
--font-body-scale: 1.0;
}
#fw-section-rich-text-178415249191564 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #dddddd;
--color-background-rgb: 221, 221, 221;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 221;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-custom-html-c4509c15-6fe2-4bf3-872a-fad0b8a01f8d {

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap');

.tbp-faq-embed {
  --black: #0a0a0a; --white: #ffffff; --gray: #666666;
  --font-title: 'Coconat', Georgia, serif;
  --font-body: 'Outfit', -apple-system, sans-serif;
  background: var(--white) !important; color: var(--black) !important;
  font-family: var(--font-body) !important; width: 100% !important;
  padding: 24px 6% !important; box-sizing: border-box !important;
  /* Escape an ancestor multi-column layout, if that's what's causing
     the page footer to interleave with this section on mobile — see
     build log note 2026-07-24 for the full diagnosis. Untested; may
     not be the actual root cause since it's a Fourthwall theme-level
     layout issue, not something in this file. */
  column-span: all !important;
  break-inside: avoid !important;
  position: relative !important;
  z-index: 1 !important;
}
.tbp-faq-embed *, .tbp-faq-embed *::before, .tbp-faq-embed *::after { box-sizing: border-box !important; }
.tbp-faq-embed a { color: inherit !important; text-decoration: underline !important; text-underline-offset: 3px !important; }

.tbp-faq-embed .faq-categories { max-width: 720px !important; margin: 0 auto !important; }

/* category level (outer accordion) */
.tbp-faq-embed details.faq-category { border-bottom: 1px solid var(--black) !important; }
.tbp-faq-embed details.faq-category:first-child { border-top: 1px solid var(--black) !important; }
.tbp-faq-embed details.faq-category > summary { font-family: var(--font-title) !important; font-size: 20px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; padding: 24px 0 !important; cursor: pointer !important; list-style: none !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
.tbp-faq-embed details.faq-category > summary::-webkit-details-marker { display: none !important; }
.tbp-faq-embed details.faq-category > summary::after { content: '▾' !important; font-size: 16px !important; color: var(--gray) !important; margin-left: 16px !important; flex-shrink: 0 !important; transition: transform 0.2s !important; }
.tbp-faq-embed details.faq-category[open] > summary::after { transform: rotate(180deg) !important; }
.tbp-faq-embed details.faq-category .faq-list { padding-bottom: 16px !important; }

/* question level (inner accordion, nested inside each category) */
.tbp-faq-embed .faq-list details { border-bottom: 1px solid #e4e4e4 !important; padding: 18px 0 !important; }
.tbp-faq-embed .faq-list details:last-child { border-bottom: none !important; }
.tbp-faq-embed .faq-list summary { font-size: 16px !important; font-weight: 500 !important; cursor: pointer !important; list-style: none !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
.tbp-faq-embed .faq-list summary::-webkit-details-marker { display: none !important; }
.tbp-faq-embed .faq-list summary::after { content: '+' !important; font-size: 20px !important; font-weight: 300 !important; color: var(--gray) !important; margin-left: 16px !important; flex-shrink: 0 !important; }
.tbp-faq-embed .faq-list details[open] > summary::after { content: '−' !important; }
.tbp-faq-embed .faq-answer { font-size: 16px !important; line-height: 1.75 !important; color: #333 !important; margin: 14px 0 0 !important; padding-right: 40px !important; }
}
#fw-section-image-with-text-ea49a30e-53c2-457c-8c76-1c37adf8a38b {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #eeeeee;
--color-background-rgb: 238, 238, 238;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 238;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-rich-text-178475129282417 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #dddddd;
--color-background-rgb: 221, 221, 221;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 221;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}


#fw-section-custom-html-2a85b7a5-b627-4839-aaef-e4457a7ab126 {
--font-heading-scale: 0.7;
--font-body-scale: 0.7;
}
#fw-section-custom-html-2a85b7a5-b627-4839-aaef-e4457a7ab126 {

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap');
/* Coconat: built-in Fourthwall theme font — no @font-face needed, referenced by name below. */

.formkit-form[data-uid="c1464d931e"] *{box-sizing:border-box;}.formkit-form[data-uid="c1464d931e"]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.formkit-form[data-uid="c1464d931e"] legend{border:none;font-size:inherit;margin-bottom:10px;padding:0;position:relative;display:table;}.formkit-form[data-uid="c1464d931e"] fieldset{border:0;padding:0.01em 0 0 0;margin:0;min-width:0;}.formkit-form[data-uid="c1464d931e"] body:not(:-moz-handler-blocked) fieldset{display:table-cell;}.formkit-form[data-uid="c1464d931e"] h1,.formkit-form[data-uid="c1464d931e"] h2,.formkit-form[data-uid="c1464d931e"] h3,.formkit-form[data-uid="c1464d931e"] h4,.formkit-form[data-uid="c1464d931e"] h5,.formkit-form[data-uid="c1464d931e"] h6{color:inherit;font-size:inherit;font-weight:inherit;}.formkit-form[data-uid="c1464d931e"] h2{font-size:1.5em;margin:1em 0;}.formkit-form[data-uid="c1464d931e"] h3{font-size:1.17em;margin:1em 0;}.formkit-form[data-uid="c1464d931e"] p{color:inherit;font-size:inherit;font-weight:inherit;}.formkit-form[data-uid="c1464d931e"] ol:not([template-default]),.formkit-form[data-uid="c1464d931e"] ul:not([template-default]),.formkit-form[data-uid="c1464d931e"] blockquote:not([template-default]){text-align:left;}.formkit-form[data-uid="c1464d931e"] p:not([template-default]),.formkit-form[data-uid="c1464d931e"] hr:not([template-default]),.formkit-form[data-uid="c1464d931e"] blockquote:not([template-default]),.formkit-form[data-uid="c1464d931e"] ol:not([template-default]),.formkit-form[data-uid="c1464d931e"] ul:not([template-default]){color:inherit;font-style:initial;}.formkit-form[data-uid="c1464d931e"] .ordered-list,.formkit-form[data-uid="c1464d931e"] .unordered-list{list-style-position:outside !important;padding-left:1em;}.formkit-form[data-uid="c1464d931e"] .list-item{padding-left:0;}.formkit-form[data-uid="c1464d931e"] .formkit-input,.formkit-form[data-uid="c1464d931e"] .formkit-select,.formkit-form[data-uid="c1464d931e"] .formkit-checkboxes{width:100%;}.formkit-form[data-uid="c1464d931e"] .formkit-button,.formkit-form[data-uid="c1464d931e"] .formkit-submit{cursor:pointer;display:inline-block;text-align:center;font-size:15px;font-weight:500;margin-bottom:15px;overflow:hidden;padding:0;position:relative;vertical-align:middle;}.formkit-form[data-uid="c1464d931e"] .formkit-button > span,.formkit-form[data-uid="c1464d931e"] .formkit-submit > span{display:block;transition:all 300ms ease-in-out;padding:12px 24px;}.formkit-form[data-uid="c1464d931e"] .formkit-input{font-size:15px;padding:12px;flex:1 0 auto;line-height:1.4;margin:0;transition:border-color ease-out 300ms;}.formkit-form[data-uid="c1464d931e"] .formkit-input::placeholder{color:inherit;opacity:0.6;}.formkit-form[data-uid="c1464d931e"] [data-group="checkboxes"]{text-align:left;margin:0;}.formkit-form[data-uid="c1464d931e"] [data-group="checkboxes"] [data-group="checkbox"]{margin-bottom:10px;}.formkit-form[data-uid="c1464d931e"] [data-group="checkboxes"] [data-group="checkbox"] *{cursor:pointer;}.formkit-form[data-uid="c1464d931e"] [data-group="checkboxes"] [data-group="checkbox"] input[type="checkbox"]{display:none;}.formkit-form[data-uid="c1464d931e"] [data-group="checkboxes"] [data-group="checkbox"] input[type="checkbox"] + label::after{content:none;}.formkit-form[data-uid="c1464d931e"] [data-group="checkboxes"] [data-group="checkbox"] input[type="checkbox"]:checked + label::after{border-color:#ffffff;content:"";}.formkit-form[data-uid="c1464d931e"] [data-group="checkboxes"] [data-group="checkbox"] label{position:relative;display:inline-block;padding-left:28px;}.formkit-form[data-uid="c1464d931e"] [data-group="checkboxes"] [data-group="checkbox"] label::before,.formkit-form[data-uid="c1464d931e"] [data-group="checkboxes"] [data-group="checkbox"] label::after{position:absolute;content:"";display:inline-block;}.formkit-form[data-uid="c1464d931e"] [data-group="checkboxes"] [data-group="checkbox"] label::before{height:16px;width:16px;left:0px;top:3px;}.formkit-form[data-uid="c1464d931e"] [data-group="checkboxes"] [data-group="checkbox"] label::after{height:4px;width:8px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg);left:4px;top:8px;}.formkit-form[data-uid="c1464d931e"] .formkit-alert{border-radius:5px;flex:1 0 auto;list-style:none;margin:25px auto;padding:12px;text-align:center;width:100%;}.formkit-form[data-uid="c1464d931e"] .formkit-alert:empty{display:none;}.formkit-form[data-uid="c1464d931e"] .formkit-alert-success{background:#d3fbeb;border:1px solid #10bf7a;color:#0c905c;}.formkit-form[data-uid="c1464d931e"] .formkit-alert-error{background:#fde8e2;border:1px solid #f2643b;color:#ea4110;}.formkit-form[data-uid="c1464d931e"] .formkit-spinner{display:flex;height:0px;width:0px;margin:0 auto;position:absolute;top:0;left:0;right:0;overflow:hidden;text-align:center;transition:all 300ms ease-in-out;}.formkit-form[data-uid="c1464d931e"] .formkit-spinner > div{margin:auto;width:12px;height:12px;background-color:#0a0a0a;opacity:0.3;border-radius:100%;display:inline-block;animation:formkit-bouncedelay-c1464d931e 1.4s infinite ease-in-out both;}.formkit-form[data-uid="c1464d931e"] .formkit-spinner > div:nth-child(1){animation-delay:-0.32s;}.formkit-form[data-uid="c1464d931e"] .formkit-spinner > div:nth-child(2){animation-delay:-0.16s;}.formkit-form[data-uid="c1464d931e"] .formkit-submit[data-active] .formkit-spinner{opacity:1;height:100%;width:50px;}.formkit-form[data-uid="c1464d931e"] .formkit-submit[data-active] .formkit-spinner ~ span{opacity:0;}@keyframes formkit-bouncedelay-c1464d931e{0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}}.formkit-form[data-uid="c1464d931e"] .formkit-disclaimer{font-size:13px;margin-top:10px;max-width:400px;}
@media all and (min-width:900px){.formkit-form[data-uid="c1464d931e"][data-format="inline"] [data-style="full"]{min-height:auto !important;}.formkit-form[data-uid="c1464d931e"] .formkit-content{max-width:570px;}.formkit-form[data-uid="c1464d931e"] .formkit-fields{max-width:380px;}}

/* ── TBP site-system overrides ── */
.tbp-newsletter-embed {
  --black:  #0a0a0a;
  --white:  #ffffff;
  --accent: #dddddd;
  --accent-dark: #c4c4c4;
  --font-title: 'Coconat', Georgia, serif;
  --font-body:  'Outfit', -apple-system, sans-serif;

  background: var(--white) !important;
  padding: 15px 5% !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
}
.tbp-newsletter-embed .formkit-form[data-uid="c1464d931e"] { max-width: 600px !important; margin: 0 auto !important; }
@media all and (min-width:900px){
  .tbp-newsletter-embed .formkit-form[data-uid="c1464d931e"] { max-width: 820px !important; }
  .tbp-newsletter-embed .formkit-content,
  .tbp-newsletter-embed .formkit-fields { max-width: none !important; }
}
.tbp-newsletter-embed [data-style="full"] { min-height: auto !important; }
.tbp-newsletter-embed .formkit-background { display: none !important; }
.tbp-newsletter-embed .formkit-container { background: var(--white) !important; padding: 0 !important; }
.tbp-newsletter-embed .formkit-header,
.tbp-newsletter-embed .formkit-content,
.tbp-newsletter-embed .formkit-disclaimer { color: var(--black) !important; }
.tbp-newsletter-embed .formkit-header h2 {
  font-family: var(--font-title) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  font-size: 40px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}
.tbp-newsletter-embed .formkit-content { margin-bottom: 36px !important; }
.tbp-newsletter-embed .formkit-header,
.tbp-newsletter-embed .formkit-content,
.tbp-newsletter-embed .formkit-fields,
.tbp-newsletter-embed .formkit-disclaimer {
  text-align: center !important;
}
.tbp-newsletter-embed .formkit-content,
.tbp-newsletter-embed .formkit-input,
.tbp-newsletter-embed [data-group="checkboxes"] label,
.tbp-newsletter-embed .formkit-disclaimer,
.tbp-newsletter-embed .formkit-submit { font-family: var(--font-body) !important; }

/* fields */
.tbp-newsletter-embed .formkit-field { margin-bottom: 16px !important; }
.tbp-newsletter-embed .formkit-input {
  background: var(--accent) !important;
  color: var(--black) !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 18px 16px !important;
}
.tbp-newsletter-embed .formkit-input:focus { outline: 2px solid var(--black) !important; outline-offset: 1px !important; }

/* checkboxes — bigger box, more row spacing, matches reference proportions */
.tbp-newsletter-embed [data-group="checkboxes"] [data-group="checkbox"] {
  background: transparent !important;
  color: var(--black) !important;
  margin-bottom: 14px !important;
}
.tbp-newsletter-embed [data-group="checkbox"] label { padding-left: 34px !important; }
.tbp-newsletter-embed [data-group="checkbox"] label::before {
  height: 20px !important; width: 20px !important; top: 2px !important;
  border: none !important;
  background: var(--accent) !important;
  border-radius: 4px !important;
}
.tbp-newsletter-embed [data-group="checkbox"] label::after {
  height: 5px !important; width: 9px !important; left: 5px !important; top: 8px !important;
}
.tbp-newsletter-embed [data-group="checkbox"] input[type="checkbox"]:checked + label::before {
  background: var(--black) !important;
}

/* submit — darker than the field/checkbox accent */
.tbp-newsletter-embed .formkit-submit {
  background: var(--accent-dark) !important;
  color: var(--black) !important;
  border: none !important;
  border-radius: 6px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-top: 32px !important;
}
.tbp-newsletter-embed .formkit-submit:hover {
  background: var(--black) !important;
  color: var(--white) !important;
}
.tbp-newsletter-embed .formkit-submit .formkit-spinner > div { background-color: currentColor !important; }
.tbp-newsletter-embed .formkit-disclaimer { margin-top: 20px !important; }

/* ── 2-column checkbox layout, tablet + desktop ── */
@media all and (min-width:700px){
  .tbp-newsletter-embed fieldset[data-group="checkboxes"]{
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .tbp-newsletter-embed fieldset[data-group="checkboxes"] [data-group="checkbox"]{
    width: calc(50% - 12px);
  }
  .tbp-newsletter-embed fieldset[data-group="checkboxes"] [data-group="checkbox"]:nth-child(odd){
    margin-right: 24px;
  }
}
}



#fw-section-rich-text-755fa000-ae28-4ddc-a55e-4546d0e6bbfb {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #dddddd;
--color-background-rgb: 221, 221, 221;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 221;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-hero-8a977670-f66e-4133-a5b4-1b6e01943ab6 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #eeeeee;
--color-on-background-rgb: 238, 238, 238;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #eeeeee;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #eeeeee;
--secondary-btn-bg: transparent;
--secondary-btn-text: #eeeeee;
--secondary-btn-border-color: #eeeeee;

}
#fw-section-custom-html-e1e0095e-3e79-4cf1-bd13-15528598886d {

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap');
/* Coconat: built-in Fourthwall theme font — select it in Site design → Style.
   No @font-face needed here; referenced by name below. */

.tbp-cards-embed {
  --black:      #0a0a0a;
  --white:      #ffffff;
  --font-title: 'Coconat', Georgia, serif;
  --font-body:  'Outfit', -apple-system, sans-serif;
  --max-w: 1200px;

  background: var(--white) !important;
  color: var(--black) !important;
  font-family: var(--font-body) !important;
  padding: 10px 5% !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
}
.tbp-cards-embed *, .tbp-cards-embed *::before, .tbp-cards-embed *::after { box-sizing: border-box !important; }
.tbp-cards-embed img { display: block !important; max-width: 100% !important; margin: 0 !important; }
.tbp-cards-embed a { color: inherit !important; text-decoration: none !important; }

.tbp-cards-embed .cards-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 2px !important; max-width: var(--max-w) !important; margin: 0 auto !important; width: 100% !important; justify-content: center !important; }
.tbp-cards-embed .cat-card { display: block !important; position: relative !important; overflow: hidden !important; aspect-ratio: 3/4 !important; background: #111 !important; cursor: pointer !important; width: 100% !important; }
.tbp-cards-embed .cat-photo { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.6s ease !important; background: linear-gradient(160deg, #1a1a1a 0%, #0a0a0a 60%, #1a1a1a 100%) !important; margin: 0 !important; filter: grayscale(15%) !important; }
.tbp-cards-embed .cat-card:hover .cat-photo { transform: scale(1.04) !important; filter: grayscale(0%) !important; }
.tbp-cards-embed .cat-overlay { position: absolute !important; inset: 0 !important; background: linear-gradient(to top, rgba(0,0,0,0.90) 0%, rgba(0,0,0,0.35) 55%, rgba(0,0,0,0.1) 100%) !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; align-items: flex-start !important; padding: 28px 24px !important; transition: background 0.3s !important; width: 100% !important; }
.tbp-cards-embed .cat-card:hover .cat-overlay { background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.15) 100%) !important; }
.tbp-cards-embed .cat-kicker { display: block !important; font-family: var(--font-body) !important; font-weight: 500 !important; font-size: 10px !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; color: var(--white) !important; opacity: 0.7 !important; margin: 0 0 6px !important; text-align: left !important; }
.tbp-cards-embed .cat-name { display: block !important; font-family: var(--font-title) !important; font-weight: 900 !important; font-size: 18px !important; letter-spacing: 0.01em !important; text-transform: uppercase !important; color: var(--white) !important; line-height: 1.15 !important; margin: 0 !important; text-align: left !important; }

.tbp-cards-embed .cards-cta { text-align: center !important; margin-top: 36px !important; }
.tbp-cards-embed .cards-cta a { display: inline-block !important; border: 1px solid var(--black) !important; padding: 14px 36px !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; transition: background 0.2s, color 0.2s !important; }
.tbp-cards-embed .cards-cta a:hover { background: var(--black) !important; color: var(--white) !important; }

@media (max-width: 900px) {
  .tbp-cards-embed { padding: 40px 5% !important; }
  .tbp-cards-embed .cards-grid { grid-template-columns: repeat(2, 1fr) !important; max-width: 500px !important; }
}
@media (max-width: 560px) {
  .tbp-cards-embed .cards-grid { grid-template-columns: 1fr !important; max-width: 320px !important; }
  .tbp-cards-embed .cat-card { aspect-ratio: 4/3 !important; }
}
}
#fw-section-rich-text-e012829e-dd06-4045-86b9-3222a6773354 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #dddddd;
--color-background-rgb: 221, 221, 221;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 221;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-recent-posts-f9411dd4-ba1b-4e76-977b-a541f7366021 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}