.collectionChapter.editorialChapter.sand{--scene:url(/assets/previews/raml-scene.webp)!important}
.collectionChapter.editorialChapter.stone{--scene:url(/assets/previews/atlas-scene.webp)!important}
.collectionChapter.editorialChapter.pearl{--scene:url(/assets/previews/lulu-scene.webp)!important}
.collectionChapter.editorialChapter.steel{--scene:url(/assets/previews/foulath-scene.webp)!important}
.collectionChapter.editorialChapter,
.collectionChapter.editorialChapter .collectionVisual,
.collectionChapter.editorialChapter .collectionInfo{min-height:100svh!important}
.collectionChapter.editorialChapter{--chapter-fade:.18}
.collectionChapter.editorialChapter:before{
  background-image:linear-gradient(90deg,rgba(20,16,12,.2),rgba(20,16,12,.08)),var(--scene)!important;
  background-size:cover!important;background-position:center!important;opacity:calc(.92 * var(--chapter-fade))!important;
  transition:opacity .16s linear!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 89%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 89%,transparent 100%);
}
.collectionChapter.editorialChapter:after{display:none!important}
.collectionChapter.editorialChapter .collectionVisual{background:transparent!important}
.collectionVisual .productImage.editorialPreviewImage{
  width:100%!important;height:100svh!important;max-width:none!important;max-height:100svh!important;
  object-fit:cover!important;object-position:center!important;filter:none!important;
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 82%,transparent 100%);
  mask-image:linear-gradient(to right,#000 0%,#000 82%,transparent 100%);
  opacity:var(--chapter-fade);transition:opacity .16s linear,transform .6s ease!important;
}
.collectionChapter.editorialChapter .collectionInfo{opacity:var(--chapter-fade);transition:opacity .16s linear!important}
.collectionChapter.editorialChapter.sand{grid-template-columns:44% 56%!important}
.collectionChapter.editorialChapter.sand .editorialPreviewImage{object-fit:cover!important}
.collectionChapter.editorialChapter:nth-child(2n) .editorialPreviewImage{
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 100%);
}
.collectionChapter.editorialChapter .collectionInfo{
  background:linear-gradient(90deg,rgba(244,240,232,.78),rgba(244,240,232,.62))!important;
  -webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;
}
.collectionChapter.editorialChapter:nth-child(2n) .collectionInfo{background:linear-gradient(90deg,rgba(244,240,232,.68),rgba(244,240,232,.8))!important}
.collectionChapter.editorialChapter.steel .collectionInfo{background:linear-gradient(90deg,rgba(10,10,10,.76),rgba(18,18,18,.62))!important}
.collectionChapter:hover .collectionVisual .productImage.editorialPreviewImage{transform:scale(1.018)}
.collectionVisual:has(.editorialPreviewImage):after{display:none}
@media(max-width:800px){
  .collectionChapter.editorialChapter .collectionVisual{height:100svh!important;min-height:100svh!important}
  .collectionChapter.editorialChapter .collectionInfo{min-height:auto!important}
  .collectionVisual .productImage.editorialPreviewImage{height:100svh!important;min-height:0!important;max-height:100svh!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}
  .collectionChapter.editorialChapter.sand{grid-template-columns:1fr!important}
  .collectionChapter.editorialChapter:nth-child(2n) .editorialPreviewImage{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}
  .collectionChapter.editorialChapter .collectionInfo,.collectionChapter.editorialChapter:nth-child(2n) .collectionInfo{background:rgba(244,240,232,.76)!important}
  .collectionChapter.editorialChapter.steel .collectionInfo{background:rgba(10,10,10,.74)!important}
}
@media(prefers-reduced-motion:reduce){.collectionChapter.editorialChapter{--chapter-fade:1!important}}
