/* Shop layer on top of the concept design */
body.no-scroll{overflow:hidden}
.navlinks.mobile{display:flex;position:fixed;top:64px;left:0;right:0;flex-direction:column;gap:0;background:rgba(9,8,6,.97);padding:10px 6vw 20px;font-size:11px}
.navlinks.mobile a{padding:14px 0;border-bottom:1px solid var(--line)}
.nav-right{display:flex;align-items:center;gap:18px}
.cart-btn{position:relative;background:none;border:1px solid rgba(247,243,234,.4);color:var(--white);padding:9px 14px;cursor:pointer;font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.cart-btn:hover{background:rgba(255,255,255,.08)}
.cart-btn .count{display:inline-block;min-width:18px;margin-left:8px;padding:1px 5px;border-radius:9px;background:#d4b18e;color:#15110d;font-size:10px;letter-spacing:0;text-align:center}
@media(max-width:900px){.nav-right{gap:10px}}

/* Shop intro strip */
.shop-note{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2c2620;margin:0 0 28px}
.shop-note div{background:#0b0907;padding:20px 22px}
.shop-note b{display:block;font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:400;color:#e0b992}
.shop-note small{color:#948b7e;font-size:12px;line-height:1.5;display:block}
.shop-error{color:#d3b493;padding:40px 0}
@media(max-width:700px){.shop-note{grid-template-columns:1fr}}

/* Founder story */
.about-story{background:#e9e0d1;color:#1d1813;position:relative}
.about-story:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 0%,rgba(155,92,60,.16),transparent 55%);pointer-events:none}
.about-inner{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:start;max-width:1300px;margin:auto}
.about-head{position:sticky;top:120px}
.about-story .kicker{color:var(--clay)}
.about-story h2{font-size:clamp(56px,7vw,104px);line-height:.82;letter-spacing:-.045em;margin:18px 0 28px;color:#1b1612}
.about-story h2 em{color:var(--clay)}
.about-quote{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(22px,2.2vw,30px);line-height:1.25;color:#2a221b;border-left:2px solid rgba(155,92,60,.55);padding-left:20px;max-width:380px;margin:0 0 26px}
.about-story .byline{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#756a5c;border-top:1px solid #bfb4a3;padding-top:16px;max-width:340px}
.about-copy{max-width:640px}
.about-copy p{font-size:17px;line-height:1.75;color:#3a3128;margin:0 0 1.4em}
.about-copy .lead{font-family:"Cormorant Garamond",serif;font-size:clamp(28px,3vw,40px);line-height:1.15;color:#1b1612}
.about-copy em{color:var(--clay)}
.about-copy .closing{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(26px,2.8vw,36px);line-height:1.2;color:#1b1612;border-top:1px solid #bfb4a3;padding-top:1.1em;margin-top:2em}
@media(max-width:900px){.about-inner{grid-template-columns:1fr;gap:40px}.about-head{position:static}}

/* Ask a question */
#ask{align-items:center;justify-content:center;padding:4vw;overflow:auto}
#ask .panel{width:min(540px,100%);padding:38px;max-height:94vh;overflow:auto}
#askLink{display:inline-block;text-decoration:none}
#askPastList a{color:var(--clay)}
.ask-fab{position:fixed;right:20px;bottom:20px;z-index:60;border:1px solid rgba(247,243,234,.55);background:rgba(9,8,6,.88);color:#f7f3ea;padding:13px 20px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(8px)}
.ask-fab:hover{background:#17130f}
.ask-fab:focus-visible{outline:2px solid #d4b18e;outline-offset:2px}

/* Explore: filters, sort, saved */
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.toolbar .filters{margin:0;flex-wrap:wrap}
.tab:focus-visible,.cart-btn:focus-visible,.heart:focus-visible{outline:2px solid #d4b18e;outline-offset:2px}
.sort{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#a79d91}
.sort select{margin-left:8px;background:#0b0907;color:#eee9df;border:1px solid #3a332c;padding:9px 10px;font-size:11px}
.empty{color:#948b7e;padding:40px 0;text-align:center}
.heart{position:absolute;top:14px;right:14px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid rgba(247,243,234,.45);background:rgba(9,8,6,.55);color:#f7f3ea;font-size:18px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);transition:.25s}
.heart:hover{background:rgba(9,8,6,.85)}
.heart.on{color:#e0875f;border-color:#e0875f}

.art{cursor:pointer}
.art:focus-visible{outline:2px solid #d4b18e;outline-offset:2px}
.art .price{font-size:10px;color:#f1dfc9}

/* Overlays */
.overlay{position:fixed;inset:0;z-index:100;display:none;background:rgba(0,0,0,.82)}
.overlay.open{display:flex}
.panel{background:#eee9df;color:#17130f;position:relative}
.panel h3{font-size:40px;line-height:1;margin:0 0 6px}
.xbtn{position:absolute;right:16px;top:10px;border:0;background:none;font-size:32px;line-height:1;cursor:pointer;color:inherit;z-index:3}
.kick{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--clay)}

/* Product */
#product{align-items:center;justify-content:center;padding:3vw;overflow:auto}
#product .panel{display:grid;grid-template-columns:1.1fr .9fr;width:min(1120px,100%);max-height:94vh;overflow:auto}
.p-stage{background:#1b1612;display:flex;align-items:center;justify-content:center;padding:6%;min-height:360px}
.p-frame{--frame:#c8a97a;border:clamp(14px,2.2vw,26px) solid var(--frame);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 24px 50px rgba(0,0,0,.55);background:#f5f1e8;padding:clamp(10px,1.8vw,22px);width:100%;max-width:640px}
.p-frame img{display:block;width:100%;height:auto}
.p-body{padding:42px 34px 34px}
.p-body fieldset{border:0;padding:0;margin:22px 0 0}
.p-body legend{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#756d64;padding:0;margin-bottom:10px}
.opts{display:grid;gap:8px}
.opt{display:block;cursor:pointer}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt>span{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border:1px solid #cfc5b5;background:#faf8f3;padding:12px 14px;transition:.2s}
.opt b{font-weight:500;font-size:14px}
.opt small{color:#756d64;font-size:12px;margin-left:auto}
.opt input:checked+span{border-color:#17130f;box-shadow:inset 0 0 0 1px #17130f;background:#fff}
.opt input:focus-visible+span{outline:2px solid var(--clay);outline-offset:2px}
.swatch{width:14px;height:14px;border-radius:50%;align-self:center;border:1px solid rgba(0,0,0,.3)}
#pFrames .opt>span{flex-wrap:wrap}
#pFrames .opt small{flex-basis:100%;margin:2px 0 0 24px}
.p-buy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;padding-top:22px;border-top:1px solid #cfc5b5}
.p-price{font-family:"Cormorant Garamond",serif;font-size:40px;line-height:1}
.p-buy small{display:block;color:#756d64;font-size:11px}
.btn.dark{background:#17130f;color:#f7f3ea;border-color:#17130f}
.btn.dark:hover{background:#000}
.btn[disabled]{opacity:.6;cursor:wait}
.p-stage{position:relative}
.pnav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(247,243,234,.4);background:rgba(9,8,6,.6);color:#f7f3ea;font-size:24px;line-height:1;cursor:pointer;z-index:2}
.pnav:hover{background:rgba(9,8,6,.9)}
.pnav.prev{left:12px}.pnav.next{right:12px}
.save{background:none;border:0;padding:0;margin-top:6px;color:#756d64;font-size:12px;cursor:pointer;text-decoration:underline}
.save[aria-pressed="true"]{color:#a3321f}
.includes{list-style:none;margin:22px 0 0;padding:16px 0 0;border-top:1px solid #cfc5b5;font-size:12px;color:#5e5448}
.includes li{padding:3px 0 3px 18px;position:relative}
.includes li:before{content:"";position:absolute;left:0;top:11px;width:7px;height:1px;background:var(--clay)}
.opt em{flex-basis:100%;font-style:normal;font-size:11px;color:#756d64}
.signature{margin-top:18px;padding:16px;background:#e3dac9;font-size:12px;color:#4a4036}
.signature b{font-family:"Cormorant Garamond",serif;font-size:20px;font-weight:500;color:#17130f}
.signature p{margin:6px 0 10px}
.sig-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #cdbfa8}
.sig-row small{display:block;color:#756d64;font-size:11px}
.consult{display:block;margin-top:14px;background:none;border:0;padding:0;font:inherit;font-size:12px;color:var(--clay);cursor:pointer;text-align:left}
.consult:hover{text-decoration:underline}
@media(max-width:820px){#product .panel{grid-template-columns:1fr}.p-stage{min-height:0}}

/* Cart drawer */
#cart{justify-content:flex-end}
#cart .panel{width:min(460px,100%);height:100%;display:flex;flex-direction:column;padding:0}
.drawer-head{padding:26px 28px 16px;border-bottom:1px solid #cfc5b5}
.drawer-head h3{margin:4px 0 0;font-size:36px}
#cartItems{flex:1;overflow:auto;padding:6px 28px}
.cart-empty{color:#756d64;text-align:center;padding:60px 0;line-height:2}
.cart-empty a{color:var(--clay);text-decoration:underline}
.cart-line{display:grid;grid-template-columns:76px 1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid #d9d0c0;align-items:start}
.cart-line img{width:76px;height:76px;object-fit:cover}
.cart-line b{display:block;font-weight:500;font-size:14px;line-height:1.35}
.cart-line small{display:block;color:#756d64;font-size:12px;margin:2px 0 8px}
.line-price{font-size:14px;font-weight:500}
.qty{display:flex;align-items:center;gap:8px}
.qty button{width:26px;height:26px;border:1px solid #bfb4a3;background:none;cursor:pointer;font-size:15px;line-height:1}
.qty .remove{width:auto;border:0;text-decoration:underline;font-size:11px;color:#756d64;margin-left:8px}
.drawer-foot{padding:20px 28px 28px;border-top:1px solid #cfc5b5;background:#e7e0d2}
.sum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.sum b{font-family:"Cormorant Garamond",serif;font-size:32px;font-weight:400}
.drawer-foot p{font-size:12px;color:#756d64;margin:0 0 16px}
.drawer-foot .btn{width:100%}

/* Checkout + inquiry */
#checkout,#inquiry{align-items:center;justify-content:center;padding:4vw;overflow:auto}
#checkout .panel,#inquiry .panel{width:min(540px,100%);padding:38px;max-height:94vh;overflow:auto}
.panel label.field{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#756d64;margin-top:14px}
.panel .field input,.panel .field textarea,.panel .field select{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #cfc5b5;background:#faf8f3;font:inherit;font-size:14px;letter-spacing:0;text-transform:none;color:#17130f}
.panel .field input:focus,.panel .field textarea:focus,.panel .field select:focus{outline:2px solid var(--clay);outline-offset:1px}
.co-sum{display:flex;justify-content:space-between;margin:22px 0 4px;font-size:14px}
.notice{font-size:12px;color:#5e5448;margin:4px 0 16px}
.err{color:#a3321f;font-size:13px;min-height:20px;margin:8px 0 0}
.panel .btn{margin-top:6px}

#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#17130f;color:#f7f3ea;padding:13px 22px;font-size:12px;letter-spacing:.06em;opacity:0;pointer-events:none;transition:.3s;z-index:200;border:1px solid rgba(255,255,255,.2)}
#toast.show{opacity:1;transform:translate(-50%,0)}

/* Thank-you page */
.thanks{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 7vw;background:linear-gradient(135deg,#2a1d15,#0b0907 65%)}
.thanks h1{font-size:clamp(48px,8vw,110px);line-height:.85;margin:18px 0 26px}
.thanks p{max-width:560px;margin:0 auto 12px;color:#b9b0a4}
.thanks .btn{display:inline-block;margin-top:22px}

[hidden]{display:none!important}

.brand-mark{float:left;width:36px;height:36px;margin:1px 12px 0 0}