/* Variant C – Raku: monochrome, contemplative, big serif, full-bleed bands */
:root{--ink:#1c1b19;--muted:#77726c;--line:#dcd8d2;--bg:#f4f2ee;--dark:#151412;--accent:#1c1b19;--accent-ink:#f4f2ee;--radius:0;--max:1100px;--nav-gap:2rem;--card-min:200px;--section-pad:6rem;--thumb-bg:#e7e3dd}
body{font-family:"Inter",system-ui,sans-serif;font-weight:300;color:var(--ink);background:var(--bg);font-size:.98rem;line-height:1.7}
.serif{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;line-height:1.15}
h1,h2,h3{font-weight:300}
h2.serif{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 1.5rem}
.muted{color:var(--muted)}.small{font-size:.82rem}.center{text-align:center}
.container.narrow{--max:720px}.container.wide{--max:1300px}
a{text-decoration:none}.prose a,p a{border-bottom:1px solid currentColor}
.line-link{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:.25em}
.line-link.light{color:#fff}
.num{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem}
.mark{width:34px;height:34px}
.mark.big{width:84px;height:84px;margin:0 auto 1.5rem}

/* header */
.site-header{position:sticky;top:0;background:rgba(244,242,238,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.9rem 0 0}
.logo{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:.4rem}
.logo span{font-family:"Cormorant Garamond",serif;font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase}
.header-cart{grid-column:3;justify-self:end}.nav-toggle{grid-column:1;justify-self:start}
.nav-links{grid-column:1/-1;justify-content:center;padding:.9rem 0;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase}
.nav-links a[aria-current=page]{text-decoration:none;border-bottom:1px solid currentColor}
.cart-count{background:var(--ink);color:#fff}
@media (max-width:820px){.header-inner{grid-template-columns:auto 1fr auto;padding:.7rem 0}.logo{grid-column:2}.nav-toggle{grid-column:1}.header-cart{grid-column:3}.nav-links{align-items:center;padding:.4rem 0 1rem}}

/* hero */
.hero-mark{padding:6rem 1rem 4rem}
.hero-mark h1{font-family:"Cormorant Garamond",serif;font-size:clamp(2.4rem,6vw,4.4rem);letter-spacing:.24em;text-transform:uppercase;margin:0 0 1rem;font-weight:300}
.hero-mark .lead{font-size:clamp(1.2rem,2.4vw,1.7rem);font-style:italic;color:var(--muted);margin:0}
.band img{width:100%;height:min(80vh,720px);object-fit:cover;filter:saturate(.85)}
.band.dark{background:var(--dark);color:#f4f2ee;padding:5rem 0}
.band.dark .product-grid{--card-min:200px;text-align:left;margin:2rem 0 2.5rem}
.band.dark .product-card .thumb{background:#2a2825}
.band.dark .product-card h3{font-family:"Cormorant Garamond",serif;font-size:1.3rem}
.band.dark .product-card .price{color:#bbb}
.band.dark .product-card .badge{background:#f4f2ee;color:var(--ink)}
.band.dark .add-btn{display:none}

/* philosophy / rows */
.philosophy .split{display:grid;gap:3rem;grid-template-columns:1fr 2fr;align-items:start}
@media (max-width:760px){.philosophy .split{grid-template-columns:1fr}}
.serif.large{font-size:clamp(1.4rem,2.6vw,1.9rem);font-style:italic;margin:0 0 1.5rem}
.alt-rows .row{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.alt-rows .row:nth-child(even) img{order:2}
.alt-rows img{width:100%;height:min(80vh,640px);object-fit:cover;filter:saturate(.85)}
.alt-rows .row>div{padding:3rem clamp(1.5rem,6vw,6rem)}
.alt-rows h2{margin:0 0 1rem}
@media (max-width:760px){.alt-rows .row{grid-template-columns:1fr}.alt-rows .row:nth-child(even) img{order:0}.alt-rows img{height:60vh}}

/* masonry gallery */
.masonry.gallery-grid{display:block;columns:3 220px;column-gap:.9rem}
.masonry figure{break-inside:avoid;margin:0 0 .9rem}
.masonry img{aspect-ratio:auto;filter:saturate(.9)}
.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2rem}
.section-head h2{margin:0}
.journal .news-list article{border-color:var(--line)}
.journal h3{font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:400}
.give h2{margin:.5rem 0 1rem}

/* product cards elsewhere */
.product-card h3{font-family:"Cormorant Garamond",serif;font-size:1.25rem;font-weight:400}
.product-card .badge{background:var(--ink);color:#f4f2ee;letter-spacing:.2em}
.product-card .short{display:none}
.add-btn{margin-top:.5rem;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;background:none;border:1px solid var(--ink);color:var(--ink);padding:.55rem 1rem}
.add-btn:hover{background:var(--ink);color:#f4f2ee}

/* inner pages */
.page-head{text-align:center;padding:5rem 1.25rem 2rem}
.page-head h1{font-family:"Cormorant Garamond",serif;font-size:clamp(2.4rem,6vw,4rem);letter-spacing:.14em;text-transform:uppercase;font-weight:300;margin:0 0 .5rem}
.page-head .lead{font-family:"Cormorant Garamond",serif;font-size:1.3rem;font-style:italic;color:var(--muted);margin:0}
.section.alt{background:#e9e6e0}
.section h2{font-family:"Cormorant Garamond",serif;font-size:2rem;font-weight:300;margin:0 0 1.25rem}
.two-col.top{align-items:start}
.about .portrait{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.85)}
.prose p{margin:0 0 1.25rem}
.follow{margin-top:2.5rem;text-align:center}
.filters button{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;border-radius:0}
.product-page h1{font-family:"Cormorant Garamond",serif;font-size:2.6rem;font-weight:300;margin:.4rem 0}
.product-page .price{font-size:1.2rem}.product-page .lead{font-family:"Cormorant Garamond",serif;font-size:1.3rem;font-style:italic;color:var(--muted)}
.product-page .badge{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.btn{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;padding:.9rem 1.6rem}
.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.5rem;margin:2rem 0 .75rem}
.checkout-side{background:#e9e6e0;padding:1.5rem;position:sticky;top:6rem}
.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{border:1px solid var(--line);padding:2rem}
.club-card h3{font-family:"Cormorant Garamond",serif;font-size:1.9rem;font-weight:300;margin:0 0 .5rem}
.club-price{display:block;font-family:"Inter";font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.4rem}
.club-card ul{padding-left:1.2rem}
.thanks .order-no{font-family:"Cormorant Garamond",serif;font-size:2.2rem}
.cat-tile{display:block}
.newsletter{display:flex;gap:.5rem}.newsletter input{flex:1;padding:.7rem;border:1px solid var(--line);background:transparent;min-width:0}

/* footer */
.site-footer{border-top:1px solid var(--line);margin-top:5rem;padding:4rem 0 2rem;font-size:.88rem}
.footer-inner{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.f-left .serif{font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase;margin:.75rem 0 .25rem}
.site-footer h4{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;margin:0 0 .9rem;font-weight:400}
.footer-nav{display:flex;flex-direction:column;gap:.4rem}
.footer-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line)}