#fw-section-recent-videos-1745421511 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-instagram-feed-c98cf5bf-5471-4963-814c-6c1fdfd19f14 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}









#fw-section-collections-list-946aa07b-15cc-4799-8f72-62ed3800fd35 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}















#fw-section-hero-1745421511 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
/* Background fade effect */
section {
  position: relative;
  overflow: hidden;
}
section::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.7), rgba(128, 128, 128, 0.7));
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
section:hover::after,
section:active::after {
  opacity: 1;
}

/* Header effect */
h1 {
  font-size: 3rem; /* 50% larger start */
  color: white;
  transform: scale(1);
  transition: transform 0.3s ease;
}
h1:hover,
h1:active {
  transform: scale(1.75);
}

/* Description effect (class-based only) */
.description {
  font-size: 1.75rem; /* 75% larger */
  color: white;
  transform: scale(1);
  transition: transform 0.3s ease;
}
.description:hover,
.description:active {
  transform: scale(1.25);
}

}

#fw-section-collections-list-91fa2a3f-719f-4389-b6e6-d283395ce82d {

/* Gallery Layout */
.poster-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 2rem;
  padding: 2rem;
  background-color: #0a0a0a;
}

/* Each Poster */
.poster-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  border: 2px solid #4b0000;
  background-color: #111;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Poster Image */
.poster-card img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

/* Overlay title text */
.poster-card h3 {
  font-family: 'Cinzel', serif;
  color: #ff0000;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.6);
  padding: 0.5rem 1rem;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 1rem;
  pointer-events: none;
  box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
}

/* Hover effects */
.poster-card:hover {
  transform: scale(1.03);
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
  animation: pulseBorder 2s infinite;
}

.poster-card:hover img {
  transform: scale(1.05);
}

.poster-card:hover h3 {
  opacity: 1;
}

/* Border pulse animation */
@keyframes pulseBorder {
  0% { box-shadow: 0 0 10px rgba(255, 0, 0, 0.2); }
  50% { box-shadow: 0 0 20px rgba(255, 0, 0, 0.5); }
  100% { box-shadow: 0 0 10px rgba(255, 0, 0, 0.2); }
}

}





#fw-section-collections-list-19e19484-a253-4959-996e-c45af5c3a211 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}