/* Review draft: continuous surfaces, existing artwork and content retained. */
body,.card,header,.hero,.polish-products.section,.quiet-brand,.quiet-brand+footer{background-color:#f8f2ec!important}
header nav{margin:0!important;transform:none!important;align-self:center!important}
.hero{aspect-ratio:auto!important;min-height:0!important}
.hero .intro{padding:28px 24px 36px!important}
.hero .hero-reference-fabric{mask-image:linear-gradient(transparent,#000 18%,#000 75%,transparent);opacity:.85}
.hero .hero-logo{clip-path:inset(0 0 3% 0)}
.polish-products #men{border:0!important;border-radius:0!important;background-image:linear-gradient(#f8f2ec,transparent 25%,transparent 75%,#f8f2ec),url('assets/hero-sage-gold.webp')!important;background-size:cover!important}
.polish-products #men .carousel-heading>div:first-child,.polish-products #men .carousel-controls{background:transparent!important}
.quiet-brand{background:#f8f2ec!important}
.quiet-brand>img.closing-artwork{object-fit:cover!important;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)!important}
@media(max-width:760px){.hero .intro{padding:18px 22px 26px!important}.hero .hero-reference-fabric{width:160%!important;left:-30%!important;max-width:none;mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent)}}
header{background:#f8f2ec!important}
.hero .hero-reference-fabric{overflow:visible}
.quiet-brand .closing-logo{clip-path:inset(0 0 3% 0)}
/* Second review: artwork belongs to the page surface, not individual boxes. */
.opening-scene{position:relative;isolation:isolate;background:#f8f2ec;overflow:hidden}
.opening-scene>.hero-reference-fabric{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.8;mask-image:linear-gradient(#000 0 72%,transparent 100%)}
.opening-scene header,.opening-scene .hero{background:transparent!important}
.opening-scene .hero{isolation:auto}
.opening-scene header{padding-top:24px!important}
.opening-scene .hero .intro{padding-top:20px!important;padding-bottom:32px!important}
#about{min-height:0!important;border:0!important;padding:26px 30px 30px!important;gap:14px!important;background-color:#f8f2ec!important;background-image:linear-gradient(#f8f2ec,transparent 22%,transparent 70%,#f8f2ec),url('assets/reference-locked-master-background.png')!important;background-size:100% 100%,auto 231.3253%!important;background-position:center,center 76.1468%!important}
#about:before,#about:after{display:none!important}
#about .about-copy{min-height:0!important;padding:22px 28px!important;background:#fffaf599!important;box-shadow:none!important;border:0!important}
#about .about-copy p{line-height:1.55!important;margin-bottom:16px!important}
#about .about-copy .values{margin:18px auto 10px!important;padding:8px 12px!important}
.brand-benefits,.section,#products,#women,#kids{background-color:#f8f2ec!important;border:0!important}
#men,#women,#kids{border:0!important;border-radius:0!important;box-shadow:none!important;background-image:linear-gradient(#f8f2ec,transparent 28%,transparent 68%,#f8f2ec),url('assets/closing-pastel-gold.webp')!important;background-size:100% 100%,cover!important;background-position:center!important}
#men{background-image:linear-gradient(#f8f2ec,transparent 28%,transparent 68%,#f8f2ec),url('assets/hero-sage-gold.webp')!important}
#women .carousel-heading,#kids .carousel-heading{background:transparent!important}
.quiet-brand>img.closing-artwork{mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)!important;opacity:.7}
@media(max-width:760px){
 .opening-scene>.hero-reference-fabric{width:150%;left:-25%;max-width:none;opacity:.7}
 .opening-scene .hero .intro{padding-top:14px!important;padding-bottom:28px!important}
 #about{padding:22px 20px 24px!important;gap:10px!important}
 #about .about-copy{padding:18px 18px!important}
 #about .about-copy p{line-height:1.5!important;margin-bottom:14px!important}
}
/* Full-width artwork; only a narrow blend at section boundaries. */
body{margin:0!important;padding:0!important}
main.card{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
.opening-scene>.hero-reference-fabric{opacity:1;mask-image:linear-gradient(#000 0 93%,transparent 100%)}
#about{background-image:linear-gradient(#f8f2ec,transparent 7%,transparent 93%,#f8f2ec),url('assets/reference-locked-master-background.png')!important;background-size:100% 100%,cover!important;background-position:center!important}
#men,#women,#kids{background-image:linear-gradient(#f8f2ec,transparent 8%,transparent 92%,#f8f2ec),url('assets/closing-pastel-gold.webp')!important;background-size:100% 100%,cover!important}
#men{background-image:linear-gradient(#f8f2ec,transparent 8%,transparent 92%,#f8f2ec),url('assets/hero-sage-gold.webp')!important}
.quiet-brand>img.closing-artwork{opacity:1;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)!important}
@media(max-width:760px){.opening-scene>.hero-reference-fabric{width:100%;left:0;opacity:1}}
#about{background-image:linear-gradient(#f8f2ec,transparent 8%,transparent 92%,#f8f2ec),url('assets/reference-locked-master-background.png')!important;background-size:100% 100%,auto 231.3253%!important;background-position:center,center 76.1468%!important}
@media(max-width:760px){
 #about{background-size:100% 100%,150% 231.3253%!important}
 #men,#women,#kids{background-size:100% 100%,100% 100%!important}
}
/* Mobile art direction: keep both decorated edges visible, with no washout. */
@media(max-width:760px){
 .opening-scene>.hero-reference-fabric{mask-image:linear-gradient(#000 calc(100% - 14px),transparent);opacity:1}
 #about{background-size:100% 100%,100% 231.3253%!important;background-image:linear-gradient(#f8f2ec,transparent 14px,transparent calc(100% - 14px),#f8f2ec),url('assets/reference-locked-master-background.png')!important}
 .polish-products #men{background-size:100% 100%,100% 100%!important;background-image:linear-gradient(#f8f2ec,transparent 14px,transparent calc(100% - 14px),#f8f2ec),url('assets/hero-sage-gold.webp')!important}
 #women,#kids{background-size:100% 100%,100% 100%!important;background-image:linear-gradient(#f8f2ec,transparent 14px,transparent calc(100% - 14px),#f8f2ec),url('assets/closing-pastel-gold.webp')!important}
 .quiet-brand>img.closing-artwork{mask-image:linear-gradient(transparent,#000 14px,#000 calc(100% - 14px),transparent)!important;object-fit:fill!important}
}

.mobile-fabric{display:none!important}
@media(max-width:760px){.desktop-fabric{display:none!important}.mobile-fabric{display:block!important}}
