#fw-section-rich-text-177388734526916 {

/* =========================
   GLOBAL CLEAN STYLE RESET
========================= */

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  color: #E6B84A !important;
}

/* Main page title (FREE LESSONS) */
h1 {
  font-size: 106px !important;
  line-height: 1.05 !important;
  margin-bottom: 18px !important;
  text-shadow: 0 0 18px rgba(230, 184, 74, 0.25) !important;
}

/* Subtext under heading */
h1 + p,
h2 + p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #EAEAEA !important;
  line-height: 1.4 !important;
  margin-top: 0 !important;
}

/* General body text */
p, li, span, div {
  color: #EAEAEA !important;
}

/* Buttons */
button,
a[class*="button"],
a[class*="Button"] {
  background: linear-gradient(90deg, #FFD892, #E18B22) !important;
  color: #111 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.35) !important;
  transition: all 0.2s ease !important;
}

/* Button hover */
button:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover {
  transform: translateY(-2px) !important;
  background: linear-gradient(90deg, #FFE2A8, #F2A84C) !important;
}

/* Product image polish */
img {
  border-radius: 10px !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,0.55),
    0 0 20px rgba(255, 216, 146, 0.15) !important;
}
}
#fw-section-featured-product-33ed98b1-eb12-4db4-a910-de2f1528dc15 {
--font-heading-scale: 0.92;
--font-body-scale: 1.12;
}
#fw-section-featured-product-33ed98b1-eb12-4db4-a910-de2f1528dc15 {

/* =========================
   FREE PAGE / FEATURED PRODUCT POLISH
========================= */

/* Main section headings */
h1, h2, h3, h4, h5, h6,
[class*="title"],
[class*="heading"] {
  color: #E6B84A !important;
  letter-spacing: 1px;
}

/* Body text */
p,
li,
span,
div,
strong,
em,
small {
  color: #EAEAEA !important;
}

/* Product image */
img {
  border-radius: 10px !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,0.55),
    0 0 20px rgba(255, 216, 146, 0.18) !important;
}

/* Buttons */
button,
a[class*="button"],
a[class*="Button"] {
  background: linear-gradient(90deg, #FFD892, #E18B22) !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.35) !important;
  transition: all 0.2s ease !important;
}

/* Button hover */
button:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover {
  background: linear-gradient(90deg, #FFE2A8, #F2A84C) !important;
  color: #111111 !important;
  transform: translateY(-2px) !important;
}

/* Price text */
[class*="price"],
[class*="Price"] {
  color: #EAEAEA !important;
  font-weight: 600 !important;
}

/* Optional: make the featured product block breathe a bit more */
section,
[class*="section"],
[class*="Section"] {
  line-height: 1.5;
}
}
#fw-section-links-list-1a252a6a-4166-4996-a306-d08e3a6bc810 {
--font-heading-scale: 1.19;
--font-body-scale: 1.12;
}
#fw-section-links-list-1a252a6a-4166-4996-a306-d08e3a6bc810 {

/* =========================
   CTA SECTION (Explore The Vault)
========================= */

/* Section spacing */
section {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 60px;
}

/* CTA Heading */
h2, h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 22px !important;
  color: #E6B84A !important;
  margin-bottom: 10px !important;
}

/* Down arrow under heading */
h2::after,
h3::after {
  content: "↓";
  display: block;
  font-size: 28px;
  margin-top: 8px;
  margin-bottom: 20px;
  color: #E6B84A;
  text-align: center;
  opacity: 0.85;
}

/* =========================
   CTA SECTION RESET + POLISH
========================= */

/* Section spacing */
section {
  text-align: center;
  padding-top: 28px;
  padding-bottom: 40px;
}

/* Heading */
h2, h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 20px !important;
  color: #E6B84A !important;
  margin-bottom: 8px !important;
}

/* Arrow under heading only */
h2::after,
h3::after {
  content: "↓";
  display: block;
  font-size: 26px;
  margin-top: 8px;
  margin-bottom: 18px;
  color: #E6B84A;
  text-align: center;
  opacity: 0.9;
}

/* Button */
button,
a[class*="button"],
a[class*="Button"] {
  background: linear-gradient(90deg, #FFD892, #E18B22) !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  min-height: auto !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.35) !important;
  transition: all 0.2s ease !important;
}

/* Button hover */
button:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover {
  background: linear-gradient(90deg, #FFE2A8, #F2A84C) !important;
  color: #111111 !important;
  transform: translateY(-2px) !important;
}

/* REMOVE any fake arrows/icons added by CSS */
button::before,
button::after,
a[class*="button"]::before,
a[class*="button"]::after,
a[class*="Button"]::before,
a[class*="Button"]::after {
  content: none !important;
}
}

#fw-section-hero-0 {

h1, h2, h3 {
  background: linear-gradient(90deg, #FFD892, #E18B22);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


p, li, span, div {
  color: #EAEAEA !important;
}

a {
  color: #35D3E6 !important;
}


h1, h2, h3 {
  background: linear-gradient(90deg, #FFD892, #E18B22);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

p, li, span, div {
  color: #EAEAEA !important;
}

a {
  color: #35D3E6 !important;
}

button,
a[class*="button"],
a[class*="Button"] {
  background: linear-gradient(90deg, #FFD892, #E18B22) !important;
  color: #111111 !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.4) !important;
}

button:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover {
  background: linear-gradient(90deg, #FFE2A8, #F29A2E) !important;
  color: #111111 !important;
}
}
#fw-section-rich-text-7fad4aa5-7776-4584-b2da-8087a8080bc1 {
--font-heading-scale: 1.4;
--font-body-scale: 1.4;
}
#fw-section-rich-text-7fad4aa5-7776-4584-b2da-8087a8080bc1 {

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #E6B84A !important;
}

/* Body text */
p, li, span, div, strong, em, small {
  color: #EAEAEA !important;
}

/* Links */
a {
  color: #35D3E6 !important;
}

/* Buttons */
button,
a[class*="button"],
a[class*="Button"] {
  background: linear-gradient(90deg, #FFD892, #E18B22) !important;
  color: #111111 !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.4) !important;
}

/* Button hover */
button:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover {
  background: linear-gradient(90deg, #FFE2A8, #F29A2E) !important;
  color: #111111 !important;
}
}
#fw-section-video-with-text-eb70b302-6ea3-4cf8-bca0-6fff41611f62 {
--font-heading-scale: 0.83;
--font-body-scale: 1.12;
}
#fw-section-video-with-text-eb70b302-6ea3-4cf8-bca0-6fff41611f62 {

/* ===== HEADINGS (force gold everywhere) ===== */
h1, h2, h3, h4, h5, h6,
[class*="title"],
[class*="heading"] {
  color: #E6B84A !important;
}

/* ===== BODY TEXT ===== */
p, li, span, div, strong, em, small {
  color: #EAEAEA !important;
}

/* ===== LINKS ===== */
a {
  color: #35D3E6 !important;
}

/* ===== BUTTON (GOLD GRADIENT) ===== */
button,
a[class*="button"],
a[class*="Button"] {
  background: linear-gradient(90deg, #FFD892, #E18B22) !important;
  color: #111111 !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important;
  transform: translateY(0);
  transition: all 0.2s ease;
}

/* ===== BUTTON HOVER ===== */
button:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover {
  background: linear-gradient(90deg, #FFE2A8, #F29A2E) !important;
  color: #111111 !important;
  transform: translateY(-2px);
}
iframe {
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.6), 0 0 20px rgba(255, 216, 146, 0.4);
}
}
#fw-section-featured-collection-90ad700d-0cb3-4074-a60e-8d72ddac5b54 {
--font-heading-scale: 1.68;
--font-body-scale: 1.12;
}
#fw-section-featured-collection-90ad700d-0cb3-4074-a60e-8d72ddac5b54 {

/* =========================
   GLOBAL TEXT STYLING
========================= */

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #E6B84A !important;
}

/* Body text */
p, li, span, div, strong, em {
  color: #EAEAEA !important;
}

/* Links */
a {
  color: #35D3E6 !important;
}


/* =========================
   HEADER TAGLINE (INSIDE THE VAULT)
========================= */

/* Adds subtext under section headers */
h2::after {
  content: "Start with one idea. Build your sound.";
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #EAEAEA;
  margin-top: 8px;
}


/* =========================
   BUTTON STYLING
========================= */

/* Default buttons */
button,
a[class*="button"],
a[class*="Button"] {
  background: linear-gradient(90deg, #FFD892, #E18B22) !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  transition: all 0.3s ease !important;
}

/* Hover effect */
button:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover {
  background: linear-gradient(90deg, #FFE2A8, #F0A84C) !important;
  color: #111111 !important;
}


/* =========================
   PRODUCT IMAGE GLOW + HOVER
========================= */

img {
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* Glow on hover */
img:hover {
  box-shadow: 0 0 25px rgba(230, 184, 74, 0.35);
  transform: scale(1.03);
}


/* =========================
   CENTER (FREE PRODUCT) HIGHLIGHT
========================= */

/* Highlights middle image slightly */
img:nth-of-type(2) {
  box-shadow: 0 0 35px rgba(230, 184, 74, 0.25);
  transform: scale(1.02);
}


/* =========================
   VIDEO / IMAGE FRAME GLOW
========================= */

iframe {
  border-radius: 10px;
  box-shadow: 0 0 25px rgba(230, 184, 74, 0.3);
}


/* =========================
   FORCE REMOVE RED THEME
========================= */

* {
  --primary: #E6B84A !important;
}
/* STRONGER CENTER EMPHASIS */
img:nth-of-type(2) {
  box-shadow: 0 0 45px rgba(230, 184, 74, 0.45);
  transform: scale(1.05);
  z-index: 2;
}
h2::after {
  opacity: 0.8;
}
h2::after {
  opacity: 0.8 !important;
}
}
#fw-section-image-with-text-75ec4f85-024e-45e2-9dfa-e30552a9f557 {
--font-heading-scale: 1.03;
--font-body-scale: 1.1;
}
#fw-section-image-with-text-75ec4f85-024e-45e2-9dfa-e30552a9f557 {

/* FORCE SECTION HEADINGS GOLD */
h1, h2, h3, h4, h5, h6,
[class*="title"],
[class*="heading"] {
  color: #E6B84A !important;
}
/* IMAGE / CARD GLOW */
img {
  border-radius: 12px !important;
  box-shadow:
    0 8px 30px rgba(0,0,0,0.6),
    0 0 20px rgba(255, 216, 146, 0.25) !important;
}
}
#fw-section-image-with-text-a2d7ac14-c9ed-4b3e-9321-e8bcc9f1d265 {
--font-heading-scale: 1.03;
--font-body-scale: 1.1;
}
#fw-section-image-with-text-a2d7ac14-c9ed-4b3e-9321-e8bcc9f1d265 {

/* FORCE SECTION HEADINGS GOLD */
h1, h2, h3, h4, h5, h6,
[class*="title"],
[class*="heading"] {
  color: #E6B84A !important;
}
/* IMAGE / CARD GLOW */
img {
  border-radius: 12px !important;
  box-shadow:
    0 8px 30px rgba(0,0,0,0.6),
    0 0 20px rgba(255, 216, 146, 0.25) !important;
}
}
#fw-section-image-with-text-a9d76239-76d0-4056-927c-3ceca9c94b02 {
--font-heading-scale: 1.05;
--font-body-scale: 1.12;
}
#fw-section-image-with-text-a9d76239-76d0-4056-927c-3ceca9c94b02 {

/* =========================
   HEADINGS
========================= */

h1, h2, h3, h4, h5, h6,
[class*="title"],
[class*="heading"] {
  color: #E6B84A !important;
}

/* =========================
   BODY TEXT
========================= */

p,
li,
span,
div,
strong,
em,
small {
  color: #EAEAEA !important;
}

/* =========================
   LINKS
========================= */

a {
  color: #35D3E6 !important;
}

/* =========================
   BUTTONS
========================= */

button,
a[class*="button"],
a[class*="Button"] {
  background: linear-gradient(90deg, #FFD892, #E18B22) !important;
  color: #111111 !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important;
  transition: all 0.2s ease !important;
}

button:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover {
  background: linear-gradient(90deg, #FFE2A8, #F29A2E) !important;
  transform: translateY(-2px) !important;
}

/* =========================
   IMAGE GLOW (YOUR PHOTO)
========================= */

/* Applies to all images (safe for your site) */
img {
  border-radius: 12px !important;
  box-shadow:
    0 10px 35px rgba(0,0,0,0.7),
    0 0 25px rgba(255, 216, 146, 0.25) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Subtle hover lift */
img:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 14px 45px rgba(0,0,0,0.8),
    0 0 30px rgba(255, 216, 146, 0.35) !important;
}
}