#fw-section-rich-text-178924387931476 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #060b10;
--color-background-rgb: 6, 11, 16;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #060b10;
--color-on-primary-rgb: 6, 11, 16;
--color-product-image-background: #e3e3e3;
--color-background-brightness: 10;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #060b10;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}


#fw-section-collection-template-collection-default {
--font-heading-scale: 0.85;
--font-body-scale: 1.0;
}
#fw-section-collection-template-collection-default {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #060b10;
--color-background-rgb: 6, 11, 16;
--color-on-background: #dddddd;
--color-on-background-rgb: 221, 221, 221;
--color-on-primary: #dddddd;
--color-on-primary-rgb: 221, 221, 221;
--color-product-image-background: #e3e3e3;
--color-background-brightness: 10;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #dddddd;
--primary-btn-text: #060b10;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #dddddd;
--secondary-btn-border-color: #dddddd;

}

#fw-section-hero-0 {
--font-heading-scale: 0.8;
--font-body-scale: 1.0;
}
#fw-section-text-carousel-19cc9097-05ff-4853-9f03-4d5db73aad5d {
--font-heading-scale: 0.7;
--font-body-scale: 1.0;
}
#fw-section-text-carousel-19cc9097-05ff-4853-9f03-4d5db73aad5d {
--color-primary: #060b10;
--color-primary-rgb: 6, 11, 16;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--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: #e3e3e3;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #000000;
--primary-btn-border-color: #060b10;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-featured-collection-0 {
--color-primary: #dddddd;
--color-primary-rgb: 221, 221, 221;
--color-background: #060b10;
--color-background-rgb: 6, 11, 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: #e3e3e3;
--color-background-brightness: 10;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #060b10;
--primary-btn-border-color: #dddddd;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-image-with-text-0 {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-image-with-text-0 {


/* KURAI NAMI — VAEL HERO */

/* Smooth transitions throughout the hero */
.banner,
.slideshow,
.image-banner {
  isolation: isolate;
}

/* Atmospheric depth behind the artwork */
.banner::before,
.slideshow::before,
.image-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(
      ellipse at 22% 48%,
      rgba(0, 65, 110, 0.13),
      transparent 48%
    ),
    linear-gradient(
      90deg,
      transparent 40%,
      rgba(3, 7, 12, 0.2) 100%
    );
}

/* Premium typography */
.banner__heading,
.image-banner__heading,
.slideshow__text h2 {
  letter-spacing: 0.035em;
  line-height: 1.12;
  text-transform: uppercase;
  text-wrap: balance;
}

/* Hero button */
.banner__buttons .button,
.image-banner .button,
.slideshow__text .button {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.8);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    letter-spacing 0.3s ease;
}

/* Sweeping silver shine */
.banner__buttons .button::before,
.image-banner .button::before,
.slideshow__text .button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    110deg,
    transparent 25%,
    rgba(160, 200, 225, 0.35) 50%,
    transparent 75%
  );
  transform: translateX(-120%);
  transition: transform 0.65s ease;
  pointer-events: none;
}

.banner__buttons .button:hover::before,
.image-banner .button:hover::before,
.slideshow__text .button:hover::before {
  transform: translateX(120%);
}

.banner__buttons .button:hover,
.image-banner .button:hover,
.slideshow__text .button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(60, 140, 200, 0.16);
  letter-spacing: 0.06em;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

}
#fw-section-text-carousel-d9ed89b5-afdd-4d31-b5e7-d88b2db89fda {
--font-heading-scale: 0.75;
--font-body-scale: 1.0;
}
#fw-section-text-carousel-d9ed89b5-afdd-4d31-b5e7-d88b2db89fda {
--color-primary: #060b10;
--color-primary-rgb: 6, 11, 16;
--color-background: #060b10;
--color-background-rgb: 6, 11, 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: #e3e3e3;
--color-background-brightness: 10;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #060b10;
--primary-btn-border-color: #060b10;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}

#fw-section-announcement-bar-b31e1bef-b4ba-4a44-90da-af9c5f69971d {
--color-primary: #060b10;
--color-primary-rgb: 6, 11, 16;
--color-background: #060b10;
--color-background-rgb: 6, 11, 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: #e3e3e3;
--color-background-brightness: 10;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ffffff;
--primary-btn-text: #060b10;
--primary-btn-border-color: #060b10;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;

}
#fw-section-header {
--font-heading-scale: 1.15;
--font-body-scale: 1.05;
}
#fw-section-header {

/* =========================================
   KURAI NAMI — CLEAN LIGHT LOGO
   SUBTLE DARK WAVE HOVER GLOW
   ========================================= */

.header__logo {
  position: relative !important;
  display: inline-block !important;
  opacity: 1 !important;
  background: transparent !important;

  transition:
    transform 0.35s ease,
    filter 0.45s ease !important;
}


/* Keep the logo clean and bright */

.header__logo img,
.header__logo svg {
  display: block !important;

  opacity: 1 !important;
  visibility: visible !important;

  filter: none !important;

  transition:
    filter 0.45s ease,
    transform 0.35s ease !important;
}


/* =========================================
   HOVER — SOFT DARK WAVE GLOW
   ========================================= */

.header__logo:hover {
  transform: scale(1.015) !important;
}


.header__logo:hover img,
.header__logo:hover svg {
  filter:
    drop-shadow(0 0 2px rgba(255, 255, 255, 0.85))
    drop-shadow(0 0 4px rgba(190, 215, 235, 0.5))
    drop-shadow(0 0 12px rgba(130, 170, 200, 0.3))
    !important;
}


/* =========================================
   MAKE SURE NO OLD EFFECTS REMAIN
   ========================================= */

.header__logo::before,
.header__logo::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}
}
#fw-section-product-product-default {
--font-heading-scale: 0.7;
--font-body-scale: 0.85;
}