:root{--ink:#0b0806;--ink2:#15110d;--clay:#a79b6b;--gold:#c89a52;--cream:#f1e3cd;--moss:#4c5b37;--line:#463521}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}
.skip{position:fixed;left:12px;top:-50px;background:#fff;color:#000;padding:12px;z-index:100}
.skip:focus{top:12px}
.announcement{height:30px;display:grid;place-items:center;background:#8f6c31;color:#fff4df;text-transform:uppercase;letter-spacing:2px;font-size:10px}
.site-header{height:82px;padding:0 6%;display:grid;grid-template-columns:230px 1fr 80px;align-items:center;border-bottom:1px solid var(--line);background:rgba(11,8,6,.96);position:sticky;top:0;z-index:20}
.brand{color:var(--gold);text-decoration:none;text-align:center;width:max-content}
.brand strong{display:block;font:27px Georgia,serif;letter-spacing:2px}
.brand span{display:block;color:var(--cream);font-size:8px;letter-spacing:6px;margin-top:3px}
nav{display:flex;justify-content:center;gap:34px}
nav a,.bag-link{color:#fff;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:1px}
.bag-link{text-align:right}
.menu{display:none}
.hero{height:calc(100vh - 112px);min-height:650px;position:relative;overflow:hidden}
.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,4,.96) 0%,rgba(8,6,4,.78) 36%,rgba(8,6,4,.12) 72%)}
.hero-copy{position:absolute;left:6.5%;top:50%;transform:translateY(-50%);width:min(620px,44vw)}
.eyebrow{text-transform:uppercase;letter-spacing:4px;color:var(--gold);font-size:11px}
.hero h1,.product h2,.heritage h2,.ritual h2,.ingredients h2{font:clamp(48px,6.5vw,94px)/.93 Georgia,serif;margin:24px 0}
.hero h1 em{color:var(--gold);font-style:normal}
.hero-copy>p:not(.eyebrow){max-width:580px;line-height:1.8;color:#e7d8c1}
.button{display:inline-block;background:linear-gradient(135deg,#d4aa61,#a77731);color:#171009;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:11px;letter-spacing:1.4px;padding:17px 24px;margin-top:18px}
.promise{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.promise div{padding:34px 7%;border-right:1px solid var(--line)}
.promise span{color:var(--gold);font:12px Georgia}
.promise strong,.promise small{display:block}
.promise strong{font:20px Georgia;margin:8px 0}
.promise small{color:#a99b88}
.product{display:grid;grid-template-columns:1fr 1fr;min-height:720px}
.product-visual{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,#4d4028 0,#1d1710 30%,#0b0806 70%);overflow:hidden}
.jar-shadow{position:absolute;width:350px;height:70px;border-radius:50%;background:#000;filter:blur(24px);top:70%}
.jar{position:relative;width:310px;height:390px;border-radius:30px 30px 18px 18px;border:1px solid #765b31;background:linear-gradient(90deg,#090705,#21170e 48%,#080604);box-shadow:0 35px 80px #000;padding:55px 30px;text-align:center;color:var(--gold)}
.jar:before{content:"";position:absolute;left:-8px;right:-8px;top:-22px;height:58px;border-radius:14px;background:linear-gradient(#15110e,#050403);border:1px solid #392a18}
.jar .crown{font-size:24px}
.jar b{display:block;font:30px/1 Georgia,serif;margin:10px}
.jar b small{font:9px Arial;letter-spacing:3px}
.jar i{display:block;font:24px Georgia;margin:28px 0 22px}
.jar>small{display:block;font-size:8px;letter-spacing:2px;margin:12px}
.product-copy{padding:11% 12%;background:#f0e4d1;color:#19120d}
.product-copy .eyebrow{color:#845c25}
.product h2{font-size:clamp(58px,7vw,100px);margin:18px 0}
.lede{font:24px/1.5 Georgia;color:#4d3a28}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #bda98d;margin:35px 0}
.detail-grid span{padding:20px 0;color:#765e46;font-size:11px;text-transform:uppercase}
.detail-grid strong{display:block;color:#1d140d;font:17px Georgia;margin-top:6px;text-transform:none}
.truth{font-size:13px;line-height:1.6;color:#6f5e4c}
.heritage{display:grid;grid-template-columns:1fr 1fr;background:#15110d}
.heritage-image img{width:100%;height:100%;min-height:750px;object-fit:cover}
.heritage-copy{padding:10% 9%}
.heritage h2{font-size:clamp(48px,5.5vw,78px)}
.heritage-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:55px}
.heritage-pair article{border-top:1px solid var(--gold);padding-top:20px}
.heritage-pair span{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-size:10px}
.heritage-pair h3{font:26px Georgia;margin:10px 0}
.heritage-pair p,.note{color:#bfb09e;line-height:1.7}
.note{border-left:2px solid var(--moss);padding-left:16px;margin-top:35px;font-size:12px}
.ritual{padding:9% 6%;background:#0d0a07}
.ritual h2{text-align:center;font-size:clamp(48px,6vw,82px)}
.ritual>.eyebrow{text-align:center}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:60px}
.steps article{background:#15110d;padding:40px 30px;min-height:230px}
.steps b{color:var(--gold);font:40px Georgia}
.steps h3{font:25px Georgia}
.steps p{color:#aa9b89;line-height:1.6}
.ingredients{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:8% 7%;background:var(--clay);color:#17120d}
.ingredients .eyebrow{color:#513a1d}
.ingredients h2{font-size:clamp(45px,5vw,70px);margin-bottom:0}
.ingredients>div:last-child{align-self:center;font:20px/1.7 Georgia}
.ingredients a{color:#17120d;font:700 12px Arial;text-transform:uppercase;letter-spacing:1px}
footer{padding:60px 6%;display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:40px;border-top:1px solid var(--line)}
footer a{color:var(--cream)}
footer small{color:#827566}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto auto;height:72px}
.site-header .brand strong{font-size:20px}
.menu{display:block;background:none;color:#fff;border:0;text-transform:uppercase;margin-right:18px}
nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0806;padding:25px;flex-direction:column;align-items:center}
nav.open{display:flex}
.hero{height:760px;min-height:0}
.hero>img{object-position:64% center}
.hero-shade{background:linear-gradient(0deg,rgba(8,6,4,.96) 0%,rgba(8,6,4,.65) 55%,rgba(8,6,4,.15) 100%)}
.hero-copy{left:7%;right:7%;top:auto;bottom:7%;transform:none;width:auto}
.hero h1{font-size:52px}
.promise,.product,.heritage,.ingredients{grid-template-columns:1fr}
.promise div{border-right:0}
.product-visual{min-height:600px}
.product-copy,.heritage-copy{padding:70px 7%}
.heritage-image img{min-height:480px}
.heritage-pair,.steps{grid-template-columns:1fr}
.steps article{min-height:0}
footer{grid-template-columns:1fr;align-items:start}
.bag-link{font-size:10px}
.brand{text-align:left}
}
.collection-banner{background:#050403;overflow:hidden}
.collection-banner img{display:block;width:100%;height:auto}
.product-visual video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.video-label{position:absolute;left:28px;bottom:24px;background:rgba(8,6,4,.78);border:1px solid rgba(200,154,82,.55);padding:11px 15px;color:var(--cream);font-size:10px;letter-spacing:1.5px;text-transform:uppercase}
.hero>img{object-position:center}
.hero-shade{background:linear-gradient(90deg,rgba(8,6,4,.95) 0%,rgba(8,6,4,.74) 35%,rgba(8,6,4,.14) 68%)}
@media(max-width:800px){.collection-banner{overflow-x:hidden}.collection-banner img{width:155%;max-width:none;transform:translateX(-27%)}.product-visual video{position:relative;min-height:520px}.hero>img{object-position:56% center}}