:root {
  --ink:#29251f; --muted:#81786b; --paper:#faf7f1; --cream:#f0ede6;
  --line:#e8dfd2; --accent:#b08d57; --serif:"Playfair Display", Georgia, serif;
  --sans:"DM Sans", Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
.announcement{height:30px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:10px;letter-spacing:.13em}
.site-header{height:82px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}
.wordmark{font-size:19px;font-weight:600;letter-spacing:.13em;line-height:1.1}
.wordmark span{display:block;text-align:center;font-size:8px;letter-spacing:.34em;margin-top:6px;font-weight:400}
.desktop-nav{display:flex;gap:38px;color:#55534e;font-size:12px}
.desktop-nav a:hover,.text-link:hover{color:var(--accent)}
.bag-button{border:0;background:transparent;color:var(--ink);font-size:12px}
.bag-button span{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid var(--line);border-radius:50%;margin-left:6px}
.hero{min-height:570px;display:grid;grid-template-columns:1fr 1fr;position:relative;padding:55px 6.5% 65px;gap:5%}
.hero-copy{align-self:center;padding:25px 0 45px;max-width:470px}
.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--accent);font-weight:600}
h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.035em}
h1{font-size:clamp(48px,6vw,78px);line-height:1.06;margin:22px 0}
h1 em,h2 em{font-weight:500;color:#9b876b}
.hero-description{max-width:350px;color:var(--muted);line-height:1.9;font-size:13px;margin:0 0 30px}
.dark-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--ink);color:white;border:1px solid var(--ink);padding:16px 21px;font-size:10px;letter-spacing:.07em;transition:.2s}
.dark-button:hover{background:transparent;color:var(--ink)}
.hero-image{min-height:440px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(60,45,25,.08)),url("https://images.unsplash.com/photo-1611652022419-a9419f74343d?auto=format&fit=crop&w=1200&q=85") center/cover;background-color:#e8e0d3}
.hero-note{position:absolute;bottom:28px;left:6.5%;font-size:8px;letter-spacing:.18em;color:#99948a}
.section-wrap{padding:100px 6.5%}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}
h2{font-size:clamp(34px,4vw,48px);margin:12px 0 0}
.section-heading>p{color:var(--muted);font-size:12px}
.filters{display:flex;gap:25px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:28px;overflow-x:auto}
.filter{border:0;background:none;padding:0 0 5px;color:#89857d;font-size:11px;white-space:nowrap}
.filter.active{color:var(--ink);border-bottom:1px solid var(--ink)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.product-card{min-width:0}
.product-image{width:100%;aspect-ratio:4/5;background:#eee9e0;overflow:hidden;position:relative}
.product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.product-card:hover .product-image img{transform:scale(1.04)}
.add-button{position:absolute;bottom:12px;left:12px;right:12px;background:rgba(251,250,247,.94);border:0;padding:12px;font-size:10px;letter-spacing:.06em;opacity:0;transition:.2s}
.product-card:hover .add-button,.add-button:focus{opacity:1}
.product-info{display:flex;justify-content:space-between;gap:10px;padding-top:13px}
.product-name{font-size:12px;font-weight:500}
.product-category{font-size:10px;color:var(--muted);margin-top:5px}
.product-price{font-size:11px;white-space:nowrap}
.demo-note{color:#9b958a;font-size:10px;margin-top:30px}
.story-section{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);min-height:440px}
.story-image{min-height:400px;background:url("https://images.unsplash.com/photo-1617038220319-276d3cfab638?auto=format&fit=crop&w=1100&q=85") center/cover #e2d9cb}
.story-copy{align-self:center;padding:70px 12%;max-width:600px}
.story-copy h2{font-size:clamp(36px,4vw,52px);line-height:1.2;margin:18px 0}
.story-copy>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:2;margin:22px 0 25px}
.text-link{font-size:11px;border-bottom:1px solid var(--accent);padding-bottom:7px}
.footer{padding:55px 6.5%;text-align:center}
.footer-mark{display:inline-block}
.footer p{color:var(--muted);font-size:11px;margin:20px 0}
.footer small{color:#a09b92;font-size:9px}
.drawer-backdrop{position:fixed;inset:0;background:#0006;z-index:9;opacity:0;visibility:hidden;transition:.25s}
.cart-drawer{position:fixed;z-index:10;right:0;top:0;height:100%;width:min(420px,100%);background:var(--paper);padding:28px;display:flex;flex-direction:column;transform:translateX(100%);transition:.3s}
.cart-open .drawer-backdrop{opacity:1;visibility:visible}
.cart-open .cart-drawer{transform:translateX(0)}
.drawer-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}
.drawer-heading h2{font-size:29px;margin:0}
.close-button{border:0;background:none;font-size:28px}
.cart-items{flex:1;overflow:auto;padding:18px 0}
.empty-bag{color:var(--muted);font-size:12px}
.cart-row{display:grid;grid-template-columns:65px 1fr auto;gap:13px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}
.cart-thumb{width:65px;height:75px;object-fit:cover;background:var(--cream)}
.cart-row strong{font-size:11px;font-weight:500}
.cart-row small{display:block;color:var(--muted);margin-top:6px}
.remove-item{border:0;background:none;color:var(--muted);font-size:10px;text-decoration:underline}
.cart-bottom{border-top:1px solid var(--line);padding-top:20px}
.subtotal{display:flex;justify-content:space-between;font-size:13px}
.checkout-note{color:var(--muted);font-size:10px;line-height:1.6}
.checkout-button{width:100%;margin-top:8px}
.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 18px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:20}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.hero{min-height:auto;grid-template-columns:1fr;padding-top:45px}.hero-copy{padding:10px 0 20px}.hero-image{min-height:370px}.hero-note{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-section{grid-template-columns:1fr}.story-image{min-height:330px}.story-copy{padding:55px 8%}.section-wrap{padding-top:70px;padding-bottom:70px}}
@media(max-width:520px){.site-header{height:70px;padding:0 5%}.wordmark{font-size:16px}.desktop-nav{gap:13px;font-size:10px}.hero{padding:35px 5% 50px}.hero-image{min-height:300px}.section-wrap{padding-left:5%;padding-right:5%}.section-heading{display:block}.section-heading>p{margin-top:12px}.filters{gap:19px}.product-grid{gap:20px 12px}.add-button{opacity:1;left:7px;right:7px;bottom:7px;padding:10px;font-size:9px}.product-info{display:block}.product-price{display:block;margin-top:7px}.story-image{min-height:270px}}