
:root{
  --bg:#080808;--panel:#11100e;--panel2:#171512;--gold:#c99535;--gold2:#efc765;
  --cream:#f5ead2;--muted:#b9ad96;--line:#3a2d19;--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:"Source Sans 3",system-ui,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),92%);margin:auto}
.topbar{background:#000;border-bottom:1px solid #261e13;text-align:center;padding:8px 12px;color:var(--gold2);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase}
header{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.96);backdrop-filter:blur(10px);border-bottom:1px solid #2a2115}
nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-family:Oswald,sans-serif;font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase}
.brand img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid var(--gold)}
.navlinks{display:flex;gap:21px;align-items:center;font-size:.92rem}
.navlinks a{color:#ddd0b9}.navlinks a:hover,.navlinks a.active{color:var(--gold2)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);background:var(--gold);color:#17110a;padding:12px 20px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-size:.82rem;transition:.2s}
.btn:hover{background:var(--gold2);transform:translateY(-1px)}
.btn.outline{background:transparent;color:var(--gold2)}
.hero{position:relative;overflow:hidden;padding:82px 0 74px;background:radial-gradient(circle at 72% 20%,rgba(201,149,53,.12),transparent 34%),linear-gradient(180deg,#0a0908,#080808)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}
.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.24em;font-weight:700;font-size:.8rem}
h1,h2,h3{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.045em;margin:0}
h1{font-size:clamp(3.1rem,7vw,6.2rem);line-height:.92;margin:14px 0 22px}
h1 span{color:var(--gold2)}
h2{font-size:2.6rem}.hero p{font-size:1.18rem;color:#c9bea9;max-width:620px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-logo{display:flex;justify-content:center}.hero-logo img{width:min(350px,82%);max-height:500px;object-fit:contain;border:1px solid #332514;box-shadow:0 20px 70px rgba(0,0,0,.5)}
section{padding:80px 0}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}
.section-head p{max-width:600px;color:var(--muted);margin:0}
.goldline{width:72px;height:3px;background:var(--gold);margin:13px 0 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:linear-gradient(180deg,#151310,#0f0e0c);border:1px solid #302517;padding:25px;min-height:205px;transition:.2s}
.card:hover{border-color:#76551f;transform:translateY(-2px)}
.card .thumb{aspect-ratio:4/3;object-fit:cover;width:100%;margin:-25px -25px 20px;width:calc(100% + 50px)}
.icon{font-size:1.8rem;color:var(--gold2);margin-bottom:15px}.card h3{font-size:1.3rem;margin-bottom:9px}.card p{color:var(--muted);margin:0;font-size:.95rem}
.dark-section{background:#0d0c0a;border-top:1px solid #241c12;border-bottom:1px solid #241c12}
.gallery{columns:3 280px;column-gap:16px}.gallery figure{margin:0 0 16px;break-inside:avoid;background:#111;border:1px solid #2e2417;overflow:hidden}.gallery img{width:100%;transition:transform .35s}.gallery figure:hover img{transform:scale(1.025)}.gallery figcaption{padding:13px 15px;color:#d6c9b1;font-size:.9rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.feature-img{border:1px solid #382b1a;box-shadow:0 18px 55px rgba(0,0,0,.35)}
.checklist{display:grid;gap:10px;margin:22px 0 28px;padding:0;list-style:none}.checklist li:before{content:"✦";color:var(--gold2);margin-right:10px}
.quote-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.quote-copy{background:linear-gradient(135deg,#16130e,#0d0c0a);border:1px solid #332717;padding:34px}.quote-copy h2{font-size:2.5rem}
form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#cfc1a8}
input,textarea,select{width:100%;margin-top:6px;background:#12110f;border:1px solid #40321f;color:#f4ead7;padding:13px;border-radius:3px;font:inherit}
textarea{min-height:145px;resize:vertical}input:focus,textarea:focus,select:focus{outline:1px solid var(--gold)}
.note{font-size:.82rem;color:#8f8574}
.price-box{border:1px solid #4a361c;background:#12100d;padding:24px;margin-top:22px}.price{font-family:Oswald;font-size:2.2rem;color:var(--gold2)}
.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:15px 0}.swatch{border:1px solid #40321f;padding:10px;text-align:center;font-size:.78rem;color:#ddd0b9}.swatch i{display:block;width:38px;height:38px;border-radius:50%;margin:0 auto 7px;border:2px solid rgba(255,255,255,.35)}
.product-hero{padding:62px 0 50px;background:linear-gradient(180deg,#11100e,#080808);border-bottom:1px solid #2b2115}
.product-hero p{max-width:760px;color:var(--muted);font-size:1.05rem}
.breadcrumb{color:#9d907a;font-size:.85rem;margin-bottom:16px}.breadcrumb a:hover{color:var(--gold2)}
.badge{display:inline-block;border:1px solid #59421f;color:var(--gold2);padding:5px 9px;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
footer{border-top:1px solid #2b2115;padding:42px 0;color:#9f947f}.footer-grid{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-brand{font-family:Oswald,sans-serif;color:var(--gold2);text-transform:uppercase;letter-spacing:.1em}.small{font-size:.85rem}
.mobile-note{display:none}
@media(max-width:950px){.navlinks{gap:12px}.navlinks .btn{display:none}.hero-grid,.split,.quote-wrap{grid-template-columns:1fr}.hero-logo{order:-1}.hero-logo img{width:min(300px,75%);max-height:390px}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.navlinks{display:none}.mobile-note{display:block;color:var(--muted);font-size:.8rem}.cards,.form-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(3,1fr)}section{padding:62px 0}.section-head{display:block}.section-head h2{font-size:2.2rem}.btn{width:100%}.hero-actions{display:grid}h1{font-size:3.2rem}}

.product-cards .card{overflow:hidden}
.product-cards .card h3{color:#f4ead7}
.product-cards .card:hover h3{color:var(--gold2)}
@media(max-width:700px){.hero-logo img{width:250px;max-height:330px}}
