#fw-section-hero-1770994693 {
--color-primary: #24233a;
--color-primary-rgb: 36, 35, 58;
--color-background: #F9F5F4;
--color-background-rgb: 249, 245, 244;
--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: #f8f8f8;
--color-background-brightness: 246;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #24233a;
--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-a499d56a-1e6b-44e2-b1a8-9e5b02d3c041 {
--font-heading-scale: 1.73;
--font-body-scale: 1.06;
}
#fw-section-hero-a499d56a-1e6b-44e2-b1a8-9e5b02d3c041 {
--color-primary: #24233a;
--color-primary-rgb: 36, 35, 58;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--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: #f8f8f8;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #24233a;
--primary-btn-text: #FFFFFF;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
.button--secondary {
  background-color: #e05018 !important; 
  border-color: #e05018 !important;
  }

/* Force hero heading to wrap after "WEAR THE MOOD" */
.image-banner__heading,
.banner__heading,
.hero h1 {
  max-width: 11ch;
  line-height: 0.92;
  white-space: normal;
}

.hero__heading.hero__heading--regular {
  font-size: clamp(2.2rem, 5vw, calc(var(--font-heading-scale) * 6rem));
  max-width: 18ch;
  text-align: left;
  line-height: 1.05;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .hero__heading.hero__heading--regular {
    font-size: clamp(2rem, 4vw, 2.6rem);
    max-width: 18ch;
  }
}


@media screen and (max-width: 767px) {
  .hero__heading.hero__heading--regular {
    font-size: clamp(1.8rem, 8vw, 2.3rem);
    max-width: 22ch;
  }
}

}
#fw-section-collections-list-d5fc3322-f499-4ad6-8c93-e5c7d22b1e56 {

.collections-list__item-title {
   color: #ffffff !important;
}

@media screen and (max-width: 767px) {
  .col-grid.col-grid--2-cols {
    grid-template-columns: 1fr !important;
  }

  .col-grid.col-grid--2-cols > li {
    width: 100%;
  }
}
}
#fw-section-featured-collection-1770994693 {

 .section-header__heading {

    text-align: center !important;
  }

.grid--center {

  background-color: #f8f8f8 !important;
}
}


#fw-section-featured-collection-02b6625c-5c71-4ed7-9b55-5077c26c908a {

 .section-header__heading {

    text-align: center !important;
  }
}
#fw-section-hero-d75d0a72-3457-4813-98c7-a2563adf14e9 {
--color-primary: #ff7f01;
--color-primary-rgb: 255, 127, 1;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--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: #f8f8f8;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff7f01;
--primary-btn-text: #FFFFFF;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
.hero__heading {
  color: #ffffff00;
}

.hero__text {
   color: #ffffff00;
}
}
#fw-section-links-list-dfc976eb-02cf-45e2-af2a-9fe9b04e9503 {
--font-heading-scale: 1.15;
--font-body-scale: 1.13;
}
#fw-section-links-list-dfc976eb-02cf-45e2-af2a-9fe9b04e9503 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #1A1A1A;
--color-on-background-rgb: 26, 26, 26;
--color-on-primary: #090909;
--color-on-primary-rgb: 9, 9, 9;
--color-product-image-background: #f8f8f8;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #090909;
--primary-btn-border-color: #1A1A1A;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1A1A1A;
--secondary-btn-border-color: #1A1A1A;

}
#fw-section-newsletter-1770994693 {
--color-primary: #24233a;
--color-primary-rgb: 36, 35, 58;
--color-background: #efefef;
--color-background-rgb: 239, 239, 239;
--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: #f8f8f8;
--color-background-brightness: 239;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #24233a;
--primary-btn-text: #FFFFFF;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}


#fw-section-header {
--color-primary: #24233a;
--color-primary-rgb: 36, 35, 58;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-background: #24233a;
--color-on-background-rgb: 36, 35, 58;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #f8f8f8;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #24233a;
--primary-btn-text: #FFFFFF;
--primary-btn-border-color: #24233a;
--secondary-btn-bg: transparent;
--secondary-btn-text: #24233a;
--secondary-btn-border-color: #24233a;

}