/* Variant D – Stone: beige ground, wordmark, sparse grid, quiet */
:root{--ink:#2b2926;--muted:#8a8279;--line:#d6cfc4;--bg:#e9e3d9;--bg2:#efeae2;--accent:#2b2926;--accent-ink:#e9e3d9;--radius:0;--max:1240px;--nav-gap:1.8rem;--card-min:260px;--grid-gap:3rem 2.5rem;--section-pad:5rem;--thumb-bg:#dfd8cd;--input-bg:#f4f0ea}
body{font-family:"Karla",system-ui,sans-serif;font-weight:300;color:var(--ink);background:var(--bg);font-size:1rem;line-height:1.65}
h1,h2,h3{font-family:"EB Garamond",Georgia,serif;font-weight:400;line-height:1.15}
.muted{color:var(--muted)}.small{font-size:.82rem}
.container.narrow{--max:720px}.container.wide{--max:1240px}
a{text-decoration:none}.ul{border-bottom:1px solid currentColor;margin-right:1.25rem}
p a{border-bottom:1px solid currentColor}
.label{font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:0 0 2rem}
.big{font-family:"EB Garamond",serif;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.35;margin:0 0 1.5rem}

/* header */
.site-header{position:sticky;top:0;background:rgba(233,227,217,.9);backdrop-filter:blur(6px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 0;gap:1rem}
.wordmark{font-family:"EB Garamond",serif;font-size:1.5rem;letter-spacing:.02em}
.nav-links{font-size:.82rem;letter-spacing:.06em}
.nav-links a[aria-current=page]{text-decoration:none;border-bottom:1px solid currentColor}
.cart-count{background:var(--ink);color:var(--bg)}
@media (max-width:820px){.header-inner{flex-wrap:wrap}.nav-links{flex-basis:100%}}

/* hero */
.hero{padding:5rem 0 3rem}
.hero-grid{display:grid;gap:3rem;grid-template-columns:1.1fr 1fr;align-items:center}
.hero h1{font-size:clamp(2.4rem,5.4vw,4.4rem);margin:0 0 1.5rem}
.hero h1 em{font-style:italic;font-weight:400}
.hero-text p{max-width:44ch;font-size:1.05rem}
.hero-img{width:100%;aspect-ratio:3/4;object-fit:cover}
@media (max-width:820px){.hero{padding:2.5rem 0}.hero-grid{grid-template-columns:1fr}.hero-img{aspect-ratio:4/5}}

/* sparse grid */
.sparse.product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.product-card .thumb{background:var(--thumb-bg)}
.product-card .thumb img{mix-blend-mode:multiply}
.product-card h3{font-family:"EB Garamond",serif;font-size:1.25rem;font-weight:400;margin:1rem 0 .1rem}
.product-card .price{font-size:.9rem;color:var(--muted)}
.product-card .badge{display:none}
.product-card .short{display:none}
.add-btn{display:none}
.more{margin-top:3rem}
.statement{background:var(--bg2)}
.notes.gallery-grid{--gallery-min:200px;--gallery-gap:2rem}
.notes figure{background:transparent}
.notes img{aspect-ratio:3/4}
.notes figcaption{position:static;opacity:1;background:none;color:var(--muted);padding:.6rem 0 0;font-size:.85rem}
.newsletter{display:flex;gap:.5rem;max-width:460px}.newsletter input{flex:1;padding:.7rem .9rem;border:1px solid var(--line);background:var(--input-bg);min-width:0}
.btn{font-size:.8rem;letter-spacing:.08em;padding:.75rem 1.4rem}

/* inner pages */
.page-head{padding:4rem 1.25rem 1rem}
.page-head>*{width:min(100%,1240px);margin-inline:auto}
.page-head h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 .5rem}
.page-head .lead{color:var(--muted);max-width:56ch;margin:0}
.section h2{font-size:1.8rem;margin:0 0 1.25rem}
.section.alt{background:var(--bg2)}
.two-col.top{align-items:start}
.about .portrait{width:100%;aspect-ratio:4/5;object-fit:cover}
.prose p{margin:0 0 1.25rem}
.follow{margin-top:2.5rem;color:var(--muted)}
.gallery-grid{--gallery-min:220px;--gallery-gap:1.5rem}
.filters button{font-size:.8rem;border-radius:0;background:transparent}
.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.product-page h1{font-size:2.4rem;margin:.3rem 0}
.product-page .price{font-size:1.2rem;color:var(--muted)}.product-page .lead{font-family:"EB Garamond",serif;font-size:1.3rem}
.product-page .badge{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.checkout{display:grid;gap:3rem;grid-template-columns:1fr;align-items:start}
@media (min-width:900px){.checkout{grid-template-columns:1.4fr 1fr}}
.checkout h2{font-size:1.4rem;margin:2rem 0 .75rem}
.checkout-side{background:var(--bg2);padding:1.5rem;position:sticky;top:5rem}
.checkout-side .line{display:grid;grid-template-columns:48px 1fr auto;gap:.75rem;align-items:center;font-size:.9rem;margin-bottom:.75rem}
.checkout-side img{width:48px;height:48px;object-fit:cover}
.checkout .place{width:100%;margin-top:1.25rem}
.club-card{background:var(--bg2);padding:2rem}
.club-card h3{font-size:1.8rem;margin:0 0 .5rem}
.club-price{display:block;font-family:"Karla";font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.4rem}
.club-card ul{padding-left:1.2rem}
.thanks .order-no{font-family:"EB Garamond",serif;font-size:2.2rem}
.cat-tile{display:block}
.news-list h3{font-size:1.4rem}

/* footer */
.site-footer{margin-top:5rem;padding:3rem 0 2rem;border-top:1px solid var(--line);font-size:.88rem}
.f-links{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.82rem;letter-spacing:.06em}
.f-social{margin:0 0 1.5rem}
