#fw-section-video-3897fb34-a7dd-49ce-a0e8-deca4da811ed {

video {
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 25%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 25%
  );
}
}

#fw-section-video-a39e99c0-f937-4afa-962e-d5504abe1b81 {

video {
  filter: drop-shadow(0 0 15px #00faff)
          drop-shadow(0 0 30px #5fffff)
          drop-shadow(0 0 45px #9affff);
}
}
#fw-section-video-7b44e793-777d-40f3-83c4-4237867adbdf {

video {
  filter: drop-shadow(0 0 40px #a800ff)
          drop-shadow(0 0 80px #00eaff)
          contrast(1.2) saturate(1.6);
}
}
#fw-section-video-4a98186b-0a68-47d3-9deb-2dd5ef03cb46 {

video {
  animation: plasma 6s ease-in-out infinite;
  filter: drop-shadow(0 0 15px #7a00ff) drop-shadow(0 0 30px #00d5ff);
}

@keyframes plasma {
  0% { filter: drop-shadow(0 0 10px #7a00ff) drop-shadow(0 0 20px #00d5ff); }
  50% { filter: drop-shadow(0 0 40px #9000ff) drop-shadow(0 0 60px #00eaff); }
  100% { filter: drop-shadow(0 0 10px #7a00ff) drop-shadow(0 0 20px #00d5ff); }
}

}
#fw-section-video-3e4421bb-19e7-4f1c-85cc-7dc6c3281175 {

video {
  -webkit-mask-image: linear-gradient(
    to top,
    transparent 0%,
    black 25%
  );
  mask-image: linear-gradient(
    to top,
    transparent 0%,
    black 25%
  );
}
}
#fw-section-video-21e5721f-4936-4e0a-9cf4-19f948dd8d9e {

video {
  filter: drop-shadow(0 0 15px #b000ff)
          drop-shadow(0 0 30px #d94dff)
          drop-shadow(0 0 45px #ff7bff);
}
}
#fw-section-video-05b60614-62e4-416b-b362-1ee1b7b5a05b {

video {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  animation: maskMove 5s linear infinite;
}

@keyframes maskMove {
  0%   { -webkit-mask-position: 0% 0%; mask-position: 0% 0%; }
  100% { -webkit-mask-position: 0% 100%; mask-position: 0% 100%; }
}
}






#fw-section-video-5f9fd56c-3ad2-417d-9fa8-3695892b9704 {

/* METHOD A - video mask fade (top + bottom) */
/* Put this into the VIDEO BANNER -> Custom CSS box */

video,
.video-banner video,
.hero video,
:host video {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;                  /* keeps video full width while cropping top/bottom */
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 7%,
    rgba(0,0,0,1) 93%,
    rgba(0,0,0,0) 100%
  ); /* Safari/Chrome */
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 7%,
    rgba(0,0,0,1) 93%,
    rgba(0,0,0,0) 100%
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  pointer-events: none; /* let clicks pass to the section if needed */
}
}
#fw-section-video-97f783f8-6c36-4d54-b9dc-26c61ce74eea {

/* FIXED VERSION - stronger, smoother fade & full coverage */

/* target the actual video element */
video,
.video-banner video,
.hero video,
:host video {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;

  /* stronger fade */
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,    /* fully transparent at very top */
    rgba(0,0,0,1) 20%,   /* fade in */
    rgba(0,0,0,1) 80%,   /* solid center */
    rgba(0,0,0,0) 100%   /* fade out bottom */
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 20%,
    rgba(0,0,0,1) 80%,
    rgba(0,0,0,0) 100%
  );

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
}
#fw-section-video-14982283-8a8f-41e2-974b-c719669c7f12 {

video {
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 20%,
    rgba(0,0,0,1) 80%,
    rgba(0,0,0,0) 100%
  );
  mask-image: linear-gradient(
    to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 20%,
    rgba(0,0,0,1) 80%,
    rgba(0,0,0,0) 100%
  );
}

}
#fw-section-video-7ee31258-f04a-4ce4-8a8b-0757c39288dc {

/* METHOD A - video mask fade (top + bottom) */
/* Put this into the VIDEO BANNER -> Custom CSS box */

video,
.video-banner video,
.hero video,
:host video {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;                  /* keeps video full width while cropping top/bottom */
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 7%,
    rgba(0,0,0,1) 93%,
    rgba(0,0,0,0) 100%
  ); /* Safari/Chrome */
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 7%,
    rgba(0,0,0,1) 93%,
    rgba(0,0,0,0) 100%
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  pointer-events: none; /* let clicks pass to the section if needed */
}
}
#fw-section-video-ea7294d2-f718-46bd-8491-da87bbbcd88e {

/* METHOD A - video mask fade (top + bottom) */
/* Put this into the VIDEO BANNER -> Custom CSS box */

video,
.video-banner video,
.hero video,
:host video {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;                  /* keeps video full width while cropping top/bottom */
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 7%,
    rgba(0,0,0,1) 93%,
    rgba(0,0,0,0) 100%
  ); /* Safari/Chrome */
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,1) 7%,
    rgba(0,0,0,1) 93%,
    rgba(0,0,0,0) 100%
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  pointer-events: none; /* let clicks pass to the section if needed */
}
}




#fw-section-rich-text-732323c7-1d29-4cf0-954f-98b25e5a7acf {
--font-heading-scale: 2.0;
--font-body-scale: 1.0;
}




















#fw-section-hero-video-1cb05213-2600-4c36-a716-7513da57462a {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-hero-ae77a7d2-8e14-4e06-a232-6e25a6701baf {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #ff0000;
--color-on-primary-rgb: 255, 0, 0;
--color-on-background: #8e8e8e;
--color-on-background-rgb: 142, 142, 142;
--color-product-image-background: #8e8e8e;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}


#fw-section-featured-collection-37f87e84-6efc-421c-9466-ab68db9805af {
--font-heading-scale: 1.0;
--font-body-scale: 0.7;
}



#fw-section-newsletter-2229d0d7-236a-4ada-a0ae-7885f839c19e {
--color-primary: #ff00ff;
--color-primary-rgb: 255, 0, 255;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #00d9ff;
--color-on-primary-rgb: 0, 217, 255;
--color-on-background: #777777;
--color-on-background-rgb: 119, 119, 119;
--color-product-image-background: #777777;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-video-76e43e24-a5bf-407e-8888-bf54635ffdf8 {

video {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  animation: maskMove 5s linear infinite;
}

@keyframes maskMove {
  0%   { -webkit-mask-position: 0% 0%; mask-position: 0% 0%; }
  100% { -webkit-mask-position: 0% 100%; mask-position: 0% 100%; }
}
}
#fw-section-video-a762905a-d83f-4b59-9d25-b5bc13e19663 {

video {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  animation: maskMove 5s linear infinite;
}

@keyframes maskMove {
  0%   { -webkit-mask-position: 0% 0%; mask-position: 0% 0%; }
  100% { -webkit-mask-position: 0% 100%; mask-position: 0% 100%; }
}
}









#fw-section-video-3a6d721e-9c14-4f09-bc73-ce92bcb97f21 {

video {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 40%, black 60%, transparent 100%);
  animation: maskMove 5s linear infinite;
}

@keyframes maskMove {
  0%   { -webkit-mask-position: 0% 0%; mask-position: 0% 0%; }
  100% { -webkit-mask-position: 0% 100%; mask-position: 0% 100%; }
}
}
#fw-section-footer {
--font-heading-scale: 1.0;
--font-body-scale: 0.75;
}