#fw-section-rich-text-ac1b8404-8145-4fbb-afc8-25af8ba2fa65 {
--font-heading-scale: 1.45;
--font-body-scale: 0.7;
}
#fw-section-rich-text-0fe53983-3106-40c9-b36a-09145b19ed04 {
--font-heading-scale: 1.62;
--font-body-scale: 1.0;
}

#fw-section-rich-text-3a7a66c6-b7b2-47c4-9e77-e3e3be4dbd07 {
--font-heading-scale: 1.62;
--font-body-scale: 1.0;
}
#fw-section-rich-text-d43ac2b1-3c56-4476-bb73-beaca8afe4d4 {
--font-heading-scale: 1.64;
--font-body-scale: 1.0;
}









#fw-section-rich-text-7985a085-50c9-4ab5-8416-59a2ef6a485c {
--font-heading-scale: 1.6;
--font-body-scale: 1.0;
}
#fw-section-rich-text-3be5b357-1567-4407-bb0a-b91769c85480 {
--font-heading-scale: 0.7;
--font-body-scale: 0.7;
}
#fw-section-featured-collection-cfd6652f-b93f-4842-9b16-b1e321a0a8c4 {
--font-heading-scale: 0.79;
--font-body-scale: 0.99;
}
#fw-section-featured-collection-cfd6652f-b93f-4842-9b16-b1e321a0a8c4 {

.tile__description::after {
  content: "★★★★★";
  display: block;
  color: #c8a951;
  font-size: 13px;
  margin-top: 6px;
  letter-spacing: 0.5px;
}

.product-tile a.tile[href*="you-are-enough-a-reminder-of-your-worth"] .tile__options {
  position: relative;
  padding-bottom: 22px;
}

.product-tile a.tile[href*="you-are-enough-a-reminder-of-your-worth"] .tile__options::after {
  content: "🔥 Only 3 left!";
  position: absolute;
  top: 80%;
  left: 0;
  width: 100%;
  margin-top: 0px;
  color: #c0392b;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  line-height: 0;
}

/* Featured list button on Fourthwall */
a.button.button--secondary.button--small {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 16px 52px !important;
  margin: 0 !important;
  min-height: auto !important;
  height: auto !important;

  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;

  color: #ffffff !important;
  background: #4c3c2f !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;

  overflow: hidden !important;
  transition: color 0.4s ease !important;
  z-index: 1 !important;
}

/* sliding dark layer */
a.button.button--secondary.button--small::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: #2e231c !important;
  transform: translateX(-101%) !important;
  transition: transform 0.42s cubic-bezier(0.4, 0, 0.2, 1) !important;
  z-index: -1 !important;
}

a.button.button--secondary.button--small:hover::before {
  transform: translateX(0) !important;
}

a.button.button--secondary.button--small:hover {
  color: #ffffff !important;
  background: #4c3c2f !important;
}

/* remove extra theme effects */
a.button.button--secondary.button--small::after {
  display: none !important;
}

a.button.button--secondary.button--small:hover,
a.button.button--secondary.button--small:focus,
a.button.button--secondary.button--small:active {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}
}



#fw-section-custom-html-3ebaf2c5-865b-4e19-9510-5a673a5a0669 {

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=DM+Sans:wght@300;400&display=swap');

*,
*::before,
*::after {
  box-sizing: border-box;
}

.hero,
.quotes,
.closing {
  width: 100%;
}

:root {
  --cream: #f5f0e8;
  --warm: #ede6d6;
  --brown: #3b2f2f;
  --brown-light: #7a6457;
  --accent: #c4a882;
  --dark: #1e1714;
}

body {
  background: var(--cream);
  color: var(--brown);
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  min-height: 100vh;
  overflow-x: hidden;
  margin: 0;
}

.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6rem 2rem 4rem;
  overflow: hidden;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 20% 80%, rgba(196,168,130,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 80% 20%, rgba(196,168,130,0.12) 0%, transparent 60%);
  pointer-events: none;
}

.eyebrow {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 2.5rem;
  opacity: 1;
}

.hero-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(52px, 10vw, 96px);
  font-weight: 400;
  line-height: 1.05;
  text-align: center;
  color: var(--dark);
  max-width: 800px;
  opacity: 1;
}

.hero-title em {
  font-style: italic;
  color: var(--brown-light);
}

.hero-sub {
  margin-top: 2rem;
  font-size: 16px;
  font-weight: 300;
  color: var(--brown-light);
  letter-spacing: 0.02em;
  line-height: 1.7;
  text-align: center;
  max-width: 380px;
  opacity: 1;
}

.scroll-hint {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  opacity: 1;
}

.scroll-line {
  width: 1px;
  height: 48px;
  background: linear-gradient(to bottom, transparent, var(--accent));
  animation: grow 2s ease-in-out infinite;
}

.scroll-text {
  font-size: 9px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--accent);
}

.quotes {
  padding: 6rem 2rem;
  max-width: 680px;
  margin: 0 auto;
}

.quote-card {
  position: relative;
  padding: 4rem 0;
  opacity: 1;
  transform: none;
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.quote-card + .quote-card {
  border-top: 1px solid rgba(196,168,130,0.3);
}

.quote-number {
  font-family: 'Playfair Display', serif;
  font-size: 80px;
  font-weight: 400;
  color: rgba(196,168,130,0.15);
  position: absolute;
  top: 2rem;
  right: 0;
  line-height: 1;
  pointer-events: none;
  user-select: none;
}

.quote-label {
  font-size: 9px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 1.5rem;
  display: block;
}

.quote-text {
  font-family: 'Playfair Display', serif;
  font-size: clamp(28px, 5vw, 42px);
  font-weight: 400;
  font-style: italic;
  line-height: 1.3;
  color: var(--dark);
  margin-bottom: 1.5rem;
}

.quote-desc {
  font-size: 15px;
  font-weight: 300;
  color: var(--brown-light);
  line-height: 1.8;
  max-width: 480px;
}

.closing {
  text-align: center;
  padding: 5rem 2rem 8rem;
  position: relative;
  overflow: hidden;
}

.closing::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(196,168,130,0.1) 0%, transparent 70%);
  pointer-events: none;
}

.closing-small {
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 2rem;
  display: block;
  opacity: 1;
  transform: none;
}

.closing-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(32px, 6vw, 56px);
  font-weight: 400;
  color: var(--dark);
  line-height: 1.2;
  margin-bottom: 2rem;
  opacity: 1;
  transform: none;
}

.closing-btn {
  display: inline-block;
  margin-top: 1rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--dark);
  border: 1px solid var(--accent);
  padding: 16px 40px;
  text-decoration: none;
  opacity: 1;
  transform: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.closing-btn:hover {
  background: var(--dark);
  color: var(--cream);
}

@keyframes grow {
  0%, 100% { transform: scaleY(1); opacity: 0.5; }
  50% { transform: scaleY(1.3); opacity: 1; }
}
}
#fw-section-rich-text-ead77161-174d-4025-b6e3-9efbffc9a20f {
--font-heading-scale: 0.95;
--font-body-scale: 1.0;
}
#fw-section-rich-text-75f9e735-8be4-4ecd-8e99-abbeac2d5c7d {
--color-primary: #f4f1eb;
--color-primary-rgb: 244, 241, 235;
--color-background: #4c3c2f;
--color-background-rgb: 76, 60, 47;
--color-on-background: #f4f1eb;
--color-on-background-rgb: 244, 241, 235;
--color-on-primary: #4c3c2f;
--color-on-primary-rgb: 76, 60, 47;
--color-product-image-background: #f4f1eb;
--color-background-brightness: 63;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f4f1eb;
--primary-btn-text: #4c3c2f;
--primary-btn-border-color: #f4f1eb;
--secondary-btn-bg: transparent;
--secondary-btn-text: #f4f1eb;
--secondary-btn-border-color: #f4f1eb;

}
#fw-section-rich-text-d1c8a03c-4248-473a-b063-b492f015bd25 {
--font-heading-scale: 1.67;
--font-body-scale: 1.0;
}
#fw-section-rich-text-d1c8a03c-4248-473a-b063-b492f015bd25 {
--color-primary: #f4f1eb;
--color-primary-rgb: 244, 241, 235;
--color-background: #4c3c2f;
--color-background-rgb: 76, 60, 47;
--color-on-background: #f4f1eb;
--color-on-background-rgb: 244, 241, 235;
--color-on-primary: #4c3c2f;
--color-on-primary-rgb: 76, 60, 47;
--color-product-image-background: #f4f1eb;
--color-background-brightness: 63;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f4f1eb;
--primary-btn-text: #4c3c2f;
--primary-btn-border-color: #f4f1eb;
--secondary-btn-bg: transparent;
--secondary-btn-text: #f4f1eb;
--secondary-btn-border-color: #f4f1eb;

}
#fw-section-newsletter-a7524acc-8849-409e-8a8c-be777088906d {
--color-primary: #f4f1eb;
--color-primary-rgb: 244, 241, 235;
--color-background: #4c3c2f;
--color-background-rgb: 76, 60, 47;
--color-on-background: #f4f1eb;
--color-on-background-rgb: 244, 241, 235;
--color-on-primary: #4c3c2f;
--color-on-primary-rgb: 76, 60, 47;
--color-product-image-background: #f4f1eb;
--color-background-brightness: 63;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f4f1eb;
--primary-btn-text: #4c3c2f;
--primary-btn-border-color: #f4f1eb;
--secondary-btn-bg: transparent;
--secondary-btn-text: #f4f1eb;
--secondary-btn-border-color: #f4f1eb;

}