@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f5efe4;--ink:#2e241e;--accent:#9e482d;--line:#ded1c0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #3b70ba;outline-offset:4px}.bar,footer{display:flex;justify-content:space-between;align-items:center;padding:22px 6vw;gap:22px}.brand{display:inline-flex;align-items:baseline;gap:.6em;font-size:1.18rem;font-weight:700;letter-spacing:.22em}.brand small{font-size:.52em;letter-spacing:.17em}nav{display:flex;gap:clamp(12px,4vw,44px);font-size:.9rem}.hero{display:grid;grid-template-columns:42% 58%;min-height:565px;background:#e9dccc}.intro{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px 6vw}.eyebrow{font-size:.72rem;letter-spacing:.19em;font-weight:700;color:#79351f}h1,h2{font:400 clamp(2.6rem,6.5vw,6.2rem)/.93 'Instrument Serif',Georgia,serif;margin:0}h1 em{font-weight:400;color:var(--accent)}.intro>p:not(.eyebrow){max-width:24ch;margin:24px 0}.primary{display:inline-flex;align-items:center;gap:1.25rem;justify-content:center;background:#823b27;color:#fff8ef;padding:12px 18px;font-weight:600;border:1px solid transparent}.primary:hover{background:#612c1f}.hero figure{position:relative;margin:0;min-height:420px;background:#e3c2a3}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.collection{padding:76px 6vw 84px;max-width:1550px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.section-head h2,.order h2{font-size:clamp(2.7rem,5vw,4.4rem)}.section-head p{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 20px}.card{padding:0;background:none;border:0;width:100%;text-align:left}.card img{width:100%;aspect-ratio:4/5;object-fit:contain;display:block;background:#e7c7a7}.card:hover img{filter:brightness(.94)}.card span{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}.card small{font-weight:400}.order{background:#ead9c7;padding:55px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.order p{margin-bottom:0;max-width:52ch}footer{border-top:1px solid var(--line);font-size:.85rem}dialog{padding:0;border:0;width:min(850px,94vw);max-height:90dvh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#21160fd0}.detail{display:grid;grid-template-columns:1fr 1fr}.detail img{display:block;width:100%;background:#e7c7a7}.info{padding:38px 26px 25px}.info h2{font-size:3rem}.close{position:absolute;right:9px;top:7px;width:38px;height:38px;background:var(--paper);border:1px solid var(--line);font-size:1.5rem}.info fieldset{border:0;padding:0;margin:22px 0}.info legend{margin-bottom:8px;font-weight:700}#variants{display:flex;flex-wrap:wrap;gap:6px}#variants button,.copy{border:1px solid var(--line);background:none;padding:7px 10px}#variants button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.copy{display:block;margin-top:9px}#status{font-size:.88rem;min-height:1em;margin-bottom:0}@media(max-width:720px){.hero{grid-template-columns:1fr}.hero figure{min-height:0;aspect-ratio:4/5}.intro{padding-block:40px}.section-head,.order{align-items:flex-start;flex-direction:column}.collection{padding-block:50px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.detail{grid-template-columns:1fr}.detail img{max-height:50dvh;object-fit:contain}.info{padding-top:20px}.brand{gap:.3em;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
