#fw-section-image-with-text-2faed1c6-de90-47c8-8b48-779554161d25 {

/* --- Image: 300x300 everywhere --- */
.image-with-text__image-container {
  width: 300px !important;
  height: 300px !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  margin: 0 auto !important;
}

.image-with-text__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* --- Kill the blank CTA slot that's stretching the text column --- */
/* Note: :empty fails here because the div contains whitespace */
.image-with-text__cta-container {
  display: none !important;
}

/* --- Desktop: center the pair on the page --- */
@media (min-width: 768px) {
  .col-grid--2-cols\@md {
    grid-template-columns: auto auto !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 40px !important;
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  div.image-with-text__content.image-with-text__content--left-position {
    max-width: 520px !important;
    width: fit-content !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .image-with-text__text,
  .image-with-text__text--left,
  .html-formatter {
    width: 100% !important;
    max-width: 100% !important;
  }
}
}





#fw-section-hero-e7823cf1-eaeb-4569-8bd9-df6cc9257eb4 {

.button.button--primary,
.button.button--primary:hover,
.button.button--primary:focus,
.button.button--primary:active {
  background-color: transparent !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  color: inherit !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  text-decoration: none !important;
  transition: none !important;
}

.button.button--primary::before,
.button.button--primary::after,
.button.button--primary:hover::before,
.button.button--primary:hover::after {
  background: transparent !important;
  box-shadow: none !important;
}

.button.button--primary.button--expand {
  border: 2px solid rgba(255, 255, 255, 1) !important;
  transition: border-color 0.3s ease !important;
}

.button.button--primary.button--expand:hover {
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
}
}
#fw-section-hero-67aa6a4f-a8b6-475a-ba33-7e514dd3ecfc {
--color-primary: #ac00ff;
--color-primary-rgb: 172, 0, 255;
--color-background: #101010;
--color-background-rgb: 16, 16, 16;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 16;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ac00ff;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-hero-0514919f-a89a-4355-9311-95665873cfdb {

.button.button--primary,
.button.button--primary:hover,
.button.button--primary:focus,
.button.button--primary:active {
  background-color: transparent !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  color: inherit !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  text-decoration: none !important;
  transition: none !important;
}

.button.button--primary::before,
.button.button--primary::after,
.button.button--primary:hover::before,
.button.button--primary:hover::after {
  background: transparent !important;
  box-shadow: none !important;
}

.button.button--primary.button--expand {
  border: 2px solid rgba(255, 255, 255, 1) !important;
  transition: border-color 0.3s ease !important;
}

.button.button--primary.button--expand:hover {
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
}
}

#fw-section-text-blocks-c13de098-25d9-4a47-a49a-383bf11929bc {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-text-blocks-c13de098-25d9-4a47-a49a-383bf11929bc {

/* Apply to the exact text element that contains your bullets */
.text-blocks__text {
  white-space: pre-line;
}
}



#fw-section-hero-video-3ca84359-9da7-4059-b5a7-c536adcd1f0c {
--color-primary: #ffac00;
--color-primary-rgb: 255, 172, 0;
--color-background: #101010;
--color-background-rgb: 16, 16, 16;
--color-on-background: #ffca00;
--color-on-background-rgb: 255, 202, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffca00;
--color-background-brightness: 16;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffac00;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffca00;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffca00;
--secondary-btn-border-color: #ffca00;

}
#fw-section-recent-posts-c42da9bc-723e-419d-8a4b-6f32f742adab {
--color-primary: #101010;
--color-primary-rgb: 16, 16, 16;
--color-background: #101010;
--color-background-rgb: 16, 16, 16;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 16;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #101010;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
.post-tile__container .post-tile__title-post {
    font-size: 1rem;
}
}
#fw-section-links-list-9a54bc33-2e0b-46bd-8399-13d0e1459df9 {
--font-heading-scale: 1.0;
--font-body-scale: 1.52;
}
#fw-section-links-list-9a54bc33-2e0b-46bd-8399-13d0e1459df9 {
--color-primary: #101010;
--color-primary-rgb: 16, 16, 16;
--color-background: #101010;
--color-background-rgb: 16, 16, 16;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 16;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #101010;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
.link-list__container--single-column,
.link-list__cta-container--single-column,
.link-list__cta {
  width: 100% !important;
  max-width: 100% !important;
}

.button.button--primary.button--expand {
  width: 100% !important;
  border: 1px solid rgba(90, 90, 90, 0.75);
  font-family: 'Mattone', sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  font-size: clamp(1.1rem, 2vw, 1.5rem);
}
}