#fw-section-rich-text-b49039cb-3137-40b1-8560-15e88bc8d455 {

.rich-text__heading {
  display: none !important;
}

}
#fw-section-hero-a7246880-9925-44cd-9bd8-6469c1a1f953 {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.5 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.6);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}
}
#fw-section-rich-text-6551af44-18e9-47b5-a08d-10b2ef5eedb9 {

.rich-text__heading {
  display: none !important;
}

}
#fw-section-hero-3e1f8847-cb9e-457c-9dd4-4d239ad0a338 {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.5 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.6);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}
}
#fw-section-rich-text-ab0a47c5-dffd-46ad-8794-1c4ea2d7c99b {

.rich-text__heading {
  display: none !important;
}

}
#fw-section-hero-765ff18a-295a-42a3-8978-c847a7362b3c {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.5 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.6);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}
}
#fw-section-rich-text-0dc94d99-19a7-4357-aaf3-791607e290cd {

.rich-text__heading {
  display: none !important;
}

}
#fw-section-hero-d46aa476-faad-47b6-8ee5-c55d0b82cd28 {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.5 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.6);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}
}
#fw-section-rich-text-81bdbda5-742c-40cd-82a4-2cf06447ed22 {

.rich-text__heading {
  display: none !important;
}

}
#fw-section-hero-489dbaa3-fdee-4ce6-aa29-5157104740ab {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}


#fw-section-custom-html-59939ae3-0651-4c54-8f31-6a60909014fd {

/* ========================================= */
/* SECTION 2 — Atmosphere Text Block         */
/* ========================================= */

.world-atmosphere {
  background-color: #2C2920;   /* Sandmound dark background */
  color: #EAE3D2;              /* text color */
  padding: 80px 24px 80px;
}

.world-atmosphere__inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.world-atmosphere__line {
  font-size: 1.05rem;
  line-height: 1.65;
  opacity: 0.92;
  margin: 0 0 14px;
}

.world-atmosphere__line:last-child {
  margin-bottom: 20;
}

}
#fw-section-hero-bbaebe6c-babc-473d-b9a2-4c43b104da8a {

/* Darken bottom of hero banner */
.section-background {
  overflow: hidden;
}

.section-background::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%; /* adjust darkness height */
  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
}

}

#fw-section-custom-html-0b44639e-4158-4909-beb6-4770f02306e4 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

/* SECTION — See How It Looks on the Wall */

.world-preview {
  background-color: #2C2920;   /* same dark as formats + artworks */
  color: #EAE3D2;
  padding: 72px 24px 240px;
}

.world-preview__inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.world-preview__title {
  font-size: 1.1rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 28px;
}

/* CTA buttons row */
.world-preview__cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* reuse world-formats__btn for size/style */
.world-preview__btn {
  /* optional small tweak if you want them a touch tighter or wider*/ 
  /*padding: 10px 22px; */
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* mobile stacking */
@media (max-width: 600px) {
  .world-preview {
    padding: 60px 18px 44px;
  }

  .world-preview__cta {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}

}
#fw-section-hero-fe5a9648-4093-475c-afae-591301b31ead {

/* Darken bottom of hero banner */
.section-background {
  overflow: hidden;
}

.section-background::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%; /* adjust darkness height */
  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
}

}

#fw-section-custom-html-4d427418-1416-4a0a-b180-2cdb5e2dd684 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

/* SECTION — See How It Looks on the Wall */

.world-preview {
  background-color: #2C2920;   /* same dark as formats + artworks */
  color: #EAE3D2;
  padding: 72px 24px 200px;
}

.world-preview__inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.world-preview__title {
  font-size: 1.1rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 28px;
}

/* CTA buttons row */
.world-preview__cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* reuse world-formats__btn for size/style */
.world-preview__btn {
  /* optional small tweak if you want them a touch tighter or wider*/ 
  /*padding: 10px 22px; */
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* mobile stacking */
@media (max-width: 600px) {
  .world-preview {
    padding: 60px 18px 44px;
  }

  .world-preview__cta {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}

}
#fw-section-custom-html-850d7019-f68c-42ef-9d42-b13d41b6ca2c {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


/* WORLD FORMATS SECTION – SANDMOUND STYLE */

.world-formats {
  background-color: #2C2920;        /* your dark background */
  color: #EAE3D2;                   /* your text color */
  padding: 80px 24px;
}

.world-formats__inner {
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

.world-formats__title {
  font-size: 2rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.world-formats__subtitle {
  margin: 0 0 40px;
  font-size: 0.98rem;
  opacity: 0.9;
}

.world-formats__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.world-formats__card {
  flex: 1 1 260px;
  max-width: 360px;
  border: 1px solid rgba(234, 227, 210, 0.18);
  padding: 24px 22px 26px;
  text-align: left;
  background: rgba(0, 0, 0, 0.08);
}

.world-formats__card-title {
  margin: 0 0 10px;
  font-size: 1.15rem;
}

.world-formats__card-text {
  margin: 0 0 20px;
  font-size: 0.95rem;
  line-height: 1.5;
  opacity: 0.9;
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* Mobile stacking */
@media (max-width: 768px) {
  .world-formats {
    padding: 60px 18px;
  }

  .world-formats__card {
    max-width: 100%;
  }
}


/* ========================================= */
/* SECTION 5 — All Artworks Header Block     */
/* ========================================= */

.world-artworks {
  background-color: #2C2920;   /* same dark background */
  color: #EAE3D2;              /* your text color */
  padding: 72px 24px 48px;
}

.world-artworks__inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.world-artworks__title {
  font-size: 1.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.world-artworks__subtitle {
  font-size: 1rem;
  opacity: 0.9;
  margin: 0;
  line-height: 1.6;
}

}
#fw-section-featured-collection-be7b684c-8027-437d-8a32-0ee37c24a538 {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-featured-collection-0aacfed9-2a2f-443e-99c5-0663ba2f78f1 {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-custom-html-70226200-9a84-455e-958f-df6c1da89d27 {

/* ========================================= */
/* Curated Highlights header (above 2 picks) */
/* ========================================= */

.world-highlights {
  background-color: #2C2920;   /* same dark background as page */
  color: #EAE3D2;              /* your text color */
  padding: 72px 24px 32px;     /* more space above, less below */
}

.world-highlights__inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.world-highlights__title {
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.world-highlights__subtitle {
  font-size: 0.98rem;
  opacity: 0.9;
  margin: 0;
  line-height: 1.6;
}

}


#fw-section-custom-html-a0a34b87-e7f2-4a70-ad3e-811bef40b587 {

.world-craft {
  background-color: #2C2920;      /* dark Sandmound background */
  color: #EAE3D2;                 /* text color */
  padding: 72px 24px 108px;       /* bottom padding increased by 20px */
}

.world-craft__inner {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.world-craft__title {
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 18px;
}

.world-craft__body {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.6;
  opacity: 0.95;
}

}
#fw-section-hero-8046edab-f154-4c58-8084-ecfd3d1e623e {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}

#fw-section-hero-d0ad1b4d-ef2d-4257-821e-5a262d5fcb39 {

/* Darken right side of hero banner */
.section-background {
  overflow: hidden;
}

.section-background::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;   /* how far the gradient extends horizontally */
  height: 100%;
  pointer-events: none;

  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.2) 100%
  );
}

.section-background__image {
  transform: scaleX(-1);
  transform-origin: center;
}

}


#fw-section-featured-collection-6864784a-a0fa-4018-950b-3e9ddf3bae57 {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-featured-collection-a3d4ac88-c98d-4ae6-a22b-b361d91d61dc {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-custom-html-082e2ddd-72ea-41b8-bd76-99e84bc1f512 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


/* WORLD FORMATS SECTION – SANDMOUND STYLE */

.world-formats {
  background-color: #2C2920;        /* your dark background */
  color: #EAE3D2;                   /* your text color */
  padding: 200px 24px;
}

.world-formats__inner {
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

.world-formats__title {
  font-size: 2rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.world-formats__subtitle {
  margin: 0 0 40px;
  font-size: 0.98rem;
  opacity: 0.9;
}

.world-formats__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.world-formats__card {
  flex: 1 1 260px;
  max-width: 360px;
  border: 1px solid rgba(234, 227, 210, 0.18);
  padding: 24px 22px 26px;
  text-align: left;
  background: rgba(0, 0, 0, 0.08);
}

.world-formats__card-title {
  margin: 0 0 10px;
  font-size: 1.15rem;
}

.world-formats__card-text {
  margin: 0 0 20px;
  font-size: 0.95rem;
  line-height: 1.5;
  opacity: 0.9;
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* Mobile stacking */
@media (max-width: 768px) {
  .world-formats {
    padding: 60px 18px;
  }

  .world-formats__card {
    max-width: 100%;
  }
}
}
#fw-section-hero-23dbff3b-44ae-4898-a431-185b6383f913 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}


#fw-section-rich-text-edd7aa97-af0e-4ab4-8777-e8ec172672db {

.rich-text__heading {
  display: none !important;
}
}
#fw-section-hero-7b9c03d5-c418-4322-b17d-ae92ace5a457 {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.23 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.94);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


}
#fw-section-rich-text-acb3f608-20e2-4400-a3e1-0a82fe28213b {

.rich-text__heading {
  display: none !important;
}
}
#fw-section-hero-a0a5ec8b-c94c-4f1e-bb1a-f8b351497f6b {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.23 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.94);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


}
#fw-section-rich-text-21fcdd15-ab4f-4add-afdf-4d10727a6819 {

.rich-text__heading {
  display: none !important;
}
}
#fw-section-hero-93130d9c-1920-4fa0-b5f9-28bcaba531d6 {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.23 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.94);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


}
#fw-section-rich-text-bfd05e84-0b43-4ee8-bb40-f037ec87ecd1 {
--font-heading-scale: 1.55;
--font-body-scale: 1.0;
}
#fw-section-hero-7d70c414-c93b-4220-a288-685a64ab3a1b {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.23 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.94);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


}

#fw-section-custom-html-c79702f8-6336-49be-8c83-865559b80e82 {

/* ========================================= */
/* ABOUT THE UNIVERSE – COLLECTIONS PAGE     */
/* ========================================= */

.universe-intro {
  background-color: #2C2920;       /* Sandmound dark */
  color: #EAE3D2;                  /* Sandmound text */
  padding: 200px 24px 200px;        /* generous breathing space */
}

.universe-intro__inner {
  max-width: 840px;
  margin: 0 auto;
  text-align: center;
}

.universe-intro__title {
  font-size: 1.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 18px;
}

.universe-intro__text {
  font-size: 1.05rem;
  line-height: 1.7;
  opacity: 0.92;
  margin: 0;
}

}
#fw-section-custom-html-44527841-f3c8-4e8d-97ae-feb0e0ef6e28 {
--color-primary: #D4A373;
--color-primary-rgb: 212, 163, 115;
--color-background: #25251e;
--color-background-rgb: 37, 37, 30;
--color-on-primary: #FFFFF6;
--color-on-primary-rgb: 255, 255, 246;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-product-image-background: #EAE3D2;
--color-background-brightness: 36;
background-color: var(--color-background);
color: var(--color-on-background);
/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


/* WORLD FORMATS SECTION – SANDMOUND STYLE */

.world-formats {
  background-color: #25251e;  /* #2C2920; */       /* your dark background */
  color: #EAE3D2;                   /* your text color */
  padding: 100px 24px;
}

.world-formats__inner {
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

.world-formats__title {
  font-size: 2rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.world-formats__subtitle {
  margin: 0 0 40px;
  font-size: 0.98rem;
  opacity: 0.9;
}

.world-formats__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.world-formats__card {
  flex: 1 1 260px;
  max-width: 360px;
  border: 1px solid rgba(234, 227, 210, 0.18);
  padding: 24px 22px 26px;
  text-align: left;
  background: rgba(0, 0, 0, 0.08);
}

.world-formats__card-title {
  margin: 0 0 10px;
  font-size: 1.15rem;
}

.world-formats__card-text {
  margin: 0 0 20px;
  font-size: 0.95rem;
  line-height: 1.5;
  opacity: 0.9;
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* Mobile stacking */
@media (max-width: 768px) {
  .world-formats {
    padding: 60px 18px;
  }

  .world-formats__card {
    max-width: 100%;
  }
}
}
#fw-section-rich-text-2f0687f8-88f3-41b1-977d-3a0a6f56db3a {
--font-heading-scale: 1.55;
--font-body-scale: 1.0;
}
#fw-section-featured-collection-36314cfb-0229-4054-8239-304e9d688c37 {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}


#fw-section-custom-html-6cbfe466-4c52-44dc-9443-8db08d2614c7 {

/* ========================================= */
/* SECTION 2 — Atmosphere Text Block         */
/* ========================================= */

.world-atmosphere {
  background-color: #2C2920;   /* Sandmound dark background */
  color: #EAE3D2;              /* text color */
  padding: 80px 24px 80px;
}

.world-atmosphere__inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.world-atmosphere__line {
  font-size: 1.05rem;
  line-height: 1.65;
  opacity: 0.92;
  margin: 0 0 14px;
}

.world-atmosphere__line:last-child {
  margin-bottom: 20;
}

}
#fw-section-hero-0ad12ba7-0478-4ebb-aa57-700be79064df {

/* Darken bottom of hero banner */
.section-background {
  overflow: hidden;
}

.section-background::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%; /* adjust darkness height */
  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.25) 100%
  );
}

}

#fw-section-custom-html-cfb4c43e-7283-4157-b541-e888276081b7 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

/* SECTION — See How It Looks on the Wall */

.world-preview {
  background-color: #2C2920;   /* same dark as formats + artworks */
  color: #EAE3D2;
  padding: 72px 24px 240px;
}

.world-preview__inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.world-preview__title {
  font-size: 1.1rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 28px;
}

/* CTA buttons row */
.world-preview__cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* reuse world-formats__btn for size/style */
.world-preview__btn {
  /* optional small tweak if you want them a touch tighter or wider*/ 
  /*padding: 10px 22px; */
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* mobile stacking */
@media (max-width: 600px) {
  .world-preview {
    padding: 60px 18px 44px;
  }

  .world-preview__cta {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}

}
#fw-section-featured-collection-9a550f76-9650-4e7e-bf46-beaf5e5b0720 {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-hero-4614a369-3260-4456-afe9-ca4ca798f07d {

/* Darken bottom of hero banner */
.section-background {
  overflow: hidden;
}

.section-background::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%; /* adjust darkness height */
  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.25) 100%
  );
}

}

#fw-section-custom-html-44b84fed-a3d9-45e9-8336-ab67ce883f8d {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

/* SECTION — See How It Looks on the Wall */

.world-preview {
  background-color: #2C2920;   /* same dark as formats + artworks */
  color: #EAE3D2;
  padding: 72px 24px 240px;
}

.world-preview__inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.world-preview__title {
  font-size: 1.1rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 28px;
}

/* CTA buttons row */
.world-preview__cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* reuse world-formats__btn for size/style */
.world-preview__btn {
  /* optional small tweak if you want them a touch tighter or wider*/ 
  /*padding: 10px 22px; */
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* mobile stacking */
@media (max-width: 600px) {
  .world-preview {
    padding: 60px 18px 44px;
  }

  .world-preview__cta {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}

}

#fw-section-custom-html-efa854e4-96bf-4862-ba81-c226e86a77a2 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


/* WORLD FORMATS SECTION – SANDMOUND STYLE */

.world-formats {
  background-color: #2C2920;        /* your dark background */
  color: #EAE3D2;                   /* your text color */
  padding: 80px 24px;
}

.world-formats__inner {
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

.world-formats__title {
  font-size: 2rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.world-formats__subtitle {
  margin: 0 0 40px;
  font-size: 0.98rem;
  opacity: 0.9;
}

.world-formats__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.world-formats__card {
  flex: 1 1 260px;
  max-width: 360px;
  border: 1px solid rgba(234, 227, 210, 0.18);
  padding: 24px 22px 26px;
  text-align: left;
  background: rgba(0, 0, 0, 0.08);
}

.world-formats__card-title {
  margin: 0 0 10px;
  font-size: 1.15rem;
}

.world-formats__card-text {
  margin: 0 0 20px;
  font-size: 0.95rem;
  line-height: 1.5;
  opacity: 0.9;
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* Mobile stacking */
@media (max-width: 768px) {
  .world-formats {
    padding: 60px 18px;
  }

  .world-formats__card {
    max-width: 100%;
  }
}


/* ========================================= */
/* SECTION 5 — All Artworks Header Block     */
/* ========================================= */

.world-artworks {
  background-color: #2C2920;   /* same dark background */
  color: #EAE3D2;              /* your text color */
  padding: 72px 24px 48px;
}

.world-artworks__inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.world-artworks__title {
  font-size: 1.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.world-artworks__subtitle {
  font-size: 1rem;
  opacity: 0.9;
  margin: 0;
  line-height: 1.6;
}

}
#fw-section-featured-collection-0670836f-5486-4c06-b2c5-8a7128f4b734 {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-featured-collection-3279e1f7-9d51-4389-b34a-a2951ad13791 {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-custom-html-d24a5512-ecad-42f3-ba99-bfb326cf5273 {

/* ========================================= */
/* Curated Highlights header (above 2 picks) */
/* ========================================= */

.world-highlights {
  background-color: #2C2920;   /* same dark background as page */
  color: #EAE3D2;              /* your text color */
  padding: 72px 24px 32px;     /* more space above, less below */
}

.world-highlights__inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.world-highlights__title {
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.world-highlights__subtitle {
  font-size: 0.98rem;
  opacity: 0.9;
  margin: 0;
  line-height: 1.6;
}

}



#fw-section-custom-html-63063301-9e13-431c-a7c2-8e06e0165a96 {

.world-craft {
  background-color: #2C2920;      /* dark Sandmound background */
  color: #EAE3D2;                 /* text color */
  padding: 72px 24px 108px;       /* bottom padding increased by 20px */
}

.world-craft__inner {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.world-craft__title {
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 18px;
}

.world-craft__body {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.6;
  opacity: 0.95;
}

}
#fw-section-hero-fae7fdc0-1a15-4d14-a876-bdac50ec5075 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}

#fw-section-hero-cc496807-9186-4b98-bc39-5bc260ffa824 {

/* Darken right side of hero banner */
.section-background {
  overflow: hidden;
}

.section-background::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;   /* how far the gradient extends horizontally */
  height: 100%;
  pointer-events: none;

  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.2) 100%
  );
}

.section-background__image {
  transform: scaleX(-1);
  transform-origin: center;
}

}


#fw-section-featured-collection-ee043fb4-dcff-46e7-90ac-8740fa6219bf {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-featured-collection-27d50d70-d735-40a5-bb65-fc1298e23d98 {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-custom-html-e2b80f79-d526-4201-b4d4-1fb0fe4257c8 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


/* WORLD FORMATS SECTION – SANDMOUND STYLE */

.world-formats {
  background-color: #2C2920;        /* your dark background */
  color: #EAE3D2;                   /* your text color */
  padding: 200px 24px;
}

.world-formats__inner {
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

.world-formats__title {
  font-size: 2rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.world-formats__subtitle {
  margin: 0 0 40px;
  font-size: 0.98rem;
  opacity: 0.9;
}

.world-formats__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.world-formats__card {
  flex: 1 1 260px;
  max-width: 360px;
  border: 1px solid rgba(234, 227, 210, 0.18);
  padding: 24px 22px 26px;
  text-align: left;
  background: rgba(0, 0, 0, 0.08);
}

.world-formats__card-title {
  margin: 0 0 10px;
  font-size: 1.15rem;
}

.world-formats__card-text {
  margin: 0 0 20px;
  font-size: 0.95rem;
  line-height: 1.5;
  opacity: 0.9;
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* Mobile stacking */
@media (max-width: 768px) {
  .world-formats {
    padding: 60px 18px;
  }

  .world-formats__card {
    max-width: 100%;
  }
}
}
#fw-section-hero-3a7647cb-bfa5-410b-99c0-cb2552113e2e {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}

#fw-section-collection-template-collection-default {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-custom-html-746b95a8-f601-4277-b2f5-3fd5d5a0e4a7 {
--color-primary: #D4A373;
--color-primary-rgb: 212, 163, 115;
--color-background: #2c2920;
--color-background-rgb: 44, 41, 32;
--color-on-primary: #FFFFF6;
--color-on-primary-rgb: 255, 255, 246;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-product-image-background: #EAE3D2;
--color-background-brightness: 41;
background-color: var(--color-background);
color: var(--color-on-background);
/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

/* WORLD FORMATS SECTION – SANDMOUND STYLE */

.world-formats {
  background-color: #2C2920;  /* #2C2920; */       /* your dark background */
  color: #EAE3D2;                   /* your text color */
  padding: 200px 24px;
}

.world-formats__inner {
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

.world-formats__title {
  font-size: 2rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.world-formats__subtitle {
  margin: 0 0 40px;
  font-size: 0.98rem;
  opacity: 0.9;
}

.world-formats__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.world-formats__card {
  flex: 1 1 260px;
  max-width: 360px;
  border: 1px solid rgba(234, 227, 210, 0.18);
  padding: 24px 22px 26px;
  text-align: left;
  background: rgba(0, 0, 0, 0.08);
}

.world-formats__card-title {
  margin: 0 0 10px;
  font-size: 1.15rem;
}

.world-formats__card-text {
  margin: 0 0 20px;
  font-size: 0.95rem;
  line-height: 1.5;
  opacity: 0.9;
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* Mobile stacking */
@media (max-width: 768px) {
  .world-formats {
    padding: 60px 18px;
  }

  .world-formats__card {
    max-width: 100%;
  }
}
}
#fw-section-hero-27e9e9ea-1a41-419e-80c3-7047726616b6 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}

#fw-section-hero-1760385030 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}
#fw-section-rich-text-61bb6c1d-5879-46cf-84f6-5c22de165f46 {
--font-heading-scale: 1.55;
--font-body-scale: 1.0;
}
#fw-section-hero-23775950-8a8e-4e9f-966d-feaafd0542f2 {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.23 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.94);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


}
#fw-section-rich-text-f8c85fb4-d327-4b18-b971-0816f534049c {

.rich-text__heading {
  display: none !important;
}
}
#fw-section-hero-de01ca44-23ca-4dfa-a28f-c727c8b1d8ab {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.23 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.94);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


}
#fw-section-rich-text-148e40e8-7cf9-485a-9d97-0aa2d25e315d {

.rich-text__heading {
  display: none !important;
}
}
#fw-section-hero-10032f8b-beda-4208-950f-54dd2a6d3eed {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.23 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.94);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


}

#fw-section-hero-f1348888-3c9b-43a2-8b38-1df7a80eab87 {

/* SUBTLE HOVER EFFECT FOR HERO / WORLD BANNERS
   Uses the actual Fourthwall hero structure
*/

/* 1. Smooth transitions on image & overlay */
.hero .section-background__image {
  transition: transform 800ms ease-out, filter 400ms ease-out;
}

.hero .section-background__overlay {
  transition: opacity 260ms ease-out;
}

/* 2. Hover state: gentle darkening + tiny zoom */
.hero:hover .section-background__overlay {
  opacity: 0.23 !important;      /* was 0.1 inline – darken slightly on hover */
}

.hero:hover .section-background__image {
  transform: scale(1.015);       /* very small push-in, cinematic */
  filter: brightness(0.94);      /* tiny darkening to deepen contrast */
}

/* 3. Ensure text always sits above everything cleanly */
.hero .hero__inner {
  position: relative;
  z-index: 2;
}
.section-background {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.hero__container {
  position: relative;
  overflow: hidden;
}

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


}

#fw-section-rich-text-4619b696-943d-4cf1-8162-bc9be19fd953 {
--font-heading-scale: 1.55;
--font-body-scale: 1.0;
}
#fw-section-featured-collection-d12d383f-c242-4bcd-8841-3d15954b8fd0 {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-rich-text-4fcc4274-b31a-4c06-8c48-08b513f17756 {

.rich-text__heading {
  display: none !important;
}
}
#fw-section-hero-e7f15f50-049f-474b-bf39-51a923d1a58e {

/* MICRO PARALLAX – hero / world banners */
@media (min-width: 1024px) {
  .hero .section-background__image {
    background-attachment: fixed;
  }
}

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}
#fw-section-rich-text-aee59a80-9dd3-4dbb-ba01-b5a5efd00d5c {

.rich-text__heading {
  display: none !important;
}
}
#fw-section-custom-html-dad988f1-04d6-4c57-abe4-714871030409 {
--color-primary: #D4A373;
--color-primary-rgb: 212, 163, 115;
--color-background: #25251e;
--color-background-rgb: 37, 37, 30;
--color-on-primary: #FFFFF6;
--color-on-primary-rgb: 255, 255, 246;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-product-image-background: #EAE3D2;
--color-background-brightness: 36;
background-color: var(--color-background);
color: var(--color-on-background);
.from-studio {
  background-color: #25251e;          /* Sandmound dark */
  color: #EAE3D2;                     /* warm ivory text */
  padding: 100px 24px 100px;
}

.from-studio__inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.from-studio__title {
  font-size: 1.4rem;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.from-studio__text {
  font-size: 1.05rem;
  line-height: 1.7;
  opacity: 0.95;
  margin-bottom: 28px;
}

.from-studio__author {
  font-size: 0.95rem;
  opacity: 0.75;
}

}
#fw-section-rich-text-5e1a2a3b-0d69-4c20-8ccd-6ce1adf66e02 {

.rich-text__heading {
  display: none !important;
}
}
#fw-section-custom-html-2793828c-73b7-42f8-afc0-02e8a3c756ca {

/* Social Proof Section (matches .from-studio aesthetic) */
.social-proof {
  background-color: #2C2920;    /* Sandmound dark */
  color: #EAE3D2;               /* warm ivory text */
  padding: 100px 24px 100px;
}

.social-proof__inner {
  max-width: 100% !important;
  /*max-width: 1120px;*/
  margin: 0 auto;
  text-align: center;
}

/* Title */
.social-proof__title {
  font-size: 1.4rem;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  margin-bottom: 22px;
  opacity: 0.95;
}

/* Subline */
.social-proof__subline {
  max-width: 620px;
  margin: 0 auto 48px;
  font-size: 1.05rem;
  line-height: 1.7;
  opacity: 0.9;
}

/* Mockup Grid */
.social-proof__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: 42px;
}

.social-proof__grid img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 0;
  border: 1px solid rgba(234, 227, 210, 0.12);   /* subtle ivory line */
  background-color: #1f1f1a;
  transition: transform 200ms ease-out, opacity 200ms ease-out;
}

/* Soft, architectural hover */
.social-proof__grid img:hover {
  transform: translateY(-3px);
  opacity: 0.92;
}

/* Credibility Bar */

.social-proof__credibility {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding-top: 26px;
  border-top: 1px solid rgba(234, 227, 210, 0.16);

  font-size: 0.78rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  opacity: 0.7;
}

.social-proof__credibility span {
  white-space: nowrap;
}

.social-proof__credibility .dot {
  width: 4px;
  height: 4px;
  background: rgba(234, 227, 210, 0.18);
  border-radius: 50%;
  flex-shrink: 0;
}


@media (max-width: 640px) {
  .social-proof__credibility {
    flex-direction: column;
    gap: 0.6rem;
  }

  .social-proof__credibility .dot {
    display: none;
  }
}




/* Responsive */
@media (max-width: 1024px) {
  .social-proof {
    padding: 80px 24px;
  }

  .social-proof__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .social-proof {
    padding: 70px 18px;
  }

  .social-proof__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .social-proof__title {
    font-size: 1.25rem;
  }
}

@media (max-width: 480px) {
  .social-proof {
    padding: 60px 14px;
  }

  .social-proof__grid img {
    aspect-ratio: 4 / 5;
  }
}

}






#fw-section-rich-text-0481ca6f-52ce-4633-86cd-ab7030c1d2e0 {

.rich-text__heading {
  display: none !important;
}
}
#fw-section-custom-html-09e48398-ddd9-4b60-976d-98b8e877663a {
--color-primary: #D4A373;
--color-primary-rgb: 212, 163, 115;
--color-background: #25251e;
--color-background-rgb: 37, 37, 30;
--color-on-primary: #FFFFF6;
--color-on-primary-rgb: 255, 255, 246;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-product-image-background: #EAE3D2;
--color-background-brightness: 36;
background-color: var(--color-background);
color: var(--color-on-background);
/* ========================================= */
/* QUALITY STANDARDS – GALLERY CARD LAYOUT   */
/* ========================================= */

.quality-card {
  background-color: #25251e;          /* Sandmound dark */
  color: #EAE3D2;
  padding: 100px 24px 100px;
}

.quality-card__inner {
  max-width: 980px;
  margin: 0 auto;
  border: 1px solid rgba(234, 227, 210, 0.18);  /* subtle gallery border */
  padding: 40px 40px 44px;
}

.quality-card__title {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 1.4rem;
  margin: 0 0 26px;
  text-align: center;
}

/* Three sparse columns */

.quality-card__row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 32px;
}

.quality-card__item {
  border-left: 1px solid rgba(234, 227, 210, 0.16);
  padding-left: 24px;
}

.quality-card__item:first-child {
  border-left: none;
  padding-left: 0;
}

.quality-card__item-title {
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin: 0 0 10px;
}

.quality-card__item-text {
  font-size: 0.95rem;
  line-height: 1.6;
  opacity: 0.92;
  margin: 0;
}

/* Mobile / tablet adjustments */

@media (max-width: 900px) {
  .quality-card__inner {
    padding: 32px 24px 36px;
  }

  .quality-card__row {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }

  .quality-card__item {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid rgba(234, 227, 210, 0.16);
    padding-top: 18px;
  }

  .quality-card__item:first-child {
    border-top: none;
    padding-top: 0;
  }

  .quality-card__title {
    margin-bottom: 22px;
  }
}

}


#fw-section-hero-518d7e06-c4c7-4594-ad66-a5da56787e79 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}

#fw-section-hero-53f828de-7860-4f44-bddf-0b9e86961303 {

/* Darken bottom of hero banner */
.section-background {
  overflow: hidden;
}

.section-background::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 55%; /* adjust darkness height */
  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(44, 41, 32, 0) 0%,
    rgba(44, 41, 32, 0.6) 80%,
    rgba(44, 41, 32, 0.85) 100%
  );
}

}









#fw-section-custom-html-372d9b7d-dd30-4804-a1b4-efea7d681f9a {

/* Size Reference section — matches sm-qc rhythm */
.sm-sr {
  width: 100%;
  padding: 4rem 1.5rem 4rem; /* match sm-qc */
}

/* Use same divider class you already defined: .sm-qc__divider */
.sm-qc__divider {
  max-width: auto;/*1200px;*/
  margin: 2rem auto 6rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
}

/* Container */
.sm-sr__inner {
  max-width: auto;          /* mirrors your sm-qc approach */
  margin: 0 auto;
}

/* Centered header */
.sm-sr__text {
  text-align: center;
  margin: 0 auto 2.5rem;
  max-width: 720px;
}

/* Title matches sm-qc title feel */
.sm-sr__title {
  font-size: 2rem;
  letter-spacing: 0.08em;
  margin: 0 0 1rem 0;
  text-transform: uppercase;
}

/* Description matches sm-qc desc feel */
.sm-sr__desc {
  margin: 0 auto;
  opacity: 0.85;
  line-height: 1.6;
}

/* Image */
.sm-sr__media {
  width: 100%;
}

.sm-sr__image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0 !important; /* remove FW rounding */
}

/* Responsive */
@media (max-width: 900px) {
  .sm-sr__text {
    margin-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 900px) {

  /* Make image full-bleed and centered to viewport */
  .sm-sr__media {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
  }

  .sm-sr__image {
    width: 100%;
    max-width: 100%;
    display: block;
  }

}


/*caption*/

.size-ref {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem; /* controls spacing evenly */
  margin-top: 1.5rem;
  font-size: 0.9rem;
  letter-spacing: 0.04em;
  opacity: 0.85;
  flex-wrap: wrap; /* graceful on mobile */
}

.size-ref__item {
  white-space: nowrap;
}

.size-ref__item em {
  font-style: normal;
  opacity: 0.7;
}

.size-ref__dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(234, 227, 210, 0.18);
}

@media (max-width: 640px) {
  .size-ref {
    flex-direction: column;
    gap: 0.75rem;
  }

  .size-ref__dot {
    display: none;
  }
}



.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

}

#fw-section-custom-html-fb2e2a63-1813-4072-ae91-56bc54681389 {
--color-primary: #D4A373;
--color-primary-rgb: 212, 163, 115;
--color-background: #25251e;
--color-background-rgb: 37, 37, 30;
--color-on-primary: #FFFFF6;
--color-on-primary-rgb: 255, 255, 246;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-product-image-background: #EAE3D2;
--color-background-brightness: 36;
background-color: var(--color-background);
color: var(--color-on-background);
/* Divider line */
.sm-qc__divider {
  max-width: auto;/*1200px;*/
  margin: 6rem auto 6rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
}

/* Section */
.sm-qc {
  width: 100%;
  padding: 4rem 1.5rem 6rem;
}

/* Inner layout */
.sm-qc__inner {
  max-width: auto;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 4rem;
  align-items: center;
}

/* Text */
.sm-qc__title {
  font-size: 2rem;
  letter-spacing: 0.08em;
  margin-bottom: 1rem;
}

.sm-qc__desc {
  max-width: 480px;
  margin-bottom: 1.5rem;
  opacity: 0.85;
}

.sm-qc__list {
  list-style: none;
  margin: 1.2rem 0 0 0;
  padding: 0;
}

.sm-qc__list li {
  position: relative;
  padding-left: 16px;
  margin: 0 0 10px 0;
  line-height: 1.6;
  opacity: 0.9;
}

.sm-qc__list li:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.85;
}

/* Image */
.sm-qc__media {
  width: 100%;
}

.sm-qc__image {
  width: 100%;
  height: auto;
  border-radius: 0 !important; /* remove FW rounding */
  display: block;
}

/* Responsive */
@media (max-width: 900px) {
  .sm-qc__inner {
    grid-template-columns: 1fr;
  }
}

}
#fw-section-product-recommendations-product-canvas-editions {

.collection__heading {
  text-align: center;
  padding-bottom: 2rem;
}

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-custom-html-254e126d-5787-42e9-924a-9b30ca8cbb18 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


/* WORLD FORMATS SECTION – SANDMOUND STYLE */

.world-formats {
  background-color: #2C2920;        /* your dark background */
  color: #EAE3D2;                   /* your text color */
  padding: 200px 24px;
}

.world-formats__inner {
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

.world-formats__title {
  font-size: 2rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.world-formats__subtitle {
  margin: 0 0 40px;
  font-size: 0.98rem;
  opacity: 0.9;
}

.world-formats__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.world-formats__card {
  flex: 1 1 260px;
  max-width: 360px;
  border: 1px solid rgba(234, 227, 210, 0.18);
  padding: 24px 22px 26px;
  text-align: left;
  background: rgba(0, 0, 0, 0.08);
}

.world-formats__card-title {
  margin: 0 0 10px;
  font-size: 1.15rem;
}

.world-formats__card-text {
  margin: 0 0 20px;
  font-size: 0.95rem;
  line-height: 1.5;
  opacity: 0.9;
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* Mobile stacking */
@media (max-width: 768px) {
  .world-formats {
    padding: 60px 18px;
  }

  .world-formats__card {
    max-width: 100%;
  }
}
}
#fw-section-hero-1d1e396d-997f-4bc8-8046-dbd0db3f00fc {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}


#fw-section-product-recommendations-product-default {

/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-custom-html-78b1a77c-9f2b-40a1-b4de-0dcdae71484d {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


/* WORLD FORMATS SECTION – SANDMOUND STYLE */

.world-formats {
  background-color: #2C2920;  /* #2C2920; */       /* your dark background */
  color: #EAE3D2;                   /* your text color */
  padding: 200px 24px;
}

.world-formats__inner {
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

.world-formats__title {
  font-size: 2rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.world-formats__subtitle {
  margin: 0 0 40px;
  font-size: 0.98rem;
  opacity: 0.9;
}

.world-formats__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.world-formats__card {
  flex: 1 1 260px;
  max-width: 360px;
  border: 1px solid rgba(234, 227, 210, 0.18);
  padding: 24px 22px 26px;
  text-align: left;
  background: rgba(0, 0, 0, 0.08);
}

.world-formats__card-title {
  margin: 0 0 10px;
  font-size: 1.15rem;
}

.world-formats__card-text {
  margin: 0 0 20px;
  font-size: 0.95rem;
  line-height: 1.5;
  opacity: 0.9;
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* Mobile stacking */
@media (max-width: 768px) {
  .world-formats {
    padding: 60px 18px;
  }

  .world-formats__card {
    max-width: 100%;
  }
}
}
#fw-section-hero-bd73fbe1-ab4f-4b71-8bcc-d61db3da9888 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}


#fw-section-custom-html-15645432-0b76-4ca0-ab27-9b452e673fc5 {
--color-primary: #D4A373;
--color-primary-rgb: 212, 163, 115;
--color-background: #2c2920;
--color-background-rgb: 44, 41, 32;
--color-on-primary: #FFFFF6;
--color-on-primary-rgb: 255, 255, 246;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-product-image-background: #EAE3D2;
--color-background-brightness: 41;
background-color: var(--color-background);
color: var(--color-on-background);
/* Size Reference section — matches sm-qc rhythm */
.sm-sr {
  width: 100%;
  padding: 4rem 1.5rem 4rem; /* match sm-qc */
}

/* Use same divider class you already defined: .sm-qc__divider */
.sm-qc__divider {
  max-width: auto;/*1200px;*/
  margin: 2rem auto 6rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
}

/* Container */
.sm-sr__inner {
  max-width: auto;          /* mirrors your sm-qc approach */
  margin: 0 auto;
}

/* Centered header */
.sm-sr__text {
  text-align: center;
  margin: 0 auto 2.5rem;
  max-width: 720px;
}

/* Title matches sm-qc title feel */
.sm-sr__title {
  font-size: 2rem;
  letter-spacing: 0.08em;
  margin: 0 0 1rem 0;
  text-transform: uppercase;
}

/* Description matches sm-qc desc feel */
.sm-sr__desc {
  margin: 0 auto;
  opacity: 0.85;
  line-height: 1.6;
}

/* Image */
.sm-sr__media {
  width: 100%;
}

.sm-sr__image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0 !important; /* remove FW rounding */
}

/* Responsive */
@media (max-width: 900px) {
  .sm-sr__text {
    margin-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 900px) {

  /* Make image full-bleed and centered to viewport */
  .sm-sr__media {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
  }

  .sm-sr__image {
    width: 100%;
    max-width: 100%;
    display: block;
  }

}


/*caption*/

.size-ref {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem; /* controls spacing evenly */
  margin-top: 1.5rem;
  font-size: 0.9rem;
  letter-spacing: 0.04em;
  opacity: 0.85;
  flex-wrap: wrap; /* graceful on mobile */
}

.size-ref__item {
  white-space: nowrap;
}

.size-ref__item em {
  font-style: normal;
  opacity: 0.7;
}

.size-ref__dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(234, 227, 210, 0.18);
}

@media (max-width: 640px) {
  .size-ref {
    flex-direction: column;
    gap: 0.75rem;
  }

  .size-ref__dot {
    display: none;
  }
}



.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}
}

#fw-section-custom-html-728ecd0b-2b91-4d63-bb5d-5929eeebe5c3 {
--color-primary: #D4A373;
--color-primary-rgb: 212, 163, 115;
--color-background: #25251e;
--color-background-rgb: 37, 37, 30;
--color-on-primary: #FFFFF6;
--color-on-primary-rgb: 255, 255, 246;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-product-image-background: #EAE3D2;
--color-background-brightness: 36;
background-color: var(--color-background);
color: var(--color-on-background);
/* Divider line */
.sm-qc__divider {
  max-width: auto;/*1200px;*/
  margin: 6rem auto 6rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
}

/* Section */
.sm-qc {
  width: 100%;
  padding: 4rem 1.5rem 6rem;
}

/* Inner layout */
.sm-qc__inner {
  max-width: auto;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 4rem;
  align-items: center;
}

/* Text */
.sm-qc__title {
  font-size: 2rem;
  letter-spacing: 0.08em;
  margin-bottom: 1rem;
}

.sm-qc__desc {
  max-width: 480px;
  margin-bottom: 1.5rem;
  opacity: 0.85;
}

.sm-qc__list {
  list-style: none;
  margin: 1.2rem 0 0 0;
  padding: 0;
}

.sm-qc__list li {
  position: relative;
  padding-left: 16px;
  margin: 0 0 10px 0;
  line-height: 1.6;
  opacity: 0.9;
}

.sm-qc__list li:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.85;
}

/* Image */
.sm-qc__media {
  width: 100%;
}

.sm-qc__image {
  width: 100%;
  height: auto;
  border-radius: 0 !important; /* remove FW rounding */
  display: block;
}

/* Responsive */
@media (max-width: 900px) {
  .sm-qc__inner {
    grid-template-columns: 1fr;
  }
}

}
#fw-section-product-recommendations-product-framed-poster {
--color-primary: #D4A373;
--color-primary-rgb: 212, 163, 115;
--color-background: #2c2920;
--color-background-rgb: 44, 41, 32;
--color-on-primary: #FFFFF6;
--color-on-primary-rgb: 255, 255, 246;
--color-on-background: #EAE3D2;
--color-on-background-rgb: 234, 227, 210;
--color-product-image-background: #EAE3D2;
--color-background-brightness: 41;
background-color: var(--color-background);
color: var(--color-on-background);
.collection__heading {
  text-align: center;
  padding-bottom: 2rem;
}


/* MICRO ZOOM HOVER EFFECT FOR PRODUCT CARDS */

/* 1. Make sure the image container clips the zoomed image */
.product-tile .tile_image {
  overflow: hidden;
}

/* 2. Base state – smooth transition on the actual <img> elements */
.product-tile .image__object img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform-origin: center center;
}

/* 3. Hover state – subtle cinematic zoom + gentle brightening */
.product-tile:hover .image__object img {
  transform: scale(1.04) !important;   /* micro zoom */
  filter: brightness(1.05) !important;  /* tiny highlight */
}

/* (Optional) slightly softer zoom on smaller screens */
@media (max-width: 768px) {
  .product-tile:hover .image__object img {
    transform: scale(1.02) !important;
  }
}

}
#fw-section-custom-html-a117e723-c840-4a93-81c4-709e7c0659b6 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}


/* WORLD FORMATS SECTION – SANDMOUND STYLE */

.world-formats {
  background-color: #2C2920;        /* your dark background */
  color: #EAE3D2;                   /* your text color */
  padding: 200px 24px;
}

.world-formats__inner {
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

.world-formats__title {
  font-size: 2rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.world-formats__subtitle {
  margin: 0 0 40px;
  font-size: 0.98rem;
  opacity: 0.9;
}

.world-formats__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.world-formats__card {
  flex: 1 1 260px;
  max-width: 360px;
  border: 1px solid rgba(234, 227, 210, 0.18);
  padding: 24px 22px 26px;
  text-align: left;
  background: rgba(0, 0, 0, 0.08);
}

.world-formats__card-title {
  margin: 0 0 10px;
  font-size: 1.15rem;
}

.world-formats__card-text {
  margin: 0 0 20px;
  font-size: 0.95rem;
  line-height: 1.5;
  opacity: 0.9;
}

.world-formats__btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #D4A373;       /* primary sand tone */
  color: #FFFFF6;                  /* text over primary */
  font-size: 0.95rem;
  text-decoration: none;
  white-space: nowrap;
}

.world-formats__btn:hover {
  filter: brightness(0.95);
}

/* Mobile stacking */
@media (max-width: 768px) {
  .world-formats {
    padding: 60px 18px;
  }

  .world-formats__card {
    max-width: 100%;
  }
}
}
#fw-section-hero-d67fb027-c154-47ea-9f93-d30ec557fbb5 {

/* CINEMATIC BUTTON REVEAL ON HOVER */

.hero__cta-container a,
.world-banner__btn,
.world-formats__btn,
.spotlight-banner__btn {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, filter 160ms ease-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.hero__cta-container a:hover,
.world-banner__btn:hover,
.world-formats__btn:hover,
.spotlight-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.35);
  filter: brightness(0.97);
}

}