:root{--green:#0e3521;--cream:#f3ecdb;--paper:#faf6ea;--kraft:#cdae82;--gold:#b8913c;--ink:#1c1812;--gutter:clamp(20px,5vw,72px);--sans:'Jost',system-ui,sans-serif;--serif:'Cormorant Garamond',Georgia,serif}
*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:64px;-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink);font:400 1.05rem/1.7 var(--sans)}
a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.bar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px var(--gutter);background:rgba(243,236,219,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(28,24,18,.12);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}
.bar nav{display:flex;gap:26px;flex-wrap:wrap}.bar a{text-decoration:none}.bar a:hover{color:var(--gold)}
.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:min(86vh,800px)}
.hero-photo{position:relative;min-height:380px}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.hero-panel{background:var(--green);color:var(--cream);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(40px,6vw,88px) var(--gutter);gap:30px}
.logo b{display:block;font:300 clamp(2.4rem,5vw,4.4rem)/1 var(--sans);letter-spacing:.42em;margin-right:-.42em}
.logo i{display:block;margin-top:14px;font:600 clamp(1.1rem,1.9vw,1.55rem)/1 var(--serif);font-style:normal;letter-spacing:.06em}
.rule{width:64px;height:1px;background:var(--gold)}
.hero-panel p{max-width:34ch;color:#d9d2bd;font-size:1.08rem}
.btn{display:inline-block;padding:14px 30px;border:1px solid var(--gold);color:var(--cream);text-decoration:none;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;transition:background .25s,color .25s}
.btn:hover{background:var(--gold);color:var(--green)}
.btn-dark{border-color:var(--green);color:var(--green)}.btn-dark:hover{background:var(--green);color:var(--cream)}
.section{padding:clamp(64px,9vw,120px) var(--gutter)}.wrap{max-width:1100px;margin:0 auto}
.eyebrow{font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
h2{font:500 clamp(2.2rem,4.6vw,3.6rem)/1.08 var(--serif);letter-spacing:-.01em;margin-bottom:18px}
.lead{max-width:56ch;color:#4b4439;margin-bottom:56px}
.collection{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px)}
.item figure{background:var(--kraft);padding:clamp(28px,6vw,64px);display:grid;place-items:center}
.item img,.label{width:min(100%,300px);display:block;box-shadow:0 22px 44px rgba(28,24,18,.35)}
.item img{height:auto}
.label{aspect-ratio:680/1029;background:#15120d;color:#e6c97a;display:grid;place-content:center;text-align:center;gap:14px;position:relative;padding:20px}
.label::before{content:'';position:absolute;inset:12px;border:1px solid rgba(230,201,122,.45)}
.label small{font:300 .8rem/1 var(--sans);letter-spacing:.4em;margin-right:-.4em;color:#f3ecdb}
.label strong{font:600 clamp(1.6rem,3vw,2.2rem)/1.05 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.label span{font:500 .78rem var(--sans);letter-spacing:.2em}
.item h3{font:500 2rem/1.1 var(--serif);margin:22px 0 4px}.item .meta{color:var(--gold);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}
.item p{color:#4b4439;max-width:44ch}
.paper{background:var(--paper)}
.menu{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,88px);align-items:start}
.facts{display:grid;gap:0}.facts div{padding:14px 0;border-top:1px solid rgba(28,24,18,.14)}.facts dt{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.facts dd{font:500 1.35rem/1.3 var(--serif)}
.list h3{font:500 1.7rem var(--serif);margin-bottom:6px}.list+.list{margin-top:40px}
.row{display:flex;align-items:baseline;gap:14px;padding:14px 0}.row .d{flex:1;border-bottom:1px dotted rgba(28,24,18,.4);transform:translateY(-5px)}
.row b{font:500 1.5rem var(--serif)}.row small{display:block;font-size:.8rem;color:#6a6252;text-align:right}.row span:first-child{font-size:1.1rem}
.soon{color:#6a6252;font-style:italic}
.where{background:var(--green);color:var(--cream)}.where h2{color:var(--cream)}
.where-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px)}.where-grid>div{padding-top:22px;border-top:1px solid rgba(184,145,60,.7)}
.where h3{font:500 1.6rem var(--serif);margin-bottom:8px}.where p{color:#d9d2bd;margin-bottom:22px;max-width:40ch}
.foot{background:#12100c;color:#a79e8a;padding:30px var(--gutter);font-size:.82rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 32px}.foot a{color:#c9bfa8}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-panel>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.hero-panel>*:nth-child(2){animation-delay:.12s}.hero-panel>*:nth-child(3){animation-delay:.24s}.hero-panel>*:nth-child(4){animation-delay:.36s}}
@media(max-width:900px){.hero,.collection,.menu,.where-grid{grid-template-columns:1fr}.hero-photo{order:2;min-height:340px}.bar nav a:nth-child(n+3){display:none}}

.sub{font:500 1.5rem var(--serif);margin:26px 0 4px}.sub:first-of-type{margin-top:8px}
.item figure{display:grid;place-items:center}
.item img{width:auto;max-width:100%;height:clamp(300px,34vw,440px)}