:root{--ink:#22201d;--paper:#f5f2ec;--alt:#ece7df;--line:#d9d2c6;--mute:#7a7268;--accent:#8c7355}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:300 15px/1.75 Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}h1,h2,h3,.logo,blockquote{font-family:"Cormorant Garamond",Georgia,serif;font-weight:300}
h1{font-size:clamp(56px,8vw,118px);line-height:.95;letter-spacing:-.01em}h1 em{font-style:italic}
.ph{font-size:clamp(44px,6vw,80px);margin:14px 0}h2{font-size:clamp(34px,4.4vw,58px);line-height:1.05;margin:14px 0 18px}
h3{font-size:28px;margin-bottom:6px}h4{font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px}
.wrap{max-width:1240px;margin:auto;padding:0 40px}.narrow{max-width:820px}.c{text-align:center}
.eyebrow{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}
.muted{color:var(--mute)}.lead{font-size:17px;color:#4d4740;max-width:480px;margin:22px 0 36px}
.fine{font-size:11px;color:var(--mute);letter-spacing:.04em;margin-top:26px}
.tag{display:inline-block;border:1px dashed var(--accent);color:var(--accent);font-size:11px;letter-spacing:.12em;padding:6px 14px;text-transform:uppercase}
.nav{position:sticky;top:0;z-index:9;background:rgba(245,242,236,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.navin{display:flex;align-items:center;justify-content:space-between;height:74px}.logo{font-size:27px;letter-spacing:.04em;font-style:italic}.logo.light{color:var(--paper)}
.nav nav{display:flex;gap:38px}.nav nav a,.bag{font-size:11px;letter-spacing:.22em;text-transform:uppercase}.nav nav a:hover{color:var(--accent)}
#m,.burger{display:none}
.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:17px 38px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;border:1px solid var(--ink);transition:.35s}
.btn:hover{background:transparent;color:var(--ink)}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.wide{display:block;text-align:center;margin:26px 0}
.link{font-size:11px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}
.ctas{display:flex;gap:34px;align-items:center;flex-wrap:wrap}
section{padding:140px 0}section.tight{padding:40px 0 140px}.alt{background:var(--alt)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.hero{padding:90px 0 120px}.hstage{position:relative;height:600px;background:radial-gradient(ellipse at 50% 35%,#fff 0,#ebe5db 55%,#e2dbcf 100%);display:flex;align-items:flex-end;justify-content:center;gap:10px;padding-bottom:60px}
.bottle{height:auto;filter:drop-shadow(0 30px 28px rgba(40,30,20,.16))}
.ticker{border-block:1px solid var(--line);display:flex;justify-content:center;gap:48px;flex-wrap:wrap;padding:20px 40px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.head{text-align:center;max-width:620px;margin:0 auto 80px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 40px}.grid.three{grid-template-columns:repeat(3,1fr)}
.card .stage{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:#ebe6dd;margin-bottom:24px;transition:.5s}
.card:hover .stage{background:#e4ddd1}.card:hover .bottle{transform:translateY(-6px)}.bottle{transition:.5s}
.s-santal-noir{background:#e6e0d7!important}.s-rose-tabac{background:#ebe1dc!important}.s-fig-linen{background:#e4e6dc!important}
.card h3{margin-top:8px}.notes{color:var(--mute);font-size:13.5px;min-height:44px}
.row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:16px;padding-top:16px;font-size:13px}
.dset{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#e7e1d7;padding:50px}.mini{display:flex;justify-content:center}
.pouch{display:flex;justify-content:center;background:var(--alt);padding:70px}
.dark{background:var(--ink);color:var(--paper)}.dark .muted,.dark p{color:#bdb4a6}
.ing{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:60px}.ing div{border-top:1px solid #4a443d;padding-top:24px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;text-align:center}.steps span{font-family:"Cormorant Garamond";font-size:54px;font-style:italic;color:var(--accent)}
.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}blockquote{font-size:24px;font-style:italic;line-height:1.35;color:var(--mute);border-top:1px solid var(--line);padding-top:26px}
cite{display:block;font:500 10.5px Inter;letter-spacing:.22em;text-transform:uppercase;margin-top:18px;font-style:normal}
.wait{background:var(--alt);padding:120px 0}.wl{display:flex;max-width:460px;margin:34px auto 0;border-bottom:1px solid var(--ink)}
.wl input{flex:1;border:0;background:transparent;padding:14px 0;font:inherit;outline:0}.wl button{border:0;background:none;font:500 11px Inter;letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
footer{background:var(--ink);color:#a59c8f;padding:90px 0 40px;font-size:13px}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
footer h4{color:var(--paper)}footer a{display:block;margin:6px 0}footer a:hover{color:var(--paper)}footer .fine{border-top:1px solid #3a3530;padding-top:26px;margin-top:60px}
.phead{padding:110px 0 60px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.filters span{border:1px solid var(--line);padding:8px 18px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.filters .on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pdp{padding:70px 0 130px}.pdp .two{align-items:start}.pstage{display:flex;justify-content:center;align-items:center;padding:90px 0;position:sticky;top:100px}
.price{font-size:22px;font-family:"Cormorant Garamond";margin-bottom:20px}.opts label{display:block;border:1px solid var(--line);padding:14px 18px;margin-bottom:10px;font-size:13px;cursor:pointer}
.pyr{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-block:1px solid var(--line);padding:28px 0;margin:10px 0 20px}.pyr p{font-size:13.5px;color:var(--mute)}
details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-family:"Cormorant Garamond";font-size:22px;list-style:none}summary::after{content:"+";float:right;color:var(--accent)}details[open] summary::after{content:"–"}details p{color:var(--mute);margin-top:10px}
.gl{width:100%;border-collapse:collapse}.gl th,.gl td{text-align:left;padding:16px 0;border-bottom:1px solid var(--line);vertical-align:top}.gl th{font:500 10.5px Inter;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.gl td+td{color:var(--mute);padding-left:24px}
.mt{margin-top:56px}.prose h3{margin-top:44px}.prose p{color:#4d4740;font-size:16px}
@media(max-width:900px){.wrap{padding:0 22px}section{padding:90px 0}.two{grid-template-columns:1fr;gap:50px}.grid,.grid.three,.revs,.steps{grid-template-columns:1fr}.grid{gap:50px}.ing{grid-template-columns:1fr 1fr}.fgrid{grid-template-columns:1fr 1fr}
.hero{padding:40px 0 80px}.hstage{height:440px}.hstage .bottle:first-child{width:150px}.hstage .bottle:last-child{width:110px}.dset{padding:28px}.pstage{position:static;padding:40px 0}.pstage .bottle{width:190px}
.burger{display:block;width:26px;height:16px;position:relative;cursor:pointer;order:3}.burger span,.burger::before,.burger::after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--ink)}.burger::before{top:0}.burger span{top:8px}.burger::after{bottom:0}
.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);flex-direction:column;gap:0;padding:10px 22px;border-bottom:1px solid var(--line)}.nav nav a{padding:14px 0}#m:checked~nav{display:flex}.bag{display:none}}
/* photo system */
picture{display:block;width:100%;height:100%}.pimg{width:100%;height:100%;object-fit:cover;display:block}
.hstage{padding:0!important;overflow:hidden;background:#e7e0d4}.card .stage{overflow:hidden}.card:hover .pimg{transform:scale(1.04)}.ph{transition:transform .8s ease}
.dphoto{aspect-ratio:4/3;overflow:hidden}.pstage{padding:0!important;height:620px;overflow:hidden}
figure.wide{margin:50px 0;aspect-ratio:16/9;overflow:hidden}.band{padding:0;height:520px;overflow:hidden}
@media(max-width:900px){.pstage{height:420px}.band{height:300px}.hstage{height:360px!important}}
/* waitlist form + filters (deploy) */
.wl.cap{display:flex}.filters button{border:1px solid var(--line);background:transparent;padding:8px 18px;font:400 11px Inter;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;color:var(--ink)}.filters button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.edl-msg{font-size:13px;color:#8c4a3a;margin-top:10px}.bag{font-size:11px}