*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:300 16px/1.6 Jost,system-ui,sans-serif}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}
.bar{background:var(--ink);color:var(--bg);text-align:center;font-size:13px;padding:8px 12px;letter-spacing:.04em}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 5vw;border-bottom:1px solid rgba(0,0,0,.12);position:sticky;top:0;background:var(--bg);z-index:5}
.site-header nav{display:flex;gap:24px;font-size:15px;flex:1}.cart{font-size:15px;flex:1;text-align:right}.logo{height:46px;width:auto;mix-blend-mode:multiply}
.hero{min-height:84vh;background:#a99b8f center bottom/cover no-repeat;display:flex;align-items:flex-start;padding:9vh 5vw}.hero>div{max-width:560px;color:#1B1A18}
h1,h2{font-weight:300;letter-spacing:.14em;margin:0;line-height:1.15}h1{font-size:clamp(30px,5vw,56px)}h2,.h2{font-size:clamp(22px,3vw,34px)}
.btn{display:inline-block;margin-top:22px;padding:13px 30px;background:#1B1A18;color:#EFE8DF;font:400 14px Jost,sans-serif;letter-spacing:.12em;border:0;cursor:pointer}.btn:hover{background:var(--accent);color:#fff}.btn[disabled]{opacity:.5}
section{padding:80px 5vw}.head{margin-bottom:36px}.head p{margin:10px 0 0;max-width:52ch;opacity:.75}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.card .ph{background:var(--bg2);overflow:hidden;aspect-ratio:4/5}.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.03)}
.card h3{font:600 24px/1.2 "Cormorant Garamond",Georgia,serif;margin:16px 0 2px}.card span{opacity:.75;font-size:15px}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.split.tint{background:var(--bg2)}.split.reverse .split-img{order:2}.split p{max-width:48ch;margin:18px 0 0}
.rule{width:56px;height:3px;background:var(--accent);margin:22px 0 0}.link{border-bottom:1px solid currentColor;padding-bottom:2px}.split-img img{width:100%;max-height:600px;object-fit:cover}
.ig{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.ig img{aspect-ratio:1;object-fit:cover;width:100%}
.pdp{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}.pdp-media{display:grid;gap:12px}.pdp-info{position:sticky;top:90px;align-self:start}.price{font-size:20px;margin:12px 0}.pdp select{padding:10px;margin-right:8px}.rte{margin-top:28px;max-width:56ch}
.narrow{max-width:820px;margin:0 auto}.line{display:grid;grid-template-columns:80px 1fr 70px 90px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.12)}.line input{width:60px;padding:6px}.total{text-align:right;font-size:18px}
.sf{display:flex;gap:10px;margin:20px 0}.sf input{flex:1;padding:10px;border:1px solid rgba(0,0,0,.3);background:transparent}.sf .btn{margin:0}.pager{margin-top:30px}
.site-footer{padding:40px 5vw;border-top:1px solid rgba(0,0,0,.12);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font-size:14px;opacity:.8}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.split,.pdp{grid-template-columns:1fr;gap:28px}.split.reverse .split-img{order:0}.ig{grid-template-columns:repeat(3,1fr)}section{padding:56px 5vw}.site-header nav{font-size:13px;gap:12px}.logo{height:36px}.pdp-info{position:static}}
img{max-width:100%;height:auto;display:block}
.card .ph{aspect-ratio:1/1}
.pdp-media img{width:100%;aspect-ratio:1/1;object-fit:cover}
@media(max-width:760px){
.grid{grid-template-columns:repeat(2,1fr);gap:14px}
.card .ph{aspect-ratio:1/1}
.card h3{font-size:19px}
.actions{flex-direction:column;gap:8px}
.actions .btn{padding:11px 8px;font-size:13px}
.pdp-media{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px}
.pdp-media img{flex:0 0 100%;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;scroll-snap-align:center}
.hero{min-height:70vh}
.split-img img{max-height:380px}
}