:root{--ink:#13241B;--ink2:#1B3326;--cream:#F3EADB;--cream2:#EAE0CD;--acc:#C8742F;--lilac:#B7A9C9;--mute:#5E6A61}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7;font-size:1.02rem;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.015em}
h1 em,h2 em{font-style:italic;font-weight:300;color:var(--acc)}
h2{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:1.2rem}
h3{font-size:1.45rem;margin-bottom:.5rem}
p{margin-bottom:1rem}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;position:relative}
.eyebrow{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--acc);margin-bottom:1rem}
.btn{display:inline-block;background:var(--acc);color:var(--cream);padding:15px 28px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.95rem;border:0;cursor:pointer;font-family:inherit;transition:transform .25s,background .25s}
.btn:hover{transform:translateY(-2px);background:#B5631F}
.btn-sm{padding:9px 18px;font-size:.85rem}
.link{text-decoration:none;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:2px}
.agebar{background:var(--acc);color:var(--cream);text-align:center;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;font-weight:600}
.nav{position:sticky;top:0;z-index:20;background:rgba(19,36,27,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(243,234,219,.08)}
.nav-in{display:flex;justify-content:space-between;align-items:center;height:76px}
.nav-logo{height:42px;display:block}
.nav nav{display:flex;align-items:center;gap:30px}
.nav nav a:not(.btn){color:var(--cream);text-decoration:none;font-size:.9rem;opacity:.8;transition:opacity .2s}
.nav nav a:not(.btn):hover{opacity:1}
.hero{position:relative;background:var(--ink);color:var(--cream);padding:130px 0 140px;overflow:hidden}
.hero-mark{position:absolute;right:-60px;top:50%;width:620px;transform:translateY(-50%);opacity:.22}
.hero h1{font-size:clamp(3rem,8vw,6.6rem);margin-bottom:1.6rem;max-width:12ch}
.lead{font-size:1.15rem;max-width:540px;opacity:.82;margin-bottom:2.4rem}
.cta{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.soon{margin-top:3rem;display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--lilac);letter-spacing:.04em}
.dot{width:7px;height:7px;border-radius:50%;background:var(--lilac)}
section{scroll-margin-top:76px}
.about{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:120px 28px}
.about p{color:#33433A}
.range{background:var(--cream2);padding:110px 0}
.head{max-width:640px;margin-bottom:2.5rem}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{position:relative;background:var(--cream);padding:34px 26px 30px;border-radius:4px;border:1px solid rgba(19,36,27,.1);transition:transform .35s,box-shadow .35s}
.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px -20px rgba(19,36,27,.35)}
.card p{font-size:.93rem;color:var(--mute);margin:0}
.num{position:absolute;top:22px;right:24px;font-family:Fraunces,serif;font-style:italic;color:var(--acc);font-size:.95rem}
.ico{width:40px;height:40px;color:var(--ink);margin-bottom:22px;display:block}
.why{background:var(--ink);color:var(--cream);padding:120px 0}
.why .ico{color:var(--acc)}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-top:3rem}
.cols>div{border-top:1px solid rgba(243,234,219,.2);padding-top:28px}
.cols p{opacity:.72;font-size:.95rem}
.trade{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding:120px 28px}
.contact a{font-family:Fraunces,serif;font-size:1.4rem;text-decoration:none;border-bottom:1px solid var(--acc)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#FBF6EC;padding:36px;border-radius:4px;border:1px solid rgba(19,36,27,.1)}
.form label{display:flex;flex-direction:column;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;gap:8px;color:var(--mute)}
.form input,.form select,.form textarea{font:inherit;font-size:1rem;letter-spacing:0;text-transform:none;color:var(--ink);padding:10px 0;border:0;border-bottom:1px solid rgba(19,36,27,.3);background:transparent;transition:border-color .2s}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--acc)}
.full{grid-column:1/-1}
.note{font-size:.8rem;color:var(--mute);margin:0}
.foot{background:var(--ink);color:rgba(243,234,219,.7);padding:40px 0 34px;font-size:.84rem;overflow:hidden}
.bigword{font-family:Fraunces,serif;font-weight:300;font-size:clamp(4rem,17vw,15rem);line-height:1;color:var(--cream);opacity:.06;letter-spacing:-.03em;margin:0 0 -.12em;white-space:nowrap}
.foot-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px 0;margin-bottom:24px;border-top:1px solid rgba(243,234,219,.12);border-bottom:1px solid rgba(243,234,219,.12)}
.foot-logo{height:44px}
.age{border:1px solid var(--acc);color:var(--acc);padding:8px 16px;border-radius:999px;margin:0;font-weight:600;font-size:.8rem}
.ph{background:rgba(200,116,47,.18);color:#E8A06A;padding:0 5px;border-radius:3px}
.fade{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease}
.fade.in{opacity:1;transform:none}
.cards .fade:nth-child(2),.cols .fade:nth-child(2){transition-delay:.08s}
.cards .fade:nth-child(3),.cols .fade:nth-child(3){transition-delay:.16s}
.cards .fade:nth-child(4){transition-delay:.24s}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.fade{opacity:1;transform:none}}
@media(max-width:960px){.cards{grid-template-columns:1fr 1fr}.about,.trade{grid-template-columns:1fr;gap:20px;padding:80px 28px}.cols{grid-template-columns:1fr;gap:32px}.hero-mark{width:420px;right:-140px}}
@media(max-width:640px){.wrap{padding:0 22px}.nav nav a:not(.btn){display:none}.nav-logo{height:34px}.hero{padding:80px 0 90px}.hero-mark{width:300px;right:-130px;top:30%;opacity:.12}.cards,.form{grid-template-columns:1fr}.form{padding:24px}.range,.why{padding:80px 0}.about,.trade{padding:70px 22px}}
.foot-brand{display:flex;align-items:center;gap:20px}
.foot-badge{width:84px;height:84px}
.hero-mark{opacity:.35}
@media(max-width:640px){.hero-mark{opacity:.15}.foot-badge{width:64px;height:64px}}
.hero-mark{opacity:.13}
@media(max-width:640px){.hero-mark{opacity:.08}}
.nav-in{height:96px}
.nav-logo{height:62px}
section{scroll-margin-top:96px}
.hero-seal{position:absolute;right:8%;top:50%;width:300px;transform:translateY(-50%);filter:drop-shadow(0 24px 40px rgba(0,0,0,.35))}
.hero-mark{right:-120px;width:640px}
.foot{padding-top:64px}
.foot-badge{width:120px;height:120px}
.foot-logo{height:64px}
@media(max-width:1100px){.hero-seal{width:220px;right:4%}}
@media(max-width:960px){.hero-seal{position:relative;right:auto;top:auto;transform:none;display:block;width:180px;margin:0 0 36px 28px}.hero{padding-top:60px}}
@media(max-width:640px){.nav-in{height:84px}.nav-logo{height:50px}.nav .btn-sm{padding:8px 14px;font-size:.8rem}.hero-seal{width:150px;margin-left:22px}.foot-badge{width:96px;height:96px}.foot-logo{height:52px}}
@media(max-width:380px){.nav-logo{height:42px}}
.foot-top{border-top:0;padding-top:0}
/* refined premium hero */
.hero-mark,.hero-seal{display:none!important}
.hero{background:radial-gradient(120% 90% at 85% 10%,#1F3A2B 0%,#13241B 55%,#0E1B14 100%);padding:150px 0 160px}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero h1{font-size:clamp(2.6rem,5.2vw,4.4rem);font-weight:500;letter-spacing:-.02em;line-height:1.05;max-width:16ch;margin-bottom:1.4rem}
.hero p{max-width:46ch;opacity:.85}
@media(max-width:960px){.hero{padding:90px 0 100px}}
/* v4 Shopify-matched */
.agebar{background:var(--ink)}
.nav{background:var(--cream);border-bottom:1px solid rgba(19,36,27,.1)}
.nav nav a:not(.btn){color:var(--ink);opacity:.85;font-weight:500}
.nav nav a:not(.btn):hover{color:var(--acc);opacity:1}
.hero{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:620px;background:var(--ink)}
.hero-panel{display:flex;align-items:center;justify-content:flex-end;padding:90px 64px 90px 28px}
.hero-txt{max-width:540px;width:100%}
.rule{display:block;width:64px;height:1px;background:var(--acc);margin-bottom:26px}
.hero h1{font-size:clamp(2.6rem,4.6vw,4.4rem);max-width:none}
.hero-img{position:relative;min-height:360px}
.hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.range-cta{margin-top:40px;text-align:center}
.compliance{background:var(--cream);padding:110px 0;border-top:1px solid rgba(19,36,27,.08)}
.compliance .wrap{max-width:820px}
.compliance ul{list-style:none;padding:0;margin:0 0 2rem}
.compliance li{padding:14px 0 14px 30px;border-bottom:1px solid rgba(19,36,27,.12);position:relative}
.compliance li:before{content:"";position:absolute;left:4px;top:24px;width:10px;height:1px;background:var(--acc)}
.trade{border-top:1px solid rgba(19,36,27,.08)}
@media(max-width:960px){.hero{grid-template-columns:1fr}.hero-panel{justify-content:flex-start;padding:70px 28px}.hero-img{min-height:300px;order:2}}
@media(max-width:640px){.nav-in{height:auto;flex-direction:column;gap:10px;padding:14px 0}.nav nav{display:flex;gap:18px}.nav nav a:not(.btn){display:inline;font-size:.88rem}.nav-logo{height:48px}.hero-panel{padding:56px 22px}.hero-img{min-height:240px}}
.hero .rule{height:2px;background:#C8742F}
