:root{--ivory:#FAF8F3;--surface:#fff;--gold:#C6A15B;--antique:#956B2D;--ink:#242321;--taupe:#B7AA98;--beige:#E9E1D5;--muted:#5d574d;--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root{--ivory:#1b1a18;--surface:#242321;--ink:#f3ede2;--beige:#34312c;--muted:#b9b1a3;--antique:#C6A15B}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 16px/1.7 var(--sans);padding-top:env(safe-area-inset-top,0)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1;margin:0 0 .5em}
h1{font-size:clamp(2.6rem,7vw,5rem)}h2{font-size:clamp(2rem,4.5vw,3rem)}h3{font-size:1.6rem}h1.pt{font-size:clamp(2.2rem,5vw,3.4rem)}
a{color:inherit}img{max-width:100%}
.label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--antique)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
section{padding:88px 0;border-top:1px solid var(--beige)}
.ann{background:var(--ink);color:var(--ivory);text-align:center;font-size:.75rem;letter-spacing:.12em;padding:9px 12px}
header.site{position:sticky;top:0;background:var(--ivory);z-index:5;border-bottom:1px solid var(--beige)}
.bar{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center}.brand img{display:block;height:52px;width:auto}
nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
nav a{text-decoration:none}nav a:hover,nav a:focus-visible{color:var(--antique)}
.tools{display:flex;gap:18px;font-size:.82rem}.tools a{text-decoration:none;padding:10px 4px;min-height:44px;display:inline-flex;align-items:center}
.menu{display:none;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:10px 4px;min-height:44px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--antique);outline-offset:3px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:72px 24px}
.himg{display:block;width:100%;height:auto}.ph.himg{aspect-ratio:4/5}
.ph{background:var(--beige);border:1px dashed var(--taupe);display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.btn{display:inline-block;padding:15px 30px;font:inherit;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ink);margin:8px 12px 0 0;background:none;color:inherit;cursor:pointer}
.btn.p{background:var(--ink);color:var(--ivory)}.btn.p:hover{background:var(--antique);border-color:var(--antique)}.btn.s:hover{border-color:var(--antique);color:var(--antique)}.btn[disabled]{opacity:.5;cursor:not-allowed}
.grid{align-items:start;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,300px));gap:32px;justify-content:center;margin-top:40px}
.card{text-align:left}.card p{margin:0;color:var(--muted);font-size:.9rem}.pimg{display:block;width:100%;height:auto;margin-bottom:14px}.ph.pimg{aspect-ratio:4/5}
.card a:hover h3{color:var(--antique)}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.three div{border-top:1px solid var(--gold);padding-top:18px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split.top{align-items:start}
.note{background:var(--surface);border-left:2px solid var(--gold);padding:14px 18px;font-size:.88rem;color:var(--muted)}
details{border-bottom:1px solid var(--beige);padding:16px 0}summary{cursor:pointer;font-family:var(--serif);font-size:1.35rem}
form.f{display:grid;gap:16px;max-width:520px}label{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
input,textarea,select{width:100%;padding:13px;border:1px solid var(--taupe);background:var(--surface);color:var(--ink);font:inherit;margin-top:6px}
.qty{width:90px}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:20px 0 8px}
.price{font-size:1.5rem;margin:0}.ci{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--beige);padding:16px 0}
footer.site{background:#242321;color:#d8d0c2;padding:56px 0;font-size:.88rem}footer.site a{color:var(--gold)}footer.site img{max-width:320px;width:100%;height:auto;margin-bottom:12px}
.sr{position:absolute;left:-9999px}.sr:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:9}
@media(max-width:820px){.hero,.split,.three{grid-template-columns:1fr}section{padding:64px 0}
.menu{display:block}header.site{position:static;border:0}.bar{flex-wrap:wrap;height:auto;padding-bottom:4px}
.brand{order:-1;width:100%;justify-content:center;padding:14px 0 6px}.brand img{height:auto;width:100%;max-width:340px}.tools{margin-left:auto}
nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ivory);border-bottom:1px solid var(--beige);padding:12px 24px}nav.open{display:block}nav ul{flex-direction:column;gap:0}nav li a{display:block;padding:14px 0}.tools .s{display:none}}
