:root{--gold:#c9a86a;--black:#0c0b0a;--paper:#e9dfcf}
*{box-sizing:border-box}body{margin:0;background:var(--black);color:#f4eee5;font:15px/1.7 Arial,sans-serif}
a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,5vw,70px);border-bottom:1px solid #7d6341;background:#0a0908}
.site-header img{width:83px;height:83px;object-fit:contain}
.site-header nav{display:flex;gap:30px;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.page{max-width:1240px;margin:auto;padding:35px 30px 85px}.breadcrumb{color:#c7b49a;font-size:12px;letter-spacing:1px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--gold)}
.product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);margin-top:26px}
.photos{display:grid;gap:16px}.photos img{width:100%;display:block;object-fit:cover;border:1px solid #4b3a28}
.photos .main-photo{aspect-ratio:4/3}.photos .model-photo{aspect-ratio:3/2}.photos .detail-photo{max-height:200px;object-fit:cover}
.photo-label{color:#b8a997;font-size:11px;margin:6px 0 0}
h1{font:normal clamp(38px,4vw,62px)/1.05 Georgia,serif;letter-spacing:.4px;margin:13px 0 20px}
h2{font:normal 27px Georgia,serif;margin:35px 0 10px}
.description{color:#d8cfc2}.spec{border-top:1px solid #554734;padding:15px 0;color:#d3c8b9}.spec strong{color:#f6ebd9}
.swatches{display:flex;gap:9px;margin:15px 0}.swatches span{width:30px;height:30px;border-radius:50%;border:1px solid #e7d9c0}
.pairing{background:#171411;border:1px solid #6b5235;padding:22px 25px;margin:18px 0}
.pairing h3{color:var(--gold);font:normal 19px Georgia,serif;margin:0 0 8px}
.pairing p{margin:0;color:#ddd0bf}.muted{color:#b8a997;font-size:12px}
.back{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:12px 20px;text-transform:uppercase;font-size:11px;letter-spacing:1.5px;margin-top:22px}
.other{border-top:1px solid #58452f;margin-top:55px;padding-top:24px}.other-links{display:flex;flex-wrap:wrap;gap:12px}.other-links a{border:1px solid #5e4b34;padding:7px 13px;font-size:12px}
@media(max-width:740px){.product-layout{grid-template-columns:1fr}.site-header nav{gap:14px;font-size:10px}.site-header img{width:65px;height:65px}.page{padding:24px 18px 55px}}