:root{--paper:#faf7f1;--stone:#efe9de;--ink:#1f2a27;--muted:#5f6763;--green:#214f43;--green2:#2d6656;--brass:#a8834a;--line:#e2dccf;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.promo{background:var(--green);color:#f3efe6;height:31px;overflow:hidden;position:relative}.promo-track{margin:0;height:31px;position:relative}.promo-track span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}.promo-track span.on{opacity:1;transform:none}@media(max-width:360px){.promo-track span{letter-spacing:.08em;font-size:10px}}
header.top{position:sticky;top:0;z-index:30;background:rgba(250,247,241,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:background .3s}
.is-home header.top{position:fixed;left:0;right:0;top:31px;background:transparent;border-color:transparent;color:#fff}
.is-home header.top.solid{top:0;background:rgba(250,247,241,.95);color:var(--ink);border-color:var(--line)}
.hin{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 16px;gap:8px}
.brand{display:flex;align-items:center;gap:10px;justify-self:center}.brand img{width:40px;height:40px;border-radius:3px}
.brand b{font:600 21px/1 var(--serif);letter-spacing:.2em;display:block}.brand small{display:block;font:600 8.5px/1 var(--sans);letter-spacing:.28em;margin-top:5px;opacity:.8}
.icons{display:flex;gap:4px;justify-self:end}.ib{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;position:relative}.ib svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}
.count{position:absolute;top:4px;right:2px;background:var(--brass);color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center}
nav.mega{display:none;justify-content:center;gap:28px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:0 0 12px}nav.mega a:hover{color:var(--brass)}
@media(min-width:1000px){nav.mega{display:flex}.menu-btn-label{display:none}}
/* drawer */
.scrim[hidden]{display:block!important}.scrim{position:fixed;inset:0;background:rgba(20,28,25,.45);opacity:0;pointer-events:none;transition:.3s;z-index:40}.scrim.on{opacity:1;pointer-events:auto}
.drawer[hidden],.search[hidden]{display:block!important;visibility:hidden}.drawer.on,.search.on{visibility:visible}.drawer{position:fixed;top:0;bottom:0;left:0;width:min(88vw,400px);background:var(--paper);z-index:41;transform:translateX(-102%);transition:transform .35s cubic-bezier(.2,.8,.2,1);overflow:auto;padding:18px 22px 40px}.drawer.right{left:auto;right:0;transform:translateX(102%)}.drawer.on{transform:none}
.drawer h3{font:400 13px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:26px 0 8px}
.dlink{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font:400 19px var(--serif)}.dlink img{width:52px;height:52px;object-fit:cover;border-radius:4px}.dlink em{margin-left:auto;font:13px var(--sans);color:var(--muted);font-style:normal}
.langs{display:flex;gap:16px;font-size:15px}
/* search */
.search{position:fixed;inset:0 0 auto 0;background:var(--paper);z-index:42;padding:16px;transform:translateY(-105%);transition:.3s;box-shadow:0 20px 40px rgba(0,0,0,.12)}.search.on{transform:none}
.search input{width:100%;font:400 22px var(--serif);border:0;border-bottom:1px solid var(--ink);background:none;padding:12px 4px;outline:none}
.sugg a{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.sugg img{width:44px;height:44px;object-fit:cover;border-radius:4px}.sugg small{display:block;color:var(--muted)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chip{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;background:#fff;white-space:nowrap}.chip.on{background:var(--green);color:#fff;border-color:var(--green)}
/* blur-up */
.bu{position:relative;overflow:hidden;background-size:cover;background-position:center}.bu img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease,transform 1.2s ease}.bu img.ld{opacity:1}
/* hero */
.hero{position:relative;height:100svh;min-height:600px;color:#fff;overflow:hidden}
.hero .bu{position:absolute;inset:0}.hero .bu img{transform:scale(1.12);animation:kb 14s ease-out forwards}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,30,26,.45) 0,rgba(18,30,26,0) 28%,rgba(18,30,26,0) 45%,rgba(18,30,26,.72) 100%)}
.hero .copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:0 22px 44px;max-width:760px}
.eyebrow{font:600 11.5px var(--sans);letter-spacing:.28em;text-transform:uppercase}
.hero h1{font:400 clamp(40px,11vw,84px)/1.02 var(--serif);margin:12px 0 14px;letter-spacing:-.01em}
.hero p{font-size:17px;max-width:30em;margin:0 0 24px;opacity:.92}
.rise{opacity:0;transform:translateY(18px);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}.d1{animation-delay:.25s}.d2{animation-delay:.45s}.d3{animation-delay:.65s}.d4{animation-delay:.85s}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;font-weight:600;font-size:14px;letter-spacing:.12em;text-transform:uppercase;border-radius:2px}
.btn.light{background:#faf7f1;color:var(--ink)}.btn.ghost{border:1px solid rgba(255,255,255,.8);color:#fff}.btn.green{background:var(--green);color:#fff;width:100%}.btn.green:hover{background:var(--green2)}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.scrollcue{position:absolute;z-index:2;bottom:14px;left:50%;width:1px;height:28px;background:rgba(255,255,255,.7);animation:cue 2s infinite}
@keyframes kb{to{transform:scale(1)}}@keyframes rise{to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}}@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* sections */
section.s{padding:56px 0 8px}.wrap{max-width:1360px;margin:auto;padding:0 18px}
.sh{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}.sh h2{font:400 clamp(28px,7vw,44px)/1.1 var(--serif);margin:6px 0 0}.sh a{font-size:13px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid;white-space:nowrap}
.eyebrow.g{color:var(--green)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 18px 8px;margin:0 -18px;scrollbar-width:none}.rail>*{scroll-snap-align:start}
@media(min-width:760px){.rail{grid-auto-columns:31%}}@media(min-width:1200px){.rail{grid-auto-columns:23.5%}}
.dept{position:relative;aspect-ratio:3/4;border-radius:4px;overflow:hidden;color:#fff}.dept .bu{position:absolute;inset:0}.dept:hover img{transform:scale(1.04)}
.dept:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(15,25,22,.7))}
.dept span{position:absolute;z-index:2;left:16px;bottom:14px;right:16px}.dept b{display:block;font:400 25px/1.1 var(--serif)}.dept small{font-size:13px;letter-spacing:.1em;opacity:.9}
.edit{display:grid;gap:14px}@media(min-width:900px){.edit{grid-template-columns:1.3fr 1fr}}
.feature{position:relative;min-height:520px;border-radius:4px;overflow:hidden;color:#fff;display:flex;align-items:flex-end}.feature .bu{position:absolute;inset:0}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(15,25,22,.78))}
.feature div.c{position:relative;z-index:2;padding:26px}.feature h3{font:400 34px/1.1 var(--serif);margin:8px 0 10px}.feature p{margin:0 0 18px;opacity:.9;max-width:28em}
.card{display:block}.card .bu{aspect-ratio:1/1;border-radius:4px;background-color:var(--stone)}.card .bu img{object-fit:cover}
.card h4{font:400 16px/1.3 var(--serif);margin:10px 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .meta{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.card .pr{font-size:15px;margin-top:3px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px}@media(min-width:760px){.grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.grid{grid-template-columns:repeat(4,1fr);gap:34px 20px}}
.story{display:grid;gap:0;background:var(--stone);margin-top:56px}@media(min-width:900px){.story{grid-template-columns:1fr 1fr}}.story .bu{min-height:340px}.story .t{padding:44px 24px}.story h2{font:400 36px/1.15 var(--serif);margin:10px 0 14px}.story p{color:var(--muted);max-width:32em}
.trust{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:34px 18px;max-width:1360px;margin:auto;font-size:14px}@media(min-width:900px){.trust{grid-template-columns:repeat(4,1fr)}}.trust b{display:block;font:400 18px var(--serif);margin-bottom:2px}.trust span{color:var(--muted)}
.site-footer{background:var(--green);color:#e9e4d8;padding:40px 18px 28px;font-size:14px}.site-footer .fcols{display:grid;gap:22px}@media(min-width:900px){.site-footer .fcols{grid-template-columns:2fr 1fr 1fr 1fr}}.site-footer h5{font:600 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;margin:0 0 10px;color:#fff}.site-footer a{display:block;padding:3px 0;opacity:.85}.site-footer .fine{max-width:1360px;margin:26px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:12px;opacity:.75}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
/* collection */
.chero{position:relative;height:46svh;min-height:300px;color:#fff;display:flex;align-items:flex-end}.chero .bu{position:absolute;inset:0}.chero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,25,22,.15),rgba(15,25,22,.65))}.chero .c{position:relative;z-index:2;padding:0 18px 26px;max-width:1360px;margin:auto;width:100%}.chero h1{font:400 clamp(36px,9vw,64px)/1.05 var(--serif);margin:8px 0 4px}
.tools{position:sticky;top:61px;z-index:10;background:var(--paper);border-bottom:1px solid var(--line)}.tools .wrap{display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none}.tools .chips{flex-wrap:nowrap;margin:10px 0}.tools select{margin-left:auto;border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:999px;font:inherit;font-size:14px}
.crumbs{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:16px 0}
/* product */
.pdp{display:grid;gap:0}@media(min-width:960px){.pdp{grid-template-columns:1.2fr 1fr;gap:48px;max-width:1360px;margin:auto;padding:24px 18px}}
.gal{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gal .bu{aspect-ratio:1/1;scroll-snap-align:start;background-color:var(--stone)}.gal .bu img{object-fit:contain}
@media(min-width:960px){.gal{grid-auto-flow:row;grid-auto-columns:auto;gap:10px}}
.dots{display:flex;justify-content:center;gap:6px;padding:10px}.dots i{width:6px;height:6px;border-radius:50%;background:#cfc8b9}.dots i.on{background:var(--ink)}
.info{padding:8px 18px 30px}@media(min-width:960px){.info{position:sticky;top:90px;align-self:start}}
.info h1{font:400 clamp(28px,7vw,40px)/1.12 var(--serif);margin:6px 0 10px}.info .price{font-size:22px;margin-bottom:16px}.info .note{font-size:13px;color:var(--muted);margin:10px 0 20px;display:grid;gap:6px}
.acc{border-top:1px solid var(--line)}.acc summary{list-style:none;padding:16px 0;font:400 18px var(--serif);cursor:pointer;display:flex;justify-content:space-between}.acc summary:after{content:"+"}.acc[open] summary:after{content:"–"}.acc div{color:#3d4643;padding-bottom:16px;white-space:pre-line}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:25;background:rgba(250,247,241,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center;transform:translateY(110%);transition:.35s}.sticky.on{transform:none}.sticky .t{flex:1;min-width:0;font-size:13px}.sticky .t b{display:block;font:400 15px var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky .btn{width:auto;padding:13px 20px}
@media(min-width:960px){.sticky{display:none}}
.bagitem{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.bagitem img{width:64px;height:64px;object-fit:cover;border-radius:4px}.bagitem b{font:400 15px var(--serif);display:block}
.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;transition:.3s;z-index:50}.toast.on{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rise,.reveal{opacity:1;transform:none}}

.skip{position:absolute;left:-9999px;top:8px;padding:12px;background:#fff;z-index:100}.skip:focus{left:12px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
.fbrand{font:400 20px var(--serif);margin:12px 0 4px;letter-spacing:.18em}.site-footer img{border-radius:3px}
.store-footer{background:#1a3f35;color:#e9e4d8}
.search-row{display:flex;gap:8px;max-width:900px;margin:auto}.search .chips,.search .sugg{max-width:900px;margin-left:auto;margin-right:auto}
.small-link{display:block;padding:6px 0;color:var(--green)}
.extras{padding-top:30px}.extras .trust{padding:24px 0}.store-history{margin:20px 0;border-block:1px solid var(--line);padding:18px 0}.store-history summary{cursor:pointer;font:400 22px var(--serif)}.heritage h2{font:400 28px var(--serif)}.heritage-lead,.heritage-note{color:var(--muted);font-size:15px;max-width:60em}.timeline{display:grid;gap:18px;margin:20px 0}@media(min-width:900px){.timeline{grid-template-columns:repeat(4,1fr)}}.era{border-top:2px solid var(--brass);padding-top:12px}.era strong{font:400 24px var(--serif);color:var(--green)}.era h3{font-size:15px;margin:4px 0}.era p{font-size:13px;color:var(--muted)}.heritage-note{background:var(--stone);padding:16px}.heritage-sources{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.heritage-sources a{text-decoration:underline}
.community-support{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 0 34px;font-size:13px}.community-support p{margin:4px 0;color:var(--muted)}.community-support a{color:var(--green);text-decoration:underline}
.cart-heading{display:flex;justify-content:space-between;align-items:center}.qty{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:14px}.qty button{border:1px solid var(--line);width:30px;height:30px;border-radius:50%;background:#fff}.qty button:disabled{opacity:.4}.qty .rm{border:0;width:auto;text-decoration:underline;background:none;color:var(--muted)}
#checkout-status{font-size:14px;color:var(--muted)}.cart-note{font-size:13px;color:var(--muted)}
.variant{display:block;margin:0 0 12px}.variant select{width:100%;padding:12px;border:1px solid var(--line);background:#fff;font:inherit}
.empty{padding:40px 0;text-align:center;color:var(--muted)}
.btn.green:disabled{opacity:.5}
.chero.plain{height:auto;min-height:0;color:var(--ink);padding-top:30px}.chero.plain:after{display:none}
