/* ---- v4: typography, product page sections, responsive pass ---- */
:root{--serif:"Montserrat",system-ui,sans-serif;--sans:"Open Sans",system-ui,sans-serif}
body{font-family:var(--sans);font-size:16px;line-height:1.65;color:#2b2a28}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;line-height:1.18}
h1{font-size:clamp(2rem,4.2vw,3.5rem)}h2{font-size:clamp(1.55rem,2.6vw,2.3rem)}h3{font-size:1.15rem}
.eyebrow{font-family:var(--serif);font-weight:600;font-size:.7rem;letter-spacing:.2em}
.btn{font-family:var(--serif);font-weight:600;letter-spacing:.1em}
.logo{font-family:var(--serif);font-weight:600;font-size:1.3rem;letter-spacing:.16em}
nav.main>a,nav.main>.has-mega>a,.cart-btn,.menu-toggle{font-family:var(--serif);font-weight:500;letter-spacing:.08em}
.card h3{font-size:1rem;font-weight:500;margin:.9rem 0 .2rem;line-height:1.35}
.lookc b{font-size:1.1rem}.space span{font-family:var(--serif);font-weight:500}
.stats b{font-size:1.9rem}.facts b,.tiers b{font-size:1.25rem}.steps3 b{font-size:1.15rem}
.chd h4{font-size:1.05rem;font-weight:600}.qd h3{font-size:1.3rem}.qprice b{font-family:var(--serif);font-size:1.5rem}
.quote{font-family:var(--serif);font-weight:400;font-size:clamp(1.25rem,2.1vw,1.8rem);line-height:1.5}
.shead h3{font-size:1.5rem}.boxc h3{font-size:1.15rem}.whoc h3{font-size:1.2rem}

/* room-first card (tile as a small swatch) */
.card.room .ph img.sw{position:absolute;left:10px;bottom:10px;width:46px;height:46px;border:3px solid var(--paper);box-shadow:0 2px 10px rgba(0,0,0,.22);transition:none}
.card.room:hover .ph img:first-child{transform:scale(1.04)}

/* product page layout */
.pdp{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-areas:"gal head" "gal info";grid-template-rows:auto 1fr;column-gap:clamp(24px,4vw,64px);row-gap:0;padding-bottom:72px}
.pdp .gallery{grid-area:gal;min-width:0}.phead{grid-area:head}.pinfo{grid-area:info;min-width:0}
.phead h1{font-size:clamp(1.7rem,2.6vw,2.4rem);margin-bottom:.4rem}
.gallery .main{aspect-ratio:4/3;max-height:min(68vh,600px);width:100%}
.thumbs img{width:66px;height:66px}
.desc{font-size:.95rem}
@media(max-width:900px){.pdp{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "gal" "info";padding-top:4px!important}.phead{margin-bottom:1rem}.gallery .main{max-height:none}.gnav{width:38px;height:38px;font-size:1.3rem}.thumbs img{width:58px;height:58px}.pinfo{margin-top:.6rem}}

/* full width bands inside the page wrapper */
.bleed{margin-left:calc(-1 * clamp(16px,4vw,64px));margin-right:calc(-1 * clamp(16px,4vw,64px))}

/* why choose */
.why{position:relative;background:#2c2a27 center/cover no-repeat;color:#fff;text-align:center;padding:clamp(72px,10vw,130px) clamp(16px,4vw,64px)}
.why:before{content:"";position:absolute;inset:0;background:rgba(20,19,17,.55)}
.why div{position:relative;max-width:1000px;margin:0 auto}
.why h2{color:#fff;margin-bottom:.7em}.why p{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;margin:0;color:#f3eee6}
.why3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#ebe8e2;padding:44px clamp(16px,4vw,64px) 60px}
.why3 div{background:#f7f6f3;border:1px solid #d9d4cb;padding:1.9rem 2rem 2.2rem}
.why3 h3{font-size:1.2rem;margin:0 0 .9rem}.why3 p{margin:0;font-size:.97rem;color:var(--ink-2)}
@media(max-width:820px){.why3{grid-template-columns:1fr;gap:12px;padding-top:24px;padding-bottom:36px}.why3 div{padding:1.4rem 1.4rem 1.6rem}}

/* part of a collection */
.coll{padding:clamp(56px,7vw,96px) 0 clamp(48px,6vw,80px)}
.coll h2{margin-bottom:1.6rem}
.cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
@media(max-width:1000px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cgrid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.ccard{scroll-snap-align:start}}
.ccard{text-decoration:none;display:block;min-width:0}
.cimg{position:relative;aspect-ratio:1;overflow:hidden;background:var(--linen-2)}
.cimg img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.ccard:hover .cimg img:first-child{transform:scale(1.04)}
.cimg .sw{position:absolute;left:10px;bottom:10px;width:46px;height:46px;border:3px solid var(--paper);box-shadow:0 2px 10px rgba(0,0,0,.22)}
.ccard h3{font-size:1.15rem;margin:1rem 0 .45rem}
.ccard.cur .cimg{outline:2px solid var(--ink);outline-offset:3px}
.cdot{display:flex;gap:.5rem;align-items:center;font-size:.82rem;color:var(--muted);margin:.2rem 0}
.cline{font-size:.92rem;color:var(--ink-2);margin:.25rem 0 0}

/* start planning */
.plan h2{text-align:center;font-size:clamp(1.3rem,2vw,1.7rem);margin:12px 0 28px}
.plan2{display:grid;grid-template-columns:1fr 1fr}
.pp{position:relative;min-height:clamp(300px,32vw,460px);background:#3a3835 center/cover no-repeat;display:grid;place-items:center;text-align:center;color:#fff}
.pp:before{content:"";position:absolute;inset:0;background:rgba(20,19,17,.5);transition:background .4s}.pp:hover:before{background:rgba(20,19,17,.4)}
.pp div{position:relative;padding:1.5rem}
.pp p{font-size:clamp(1.15rem,1.8vw,1.55rem);margin:0 0 1.1rem;color:#fff}
.pbtn{background:none;border:0;border-bottom:2px solid transparent;color:#fff;font:600 clamp(1rem,1.4vw,1.25rem)/1 var(--serif);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-flex;gap:.45rem;padding:.4rem 0}
.pbtn:hover{border-color:#fff}
.pp small{display:block;margin-top:1rem;font-size:.82rem;color:#e6e0d6}
@media(max-width:700px){.plan2{grid-template-columns:1fr}.pp{min-height:260px}}

/* shop filters on phones */
.ftoggle{display:none}
@media(max-width:860px){
.ftoggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.95rem 1.1rem;border:1px solid var(--ink);background:var(--paper);font:600 .78rem/1 var(--serif);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--ink)}
.ftoggle:after{content:"+";font-size:1.1rem}.ftoggle[aria-expanded=true]:after{content:"\2212"}
.filters{display:none}.filters.open{display:block;border-bottom:1px solid var(--line);padding-bottom:1rem}
.shop{gap:16px;padding-top:24px}}

/* general responsive pass */
@media(max-width:640px){
section{padding:56px 0}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
.card h3{font-size:.92rem}.card p{font-size:.8rem}
.slides{min-height:76vh}.slide .wrap,.hero .wrap{padding-top:110px}
.slide .lead,.hero p.lead,.pagehero .lead{font-size:1rem}
.btn{padding:.9em 1.3em;font-size:.72rem}
.head-row{align-items:flex-start}
.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats b{font-size:1.4rem}
.search{min-width:0;width:100%}.shop-top label{width:100%}
.facts{grid-template-columns:1fr 1fr}
footer.site .cols{grid-template-columns:1fr 1fr}
.samplebar .btn{width:100%;justify-content:center}
.qrow{flex-direction:column;align-items:stretch}.qprice{text-align:left}
.lbox{padding:48px 6px}
.topbar .wrap{justify-content:center;text-align:center}
header.site .wrap{height:64px;gap:1rem}nav.main{top:64px}
.logo{font-size:1.1rem}
.crumbs{font-size:.75rem}
}
/* phone header */
@media(max-width:640px){
.topbar .wrap>span:first-child{display:none}.topbar .wrap{padding-top:.45rem;padding-bottom:.45rem}
header.site .wrap{gap:.6rem}.logo small{display:none}
.hdr-actions{gap:.7rem;margin-left:auto}.cart-btn,.menu-toggle{font-size:.66rem;letter-spacing:.04em;white-space:nowrap;padding:0}
.cart-btn .count{width:19px;height:19px;font-size:.64rem}
}
/* you might also like slider */
.cgrid.slider{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px) / 4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.cgrid.slider::-webkit-scrollbar{display:none}.cgrid.slider .ccard{scroll-snap-align:start}
@media(max-width:1000px){.cgrid.slider{grid-auto-columns:calc((100% - 18px) / 2)}}
@media(max-width:560px){.cgrid.slider{grid-auto-columns:76%}}
.coll + .also{padding-top:0}.also .head-row{margin-bottom:1.6rem;align-items:center}.also h2{margin:0}
.sdots{display:flex;justify-content:center;gap:10px;margin-top:1.4rem}.sdots button{width:10px;height:10px;border-radius:50%;border:0;background:#c9c3b8;padding:0;cursor:pointer}.sdots button.on{background:var(--ink)}
/* ---- v4b: search, samples page, menu fix ---- */
.mega .promo .eyebrow{color:#fff;opacity:.9}
.mega .promo h3{color:#fff}.mega .promo span{color:#f1ece4}
.srch-btn{background:none;border:0;padding:6px;cursor:pointer;color:var(--ink);display:inline-grid;place-items:center}
.srch-btn:hover{color:var(--gold-d)}
html.srch-open{overflow:hidden}
.srch{position:fixed;inset:0;z-index:95}
.srch[hidden]{display:none}
.srch-shade{position:absolute;inset:0;background:rgba(20,19,17,.45)}
.srch-box{position:relative;background:#fff;max-height:100vh;overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,.18);padding-bottom:28px}
.srch-top{display:flex;justify-content:space-between;align-items:center;height:76px}
.srch-x{background:none;border:0;font-size:2.2rem;line-height:1;cursor:pointer;color:var(--ink);padding:0 4px}
.srch-form{display:flex;align-items:center;gap:0}
.srch-form input{flex:1;min-width:0;border:1px solid var(--ink);border-right:0;padding:1rem 1.1rem;font:inherit;font-size:1.05rem;background:#fff;border-radius:0;-webkit-appearance:none;appearance:none}
.srch-form input:focus{outline:2px solid var(--gold);outline-offset:-2px}
.srch-form button{border:1px solid var(--ink);border-left:0;background:#fff;height:100%;align-self:stretch;padding:0 1.1rem;cursor:pointer;color:var(--ink)}
.srch-body{padding-top:1.2rem}
.srch-lab{font:600 .7rem/1 var(--serif);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem}
.srch-pop{display:flex;flex-wrap:wrap;gap:.5rem}
.srch-res{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px}
.srch-hit{display:flex;gap:.8rem;align-items:center;text-decoration:none;padding:.5rem;border:1px solid transparent}
.srch-hit:hover{border-color:var(--line);background:var(--paper)}
.srch-hit img,.srch-hit i{width:64px;height:64px;object-fit:cover;flex:none;background:var(--linen-2)}
.srch-hit b{display:block;font:500 .95rem/1.3 var(--serif)}.srch-hit small{display:block;color:var(--muted);font-size:.78rem;margin-top:.2rem}
.srch-body .more{display:inline-block;margin-top:1.2rem}
.srch-none{color:var(--ink-2)}
@media(max-width:900px){.srch-res{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.srch-res{grid-template-columns:1fr}.srch-top{height:64px}.srch-form input{font-size:16px}}
#hero{background:var(--linen)!important;color:var(--ink);min-height:0!important;align-items:center;overflow:hidden}
#hero:before{display:none}
#hero:after{content:"";position:absolute;top:0;right:0;bottom:0;width:50%;background:#e9e4da url(https://static.wixstatic.com/media/5de6b2_8af9721f3f99436bafeb5a5c23882ead~mv2.jpg/v1/fill/w_1400,h_1400,al_c,q_85/samples.jpg) center/cover no-repeat}
#hero .wrap{position:relative;z-index:1;max-width:none;width:50%;padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(64px,8vw,120px);margin:0}
#hero h1{color:var(--ink)}#hero .lead{color:var(--ink-2)!important}#hero .eyebrow{color:var(--gold-d)}
#hero .btn.light{background:var(--ink);color:var(--linen);border-color:var(--ink)}#hero .btn.light:hover{background:var(--gold-d);border-color:var(--gold-d)}
#hero .btn.ghost{color:var(--ink)!important;border-color:var(--ink)!important}#hero .btn.ghost:hover{background:var(--ink);color:var(--linen)!important}
@media(max-width:860px){#hero{padding-top:min(78vw,420px)!important}#hero:after{width:100%;bottom:auto;height:min(78vw,420px)}#hero .wrap{width:100%;padding-top:32px;padding-bottom:48px}}
section:has(> .wrap > #tiers){background:var(--ink);color:var(--linen);padding:clamp(48px,6vw,80px) 0}
.tiers{gap:0;background:none;border:0;margin-top:0}
.tiers div{background:transparent;border:1px solid rgba(245,240,232,.22);padding:2rem 1.8rem;position:relative;text-align:center}
.tiers div+div{border-left:0}
.tiers b{font-family:var(--serif);font-weight:600;font-size:clamp(2.4rem,4vw,3.4rem);color:var(--gold);line-height:1;margin-bottom:.5rem}
.tiers span{color:#e6e0d6;font-size:.98rem}
.tiers div:nth-child(2){background:rgba(184,151,90,.12);border-color:var(--gold)}
.tiers div:nth-child(2):before{content:"Best value";position:absolute;top:-.8em;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--ink);font:600 .66rem/1 var(--serif);letter-spacing:.16em;text-transform:uppercase;padding:.55em 1em;white-space:nowrap}
#tierNote{color:#d9d2c5!important;text-align:center;font-size:.95rem!important;margin-top:1.6rem!important}
@media(max-width:760px){.tiers div+div{border-left:1px solid rgba(245,240,232,.22);border-top:0}.tiers div:nth-child(2){margin:14px 0 0}}
.boxes{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:32px 24px}
.boxc{background:transparent;border:0}
.boxc .sw{display:flex;justify-content:center;align-items:flex-end;gap:0;padding:14% 6% 12%;aspect-ratio:1;background:linear-gradient(180deg,#f1f2f1 0%,#e9eae8 62%,#f6f6f5 62.2%,#fbfbfa 100%);position:relative;overflow:hidden}
.boxc .sw img,.boxc .sw i{width:19%;aspect-ratio:100/180;height:auto;object-fit:cover;flex:none;margin-left:-3%;box-shadow:0 14px 16px -8px rgba(0,0,0,.35),0 2px 3px rgba(0,0,0,.12),inset 0 0 0 1px rgba(0,0,0,.05);border-radius:1px;position:relative;transition:transform .5s ease}
.boxc .sw img:first-child,.boxc .sw i:first-child{margin-left:0}
.boxc .sw img:nth-child(odd){transform:translateY(-4%)}.boxc .sw img:nth-child(even){transform:translateY(5%)}
.boxc:hover .sw img{transform:translateY(-8%)}
.boxc .bd{padding:1.2rem 0 0}
.boxc h3{font-size:1.25rem;font-weight:500}
.boxc .bd>p:first-of-type{font-size:.95rem;color:var(--ink-2)}
.boxc .btn{align-self:flex-start}
/* v4c polish */
.srch-form{align-items:stretch}.srch-form button{height:auto;display:grid;place-items:center}
.boxc .sw{padding:8% 4% 15%}.boxc .sw img,.boxc .sw i{width:22%}
/* v4d */
.slide .shown{background:rgba(20,19,17,.45)}.slide .shown span{color:#f0d49a}
/* v4e */
@media(max-width:640px){.hdr-actions{gap:.5rem}.srch-btn{padding:2px}.logo{letter-spacing:.1em;font-size:1rem}header.site .wrap{gap:.5rem}.cart-btn,.menu-toggle{font-size:.62rem;letter-spacing:.02em}}
@media(max-width:370px){.logo{font-size:.9rem;letter-spacing:.06em}.cart-btn .count{width:17px;height:17px}.hdr-actions{gap:.4rem}}
/* about video */
.vidsec{background:var(--ink);color:var(--linen)}.vidsec h2{color:var(--linen)}.vidsec .eyebrow{color:var(--gold)}
.vid{position:relative;aspect-ratio:16/9;margin-top:2rem;background:#000;overflow:hidden}
.vid iframe,.vidplay{position:absolute;inset:0;width:100%;height:100%;border:0}
.vidplay{padding:0;cursor:pointer;background:#000}.vidplay img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .4s,transform .8s}
.vidplay:hover img{opacity:1;transform:scale(1.02)}
.vbtn{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(251,248,243,.92);box-shadow:0 8px 30px rgba(0,0,0,.35)}
.vbtn:after{content:"";position:absolute;left:34px;top:26px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent var(--ink)}
@media(max-width:640px){.vbtn{width:64px;height:64px;margin:-32px 0 0 -32px}.vbtn:after{left:26px;top:19px;border-width:13px 0 13px 21px}}
/* samplebar v2 */
.samplebar{background:var(--ink);color:var(--linen);padding:1.3rem 1.4rem;margin:1.2rem 0 1.6rem;border-left:4px solid var(--gold);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem 1.2rem;box-shadow:0 10px 30px rgba(34,33,31,.18)}
.samplebar:before{content:"";width:52px;height:52px;border-radius:50%;background:rgba(184,151,90,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9b978' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4-9 4-9-4z'/%3E%3Cpath d='M3 7v10l9 4 9-4V7'/%3E%3Cpath d='M12 11v10'/%3E%3C/svg%3E") center/26px no-repeat}
.samplebar b{font-family:var(--serif);font-weight:600;font-size:1.15rem;color:#fff;margin-bottom:.15rem}
.samplebar span{color:#ddd6ca;font-size:.9rem}
.samplebar .btn,.samplebar .btn.ghost{background:var(--gold);border-color:var(--gold);color:var(--ink);white-space:nowrap}
.samplebar .btn:hover{background:var(--linen);border-color:var(--linen);color:var(--ink)}
@media(max-width:1100px) and (min-width:901px){.samplebar{grid-template-columns:auto minmax(0,1fr)}.samplebar .btn{grid-column:1/-1;justify-content:center}}
@media(max-width:560px){.samplebar{grid-template-columns:auto minmax(0,1fr);padding:1.1rem}.samplebar:before{width:44px;height:44px;background-size:22px}.samplebar .btn{grid-column:1/-1;width:100%;justify-content:center}}
/* samplebar v3 */
.samplebar{grid-template-columns:auto minmax(0,1fr);row-gap:.9rem}
.samplebar .btn{grid-column:2;justify-self:start;justify-content:center}
@media(max-width:560px){.samplebar .btn{grid-column:1/-1;justify-self:stretch}}
/* category intro */
.catdesc{max-width:880px;font-size:1.02rem;line-height:1.65;color:var(--ink-2);margin:.4rem 0 0}
/* v5: card buttons, sample bag progress, footer icons, menu image, pop-up */
.cbtns{display:flex;gap:6px;margin-top:.8rem}
.btn.sm{padding:.75em .8em;font-size:.64rem;letter-spacing:.08em;flex:1 1 0;justify-content:center;white-space:nowrap}
.card .cbtns .btn.ghost{background:transparent}
@media(max-width:640px){.cbtns{flex-direction:column}.btn.sm{padding:.8em .6em}}
.packbar{background:#ece7dd;border-radius:10px;padding:1rem 1.1rem;margin:.6rem 0 .8rem}
.packbar b{display:block;font:600 .95rem/1.3 var(--serif);color:var(--ink);margin-bottom:.6rem}
.pbar{height:8px;border-radius:99px;background:#d8d0c2;overflow:hidden}.pbar i{display:block;height:100%;border-radius:99px;background:var(--gold-d);transition:width .5s ease}
.packbar span{display:block;font-size:.8rem;color:var(--muted);margin-top:.45rem}
footer.site .cols>div:last-child>span,footer.site .cols>div:last-child>a{position:relative;padding-left:1.9rem;display:block}
footer.site .cols>div:last-child>span:before,footer.site .cols>div:last-child>a:before{content:"";position:absolute;left:0;top:.25em;width:18px;height:18px;background:var(--gold);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
footer.site .cols>div:last-child>span:nth-of-type(1){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");margin-bottom:.35rem}
footer.site .cols>div:last-child>a[href^="tel:"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 3h3l1.5 4-2 1.3a12 12 0 0 0 6.6 6.6l1.3-2 4 1.5v3A2 2 0 0 1 19 19.5 16 16 0 0 1 4.5 5 2 2 0 0 1 6.6 3z'/%3E%3C/svg%3E")}
footer.site .cols>div:last-child>a[href^="mailto:"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='1.5'/%3E%3Cpath d='M3.5 6l8.5 7 8.5-7'/%3E%3C/svg%3E");word-break:break-word}
footer.site .cols>div:last-child>span:nth-of-type(2){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");margin-top:.2rem}
#megapromo{background-image:url(https://static.wixstatic.com/media/5de6b2_e87bf70cd7534aeaa8c7eda2ca23807c~mv2.jpg/v1/fill/w_700,h_700,al_c,q_85/samples.jpg)!important;background-position:center!important}
.pack b{color:var(--gold-d);font-family:var(--serif);font-weight:600}
/* v5b */
footer.site .cols>div:last-child>a[href^="mailto:"]{word-break:normal;font-size:.86rem;white-space:nowrap}
@media(max-width:860px){footer.site .cols>div:last-child>a[href^="mailto:"]{font-size:.8rem}}
/* v5c: card hover fix, cart upgrade */
.card .cbtns .btn.ghost:hover,.card .cbtns .btn.ghost:focus-visible{background:var(--ink);color:var(--linen);border-color:var(--ink)}
.card .cbtns .btn:not(.ghost):hover{background:var(--gold-d);border-color:var(--gold-d);color:#fff}
.drawer .cont{width:100%;justify-content:center;margin:1.2rem 0 0}
.csug{margin-top:1.6rem;border-top:1px solid var(--line);padding-top:1.2rem}
.csug-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}.csug-h b{font:600 1rem/1.2 var(--serif)}
.carr{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--paper);cursor:pointer;margin-left:6px;font-size:1rem;color:var(--ink)}.carr:hover{border-color:var(--ink)}
.csug-i{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:.9rem;align-items:center}
.csug-i img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:var(--linen-2)}
.csug-i a{font:500 .95rem/1.3 var(--serif);text-decoration:none;display:block}.csug-i small{display:block;font-size:.78rem;color:var(--muted);margin-top:.15rem}
.csug-i .btn.sm{flex:none;padding:.7em 1.2em}
#checkoutBtn{background:var(--ink);font-size:.82rem;padding:1.05em 1.2em}
/* v5d */
.sright{background:#d9d4cc url(https://static.wixstatic.com/media/5de6b2_374d930bcf4a46a386dc6a83a610cec9~mv2.webp) center/cover no-repeat!important}

/* v5e account link */
.hdr-actions .acct-btn{display:inline-flex;align-items:center;gap:.4rem;padding:0 .7rem;color:inherit;text-decoration:none;font:600 .74rem/1 var(--serif);letter-spacing:.1em;text-transform:uppercase;position:relative}
.hdr-actions .acct-btn:hover{color:var(--gold-d)}
.hdr-actions .acct-btn.in:after{content:"";position:absolute;top:8px;left:calc(.7rem + 14px);width:7px;height:7px;border-radius:50%;background:#3f8a52;border:1.5px solid #fff}
.hdr-actions .acct-btn{white-space:nowrap;flex:none}
@media(max-width:1280px){.hdr-actions .acct-btn span{display:none}.hdr-actions .acct-btn{padding:0 .45rem}}

/* v5f header: no wrapping at any width */
nav.main>a,nav.main>.has-mega>a,.cart-btn{white-space:nowrap}
header.site .wrap{gap:clamp(1rem,2vw,2rem)}
nav.main{gap:clamp(1rem,1.6vw,1.8rem);min-width:0}
.hdr-actions{display:flex;align-items:center;gap:.6rem;flex:none}
@media(max-width:1340px){nav.main>a,nav.main>.has-mega>a{font-size:.74rem;letter-spacing:.06em}nav.main{gap:1.05rem}.cart-btn{font-size:.74rem;letter-spacing:.04em}}
@media(max-width:1180px){
nav.main{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);flex-direction:column;gap:0;padding:1rem clamp(16px,4vw,64px) 2rem;border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.06)}
nav.main.open{display:flex}
nav.main>a,nav.main>.has-mega>a{line-height:3;font-size:.8rem;letter-spacing:.1em}
.mega,.has-mega:hover .mega{display:none!important}
.menu-toggle{display:block}
header.site .wrap{justify-content:space-between}
}
@media(max-width:960px){nav.main{top:64px}}

/* v5g phone header fit */
@media(max-width:640px){header.site .wrap{gap:.5rem}.hdr-actions{gap:.45rem}.hdr-actions .acct-btn{padding:0 .1rem}.hdr-actions .acct-btn.in:after{left:calc(.1rem + 14px)}}
@media(max-width:420px){.hdr-actions{gap:.35rem}.cart-btn,.menu-toggle{font-size:.6rem;letter-spacing:0}.cart-btn .count{width:17px;height:17px;font-size:.6rem}.logo{font-size:.92rem;letter-spacing:.06em}.srch-btn svg,.acct-btn svg{width:18px;height:18px}}
@media(max-width:370px){.hdr-actions .acct-btn{display:none}}

/* v5h account link in menu */
nav.main>a.nav-acct{display:none}
@media(max-width:1180px){nav.main>a.nav-acct{display:block;border-top:1px solid var(--line);margin-top:.6rem;padding-top:.4rem;color:var(--gold-d)}}

/* v5i landing pages: spaces, categories, materials */
.landing h2{font-size:clamp(1.6rem,2.8vw,2.3rem);margin:0 0 .8rem}
.lhero{position:relative;min-height:min(62vh,560px);display:grid;align-items:end;background:#2c2a27 center/cover no-repeat;color:#fff;padding:120px 0 56px}
.lhero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,19,17,.15),rgba(20,19,17,.72))}
.lhero .wrap{position:relative}
.lhero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.8rem);margin:.2rem 0 1rem}
.lhero .eyebrow{color:var(--gold)}
.lhero .lead{max-width:640px;color:rgba(255,255,255,.9);font-size:1.05rem;margin:0 0 .7rem}
.lcrumbs{display:flex;gap:.55rem;font-size:.82rem;margin-bottom:1.6rem;color:rgba(255,255,255,.8)}.lcrumbs a{color:inherit;text-decoration:none}.lcrumbs a:hover{color:#fff}
.lcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:-40px;position:relative;z-index:2}
.lcard{position:relative;aspect-ratio:4/5;background:#cfc7b9 center/cover no-repeat;display:flex;align-items:flex-end;text-decoration:none;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.12)}
.lcard:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(20,19,17,.75));transition:opacity .3s}
.lcard span{position:relative;color:#fff;font:600 .95rem/1.25 var(--serif);padding:1rem;letter-spacing:.02em}
.lcard:hover:before{opacity:.75}
.lsec{padding:72px 0 0;scroll-margin-top:90px}
.lsplit{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
.lsplit p{color:var(--ink-2);max-width:640px}
.lmore{display:inline-flex;gap:.5rem;margin-top:.4rem;font:600 .8rem var(--serif);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:4px}
.lmore:hover{color:var(--gold-d)}
.ltips{background:var(--linen,#f3efe8);padding:1.6rem 1.6rem 1.2rem;border-left:3px solid var(--gold)}
.ltips h3{font-size:1rem;margin:0 0 .8rem;letter-spacing:.04em}
.ltips ul{margin:0;padding:0;list-style:none;display:grid;gap:.8rem}.ltips li{font-size:.92rem;color:var(--ink-2)}.ltips b{color:var(--ink)}
.lrowhead{display:flex;justify-content:space-between;align-items:center;margin:2.4rem 0 1rem}
.lrowhead p{margin:0;color:var(--muted);font-size:.9rem}
.lctl{display:flex;gap:.5rem}.lctl button{width:42px;height:42px;border:1px solid var(--line);background:#fff;font-size:1.4rem;line-height:1;cursor:pointer}.lctl button:hover{border-color:var(--ink)}
.cgrid.lrow{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*20px)/4);grid-template-columns:none;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.cgrid.lrow::-webkit-scrollbar{display:none}.cgrid.lrow>*{scroll-snap-align:start;min-width:0}
.cgrid.lrow:empty{min-height:120px;background:repeating-linear-gradient(90deg,#efebe5 0 calc(25% - 15px),transparent calc(25% - 15px) 25%)}
.lband{height:clamp(220px,34vw,420px);background:#d9d4cc center/cover no-repeat;margin-top:72px}
.lcmp{padding:72px 0 0}
.lcmp-t{overflow-x:auto;border:1px solid var(--line);background:#fff}
.lcmp table{width:100%;border-collapse:collapse;min-width:620px;font-size:.93rem}
.lcmp th,.lcmp td{padding:1rem 1.1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.lcmp thead th{background:#efebe5;font:600 .8rem var(--serif);letter-spacing:.08em;text-transform:uppercase}
.lcmp tbody th{font-weight:600;color:var(--ink);width:20%}
.lcmp tbody tr:last-child>*{border-bottom:0}
.lfaq{padding:88px 0 0}.lfaq .narrow{max-width:820px}
.lfaq details{border-bottom:1px solid var(--line)}.lfaq details:first-of-type{border-top:1px solid var(--line)}
.lfaq summary{cursor:pointer;list-style:none;padding:1.15rem 2.4rem 1.15rem 0;font:600 1.02rem/1.4 var(--serif);position:relative}
.lfaq summary::-webkit-details-marker{display:none}
.lfaq summary:after{content:"+";position:absolute;right:.4rem;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--gold-d)}
.lfaq details[open] summary:after{content:"−"}
.lfaq details p{margin:0 0 1.2rem;color:var(--ink-2);max-width:720px}
.lrel{padding:80px 0 0}
.lrel3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lrel3 a{display:grid;gap:.35rem;padding:1.4rem;background:#fff;border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .2s}
.lrel3 a:hover{border-color:var(--gold);transform:translateY(-2px)}
.lrel3 b{font:600 1.05rem var(--serif)}.lrel3 span{color:var(--muted);font-size:.9rem}
.lcta{margin:88px 0 0;background:var(--ink);color:var(--linen);padding:64px 0}
.lcta .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.lcta h2{color:#fff}.lcta p{max-width:620px;color:rgba(255,255,255,.8);margin:0}
.lcta .btn{background:var(--gold);border-color:var(--gold);color:#fff}.lcta .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
@media(max-width:1000px){.cgrid.lrow{grid-auto-columns:calc((100% - 2*16px)/3);gap:16px}}
@media(max-width:860px){.lsplit{grid-template-columns:minmax(0,1fr)}.lrel3{grid-template-columns:1fr}.lcards{margin-top:16px}}
@media(max-width:640px){.lhero{padding:90px 0 36px;min-height:420px}.lcards{grid-template-columns:repeat(2,1fr)}.lcards .lcard:last-child:nth-child(odd){grid-column:span 2;aspect-ratio:16/9}.cgrid.lrow{grid-auto-columns:78%;gap:12px}.lsec{padding-top:52px}.lband{margin-top:52px}.lctl{display:none}}
/* v5j legal pages */
.legal{padding:36px 0 96px}
.lgcrumbs{display:flex;gap:.55rem;font-size:.82rem;color:var(--muted);margin-bottom:2rem}.lgcrumbs a{color:inherit;text-decoration:none}.lgcrumbs a:hover{color:var(--gold-d)}
.lgwrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.lgtoc{position:sticky;top:100px;border-left:2px solid var(--line);padding-left:1.1rem}
.lgtoc p{font:600 .74rem var(--serif);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .7rem}
.lgtoc ol{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.lgtoc a{font-size:.87rem;color:var(--ink-2);text-decoration:none}.lgtoc a:hover{color:var(--gold-d)}
.lgbody{max-width:760px}
.lgbody h1{font-size:clamp(2rem,4vw,3rem);margin:.2rem 0 .4rem}
.lgdate{color:var(--muted);font-size:.88rem;margin:0 0 1.6rem}
.lgbody .lead{font-size:1.05rem;color:var(--ink-2)}
.lgbody h2{font-size:1.3rem;margin:2.4rem 0 .7rem;padding-top:1.4rem;border-top:1px solid var(--line);scroll-margin-top:100px}
.lgbody p,.lgbody li{color:var(--ink-2);line-height:1.7}
.lgbody ul{padding-left:1.2rem;margin:.6rem 0 1rem}.lgbody li{margin:.35rem 0}
.lgbody a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.lgcontact{margin-top:2.6rem;background:var(--linen,#f3efe8);padding:1.6rem 1.8rem;border-left:3px solid var(--gold)}
.lgcontact h2{border:0;margin:0 0 .6rem;padding:0}
.lgcontact p{margin:0}
footer.site .legal-links{display:flex;gap:1.2rem;flex-wrap:wrap}
footer.site .legal-links a{color:inherit;opacity:.8;text-decoration:none}footer.site .legal-links a:hover{opacity:1;color:var(--gold)}
footer.site .legal{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(max-width:860px){.lgwrap{grid-template-columns:minmax(0,1fr)}.lgtoc{display:none}}
/* v5k landing bands sit above their section heading */
.lsec>.lband{margin:0 0 52px}
.lsec{padding-top:80px}
@media(max-width:640px){.lsec>.lband{margin-bottom:32px}.lsec{padding-top:56px}}

/* ===== Mobile and tablet header (up to 1024px): menu icon, centred logo, icon actions, slide-out menu ===== */
.topbar .ticker,.nav-head,.nav-foot,.nav-shade,.mega-tog,.cart-btn .ico,.menu-toggle svg{display:none}
@media(max-width:1024px){
  .topbar .wrap{display:none!important}
  .topbar .ticker{display:block;overflow:hidden;white-space:nowrap;padding:.5rem 0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
  .topbar .track{display:inline-flex;animation:upspec-tick 28s linear infinite}
  .topbar .track span{padding-right:3rem}
  .topbar .track em{font-style:normal;color:var(--gold);padding:0 .9rem}
  @keyframes upspec-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  header.site{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--paper)!important}
  header.site .wrap{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;height:60px;gap:.5rem}
  header.site .wrap>.menu-toggle{grid-column:1;grid-row:1;justify-self:start;display:inline-grid!important;place-items:center;width:44px;height:44px;margin-left:-8px;padding:0;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink)}
  .menu-toggle svg{display:block}.menu-toggle .lbl{display:none}
  header.site .wrap>.logo{grid-column:2;grid-row:1;justify-self:center;text-align:center;align-items:center;font-size:1.05rem;letter-spacing:.16em}
  header.site .wrap>.hdr-actions{grid-column:3;grid-row:1;justify-self:end;margin:0!important;gap:.15rem!important}
  .hdr-actions .acct-btn{display:none!important}
  .hdr-actions .srch-btn,.hdr-actions .cart-btn{width:40px;height:40px;padding:0!important;display:inline-grid!important;place-items:center;position:relative;color:var(--ink)}
  .cart-btn .ico{display:block}.cart-btn .lbl{display:none}
  .cart-btn .count{position:absolute;top:2px;right:0;width:17px!important;height:17px!important;font-size:.6rem!important;line-height:17px}
  /* slide-out menu */
  html.nav-lock,html.nav-lock body{overflow:hidden}
  header.site nav.main{display:flex!important;position:fixed!important;top:0!important;left:0;bottom:0;right:auto!important;width:min(88vw,400px);z-index:200;background:var(--paper);flex-direction:column;gap:0;padding:0 0 1.5rem!important;border:0;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-102%);transition:transform .32s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 40px rgba(0,0,0,.18);visibility:hidden}
  header.site nav.main.open{transform:none;visibility:visible}
  .nav-shade{display:block;position:fixed;inset:0;z-index:150;background:rgba(34,33,31,.45);opacity:0;pointer-events:none;transition:opacity .3s}
  .nav-shade.on{opacity:1;pointer-events:auto}
  .nav-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:1}
  .nav-head .logo{font-size:1rem}
  .nav-x{background:none;border:0;font:300 2rem/1 var(--sans);width:44px;height:44px;cursor:pointer;color:var(--ink);margin-right:-10px}
  nav.main>a,nav.main>.has-mega>a,nav.main>.nav-acct{display:block;font:500 .95rem/1.2 var(--serif)!important;letter-spacing:.1em!important;text-transform:uppercase;padding:1.05rem 1.25rem!important;border-bottom:1px solid var(--line);white-space:normal}
  nav.main>a[aria-current="page"]{color:var(--gold-d)}
  nav.main>.nav-acct{text-transform:none;letter-spacing:.02em!important;font-family:var(--sans)!important;font-size:.92rem!important;color:var(--ink-2)}
  nav.main>.has-mega{position:relative;border-bottom:1px solid var(--line)}
  nav.main>.has-mega>a{border-bottom:0;padding-right:4rem!important}
  .mega-tog{display:block;position:absolute;right:.5rem;top:.35rem;width:44px;height:44px;background:none;border:0;cursor:pointer}
  .mega-tog:before,.mega-tog:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .25s}
  .mega-tog:after{transform:translate(-50%,-50%) rotate(90deg)}
  .has-mega.open .mega-tog:after{transform:translate(-50%,-50%) rotate(0)}
  header.site .has-mega .mega,header.site .has-mega:hover .mega{display:none!important}
  header.site .has-mega.open .mega{display:block!important;position:static!important;box-shadow:none!important;border:0!important;padding:0 0 .6rem!important;background:transparent!important;width:auto!important;transform:none!important;opacity:1!important;visibility:visible!important}
  .has-mega.open .mega>div,.has-mega.open .mega>div>div{display:block}
  .has-mega.open .mega .promo{display:none!important}
  .has-mega.open .mega h4{margin:0;padding:.75rem 1.25rem .75rem 2rem;font:500 .78rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);cursor:pointer;position:relative}
  .has-mega.open .mega h4 a{color:inherit;text-decoration:none}
  .has-mega.open .mega h4:after{content:"+";position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);font:300 1.2rem/1 var(--sans);color:var(--ink)}
  .has-mega.open .mega .gopen>h4:after{content:"−"}
  .has-mega.open .mega h4+div{display:none!important}
  .has-mega.open .mega .gopen>h4+div{display:grid!important;grid-template-columns:1fr 1fr;gap:0 .5rem;padding:0 1.25rem .6rem 2rem}
  .has-mega.open .mega h4+div a{display:flex;align-items:center;gap:.5rem;padding:.55rem 0;font:400 .92rem/1.3 var(--sans);text-decoration:none;color:var(--ink);text-transform:none;letter-spacing:0}
  .nav-foot{display:block;padding:1.4rem 1.25rem 0;font-size:.9rem;color:var(--ink-2)}
  .nav-foot>a:not(.btn){display:inline-block;margin:0 1.2rem .5rem 0;font-weight:600;text-decoration:none;color:var(--ink)}
  .nav-foot p{margin:.6rem 0 1.1rem;line-height:1.6}
  .nav-foot .btn{width:100%;justify-content:center}
}
@media(max-width:1024px) and (prefers-reduced-motion:reduce){.topbar .track{animation:none}.topbar .ticker{text-align:center}.topbar .track span+span{display:none}header.site nav.main{transition:none}}
@media(max-width:380px){header.site .wrap>.logo{font-size:.92rem;letter-spacing:.1em}.hdr-actions .srch-btn,.hdr-actions .cart-btn{width:36px}}

/* footer logo image (7 Nov 2026) */
footer.site .foot-logo{display:inline-block;line-height:0}
footer.site .foot-logo img{width:96px;height:auto;display:block}
@media(max-width:600px){footer.site .foot-logo img{width:80px}}