:root{
 --gold:#b68a2b;--gold2:#d7b55f;--ink:#151515;--muted:#6b665f;
 --paper:#fffdfa;--cream:#f5f0e6;--line:#dfcfaa;--black:#101010;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 38px));margin:auto}
.nav{position:sticky;top:0;z-index:20;background:rgba(255,253,250,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.navin{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{font:18px Georgia,serif;letter-spacing:.18em;color:var(--gold)}
.links{display:flex;gap:27px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.navbtn{border:1px solid var(--gold);padding:11px 15px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.hero{min-height:735px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}
h1{font-size:clamp(48px,6.2vw,82px);line-height:.96;margin:18px 0}
h2{font-size:clamp(40px,5vw,60px);line-height:1.02;margin:12px 0 20px}
.hero p{font-size:18px;max-width:650px;color:#48443e}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0}
.btn{padding:14px 21px;border:1px solid var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.btn.gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.micro{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.micro span:before{content:"✦";color:var(--gold);margin-right:7px}
.heroimg{position:relative;min-height:620px;display:grid;place-items:center}
.halo{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#efe4c9 0,#fbf7ee 55%,transparent 72%)}
.productphoto{position:relative;width:min(355px,75%);filter:drop-shadow(20px 28px 30px rgba(55,40,18,.18))}
.productphoto img{display:block;width:100%;height:auto}
.section{padding:105px 0}.cream{background:var(--cream)}.black{background:var(--black);color:#fff}.center{text-align:center}
.lead{max-width:750px;margin:0 auto;color:var(--muted)}.black .lead{color:#cfc8bc}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px}
.card{background:#fff;border:1px solid var(--line);padding:30px 24px;text-align:left}
.icon{width:45px;height:45px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:20px Georgia,serif}
.card h3{font-size:24px;margin:17px 0 8px}.card p{font-size:13px;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split p{color:var(--muted)}
.ticks{display:grid;gap:12px;margin-top:25px}.ticks div:before{content:"✦";color:var(--gold);margin-right:9px}
.ingredientgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.ingredient{border:1px solid var(--line);background:#fff;padding:24px;text-align:left}
.ingredient h3{font-size:21px;margin:0 0 6px}.ingredient p{font-size:13px;color:var(--muted)}
.orb{width:82px;height:82px;border-radius:50%;margin-bottom:18px;background:radial-gradient(circle at 32% 28%,#f7e7aa,#916d25)}
.ingredient:nth-child(2) .orb{background:radial-gradient(circle at 35% 30%,#e9d9a7,#172215)}
.ingredient:nth-child(3) .orb{background:radial-gradient(circle at 35% 30%,#e0bf9b,#5e4534)}
.ingredient:nth-child(4) .orb{background:radial-gradient(circle at 35% 30%,#fff0a3,#a87d14)}
.badge{display:inline-block;border:1px solid var(--gold);padding:8px 12px;color:var(--gold);font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin:4px}
.productline{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.blackbottle{min-height:520px;display:grid;place-items:center}
.productframe{width:min(360px,82%);position:relative}.productframe img{width:100%;display:block;object-fit:contain;max-height:570px}
.formula{margin-top:35px;border-top:1px solid #4b4336;padding-top:22px}.formula p{font-size:12px;color:#c8c0b4}
.formula code{font-family:Arial;font-size:12px;line-height:1.8;color:#e6dccb}
.note{font-size:11px;color:#888077;margin-top:28px}
.final{padding:100px 0;text-align:center}.final p{max-width:720px;margin:auto;color:var(--muted)}
.footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
@media(max-width:900px){.links,.navbtn{display:none}.hero,.productline,.split{grid-template-columns:1fr}.grid4,.ingredientgrid{grid-template-columns:repeat(2,1fr)}.heroimg{min-height:520px}.section{padding:75px 0}}
@media(max-width:550px){.grid4,.ingredientgrid{grid-template-columns:1fr}.heroimg{transform:scale(.88);min-height:480px}.footer{display:block}.footer span{display:block;margin:6px 0}}

a:hover{color:var(--gold)}