/* Roberto American Bar — design tokens */
:root{
  --ink:#faf6ef; --ink-2:#f3ebdd; --panel:#ffffff; --panel-2:#f1e8d8;
  --oxblood:#6e1f22; --oxblood-2:#8a2a2d;
  --brass:#a8823d; --brass-2:#8c6a2a; --brass-dim:rgba(168,130,61,.38); --brass-line:rgba(168,130,61,.22);
  --ivory:#1d1614; --text:#3e342e; --muted:#7b6e62; --on-brass:#ffffff;
  --serif:"Cormorant Garamond", "Didot", Georgia, serif;
  --sans:"Jost", "Futura", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wrap:1240px; --gut:clamp(16px,4vw,40px);
  --r:2px; --ease:cubic-bezier(.2,.7,.2,1);
  --hdr:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--text);font:300 17px/1.75 var(--sans);overflow-x:hidden;
  background-image:radial-gradient(1200px 600px at 85% -10%,rgba(168,130,61,.10),transparent 60%),radial-gradient(900px 500px at -10% 40%,rgba(110,31,34,.04),transparent 60%);}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--brass-2);text-decoration:none;transition:color .2s}
a:hover{color:var(--ivory)}
p{margin:0 0 1em}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:var(--ivory);line-height:1.12;margin:0 0 .5em;letter-spacing:.005em}
sup{font-size:.6em;color:var(--brass);font-family:var(--sans);letter-spacing:.05em;margin-left:.15em}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--brass);color:var(--on-brass);padding:8px 14px;z-index:999}
.skip:focus{left:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.center{text-align:center}
.eyebrow{font:500 12px/1.4 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--brass);margin:0 0 18px;display:flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--brass)}
.center .eyebrow{justify-content:center}
.lead{font-family:var(--serif);font-size:clamp(20px,2.2vw,26px);color:var(--text);font-style:italic}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 26px;border:1px solid var(--brass);background:var(--brass);color:var(--on-brass);
  font:500 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;border-radius:var(--r);transition:all .3s var(--ease);margin:8px 10px 8px 0}
.btn i{display:inline-flex;width:16px;height:16px}
.btn i.l{order:-1}
.btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.btn:hover{background:transparent;color:var(--brass-2)}
.btn:hover i:not(.l){transform:translateX(4px)}
.btn i{transition:transform .3s var(--ease)}
.btn.ghost{background:transparent;color:var(--brass-2)}
.btn.ghost:hover{background:var(--brass);color:var(--on-brass)}

/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--hdr);transition:background .35s,border-color .35s,backdrop-filter .35s;border-bottom:1px solid transparent}
.site-header.solid,.site-header.open{background:rgba(250,246,239,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--brass-line)}
.hdr{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;gap:28px;padding:0 var(--gut)}
.brand{display:flex;align-items:center;gap:12px;color:var(--ivory)}
.brand img{width:30px;height:auto}
.brand span{display:flex;flex-direction:column;line-height:1}
.brand b{font:500 24px/1 var(--serif);letter-spacing:.14em;text-transform:uppercase}
.brand small{font:400 9.5px/1 var(--sans);letter-spacing:.42em;text-transform:uppercase;color:var(--brass);margin-top:6px}
.nav{margin-left:auto}
.nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.nav li{position:relative}
.nav>ul>li>a{display:block;padding:10px 14px;font:400 12.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text)}
.nav>ul>li>a:hover,.nav>ul>li>a[aria-current]{color:var(--brass-2)}
.nav>ul>li>a[aria-current]{box-shadow:inset 0 -1px 0 var(--brass)}
.sub{list-style:none;margin:0;padding:14px 0;position:absolute;top:100%;left:0;min-width:240px;background:var(--panel);border:1px solid var(--brass-line);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s var(--ease);box-shadow:0 24px 60px rgba(60,40,20,.12)}
.sub a{display:block;padding:8px 22px;font-size:14px;color:var(--text)}
.sub a:hover{color:var(--brass-2);background:rgba(200,164,92,.06)}
.has-sub:hover>.sub,.has-sub:focus-within>.sub{opacity:1;visibility:visible;transform:none}
.sub-toggle{display:none}
.nav-foot{display:none}
.hdr-cta{font:500 11.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;border:1px solid var(--brass-dim);padding:12px 18px;color:var(--brass-2)}
.hdr-cta:hover{border-color:var(--brass);background:var(--brass);color:var(--on-brass)}
.burger{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer;margin-right:-10px}
.burger span{display:block;height:1px;background:var(--ivory);margin:6px 0;transition:transform .3s,opacity .3s}
.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.open .burger span:nth-child(2){opacity:0}
.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* hero home */
.hero-home{position:relative;min-height:100svh;display:flex;align-items:center;padding:calc(var(--hdr) + 40px) 0 90px;overflow:hidden;isolation:isolate}
.hh-bg{position:absolute;inset:0;z-index:-1}
.hh-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) brightness(.9);transform:scale(1.06);animation:slowzoom 24s ease-out forwards}
.hh-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,246,239,.96) 0%,rgba(250,246,239,.82) 42%,rgba(250,246,239,.45) 100%),linear-gradient(0deg,var(--ink) 0%,transparent 35%)}
@keyframes slowzoom{to{transform:scale(1)}}
.hh-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,6vw,90px);align-items:center;width:100%}
.hh-logo{width:56px;margin-bottom:28px;opacity:.95}
.hero-home h1{font-size:clamp(48px,7.2vw,104px);font-weight:400;line-height:.98;margin-bottom:28px;letter-spacing:-.005em}
.hh-lead p{font-family:var(--serif);font-size:clamp(20px,2.1vw,27px);line-height:1.45;color:var(--text);margin:0}
.hh-lead p:first-child{font-style:italic;color:var(--brass-2)}
.hh-addr{list-style:none;padding:0;margin:32px 0 26px;display:grid;gap:2px;max-width:470px}
.hh-addr a{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--brass-line);color:var(--text);font-size:15px;letter-spacing:.04em}
.hh-addr a:hover{color:var(--brass-2);padding-left:6px}
.hh-addr svg,.info svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--brass);stroke-width:1.4}
.hh-arch{margin:0;position:relative;justify-self:end;width:min(100%,430px)}
.hh-arch img{width:100%;aspect-ratio:4/5.2;object-fit:cover;border-radius:999px 999px 0 0;border:1px solid var(--brass-dim);padding:10px;background:rgba(250,246,239,.4)}
.hh-arch::before{content:"";position:absolute;inset:-18px -18px auto auto;width:70%;height:70%;border-top:1px solid var(--brass-dim);border-right:1px solid var(--brass-dim);border-radius:0 999px 0 0;pointer-events:none}
.hh-arch figcaption{position:absolute;left:-28px;bottom:40px;writing-mode:vertical-rl;transform:rotate(180deg);font:400 11px/1 var(--sans);letter-spacing:.4em;text-transform:uppercase;color:var(--brass)}
.hh-scroll{position:absolute;left:50%;bottom:26px;width:24px;height:40px;border:1px solid var(--brass-dim);border-radius:20px;transform:translateX(-50%)}
.hh-scroll span{position:absolute;left:50%;top:8px;width:2px;height:8px;background:var(--brass);transform:translateX(-50%);animation:cue 1.8s infinite}
@keyframes cue{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,14px)}}

/* hero page */
.hero-page{padding:calc(var(--hdr) + clamp(50px,8vw,100px)) 0 clamp(40px,6vw,70px);text-align:center;position:relative;border-bottom:1px solid var(--brass-line);
  background:radial-gradient(700px 300px at 50% 0%,rgba(168,130,61,.16),transparent 70%)}
.hero-page .eyebrow{justify-content:center}
.hero-page .eyebrow::after{content:"";width:34px;height:1px;background:var(--brass)}
.hero-page h1{font-size:clamp(40px,6vw,78px);font-weight:400;margin:0 auto;max-width:18ch}
.hp-lead{margin:16px 0 0;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--brass-2)}
.orn{display:block;width:120px;height:14px;margin:30px auto 0;background:
  linear-gradient(var(--brass),var(--brass)) center/100% 1px no-repeat;position:relative}
.orn::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border:1px solid var(--brass);background:var(--ink);transform:translate(-50%,-50%) rotate(45deg)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0;margin:0 0 26px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--brass-dim)}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--brass-2)}

/* bands */
.band{padding:clamp(60px,9vw,120px) 0;position:relative}
.band+.band{border-top:1px solid var(--brass-line)}
.band.tight{padding:40px 0}
.band.alt{background:var(--ink-2)}
.band>.wrap>.h-title,.band>.wrap>h2.h-title{font-size:clamp(36px,5vw,64px);font-weight:400;text-align:center;margin-bottom:clamp(36px,5vw,64px)}
.band>.wrap>.h-title a{color:var(--ivory)}
.band>.wrap>.h-title a:hover{color:var(--brass-2)}
.band>.wrap>.h-title::after{content:"";display:block;width:60px;height:1px;background:var(--brass);margin:22px auto 0}
.h-sub{font-size:clamp(28px,3.2vw,40px);font-weight:500}
.h-sub a{color:var(--ivory)}
.h-sub a:hover{color:var(--brass-2)}
.h-small{font:500 12px/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--brass);margin:0 0 14px}
.h-statement{font-family:var(--serif)}
.prose{max-width:68ch}
.prose p{margin-bottom:1.05em}
.prose strong{color:var(--ivory);font-weight:500}
.prose a{border-bottom:1px solid var(--brass-dim)}
.prose a:hover{border-color:var(--brass)}
.prose h4{font:500 12px/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--brass)}
.stack+.stack{margin-top:clamp(50px,7vw,90px)}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.split+.split,.stack>.split+.split{margin-top:clamp(60px,8vw,110px)}
.split.rev .split-media{order:2}
.split-text .h-sub{margin-bottom:22px}
.split-text .h-title{font-size:clamp(30px,3.6vw,46px)}
.split-text .h-sub::after,.split-text .h-title::after{content:"";display:block;width:44px;height:1px;background:var(--brass);margin-top:20px}
.split-media .frame,.split-media .slider,.split-media .video{position:relative}
.split-media .frame::after,.split-media .slider::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--brass-dim);z-index:-1;pointer-events:none}
.split.rev .split-media .frame::after,.split.rev .split-media .slider::after{inset:14px 14px -14px -14px}
.split-media,.drink-media{position:relative;z-index:0}
.frame{margin:0}
.frame img{width:100%;object-fit:cover}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(30px,5vw,70px)}

/* info list */
.info{list-style:none;padding:0;margin:8px 0 24px}
.info li{display:flex;gap:14px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--brass-line);font-size:15.5px}
.info li svg{margin-top:4px}
.info a{color:var(--text)}
.info a:hover{color:var(--brass-2)}

/* slider */
.slider{position:relative;overflow:hidden;background:var(--panel)}
.slides{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:4/5;background:var(--panel)}
.slide img{width:100%;height:100%;object-fit:cover}
.sl-prev,.sl-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(242,235,222,.35);
  background:rgba(250,246,239,.85);backdrop-filter:blur(6px);color:#1d1614;cursor:pointer;display:grid;place-items:center;transition:all .25s;opacity:0}
.slider:hover .sl-prev,.slider:hover .sl-next,.slider:focus-within .sl-prev,.slider:focus-within .sl-next{opacity:1}
.sl-prev{left:14px}.sl-next{right:14px}
.sl-prev:hover,.sl-next:hover{background:var(--brass);color:var(--on-brass);border-color:var(--brass)}
.sl-prev svg,.sl-next svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.sl-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding:0 60px}
.sl-dots button{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.7);cursor:pointer;transition:all .25s}
.sl-dots button.on{background:var(--brass);width:22px;border-radius:4px}
.sl-count{position:absolute;top:14px;right:16px;font:400 12px/1 var(--sans);letter-spacing:.2em;color:#1d1614;background:rgba(250,246,239,.85);padding:7px 10px}
.sl-count b{font-weight:500;color:var(--brass-2)}

/* statement */
.statement{padding:clamp(80px,12vw,150px) 0;text-align:center;background:linear-gradient(180deg,var(--ink),var(--oxblood) 50%,var(--ink));position:relative;overflow:hidden}
.statement::before{content:"";position:absolute;inset:auto 0 50%;height:1px;background:linear-gradient(90deg,transparent,var(--brass-dim),transparent)}
.statement p{position:relative;font:italic 400 clamp(38px,7vw,96px)/1.05 var(--serif);color:var(--ivory);margin:0;letter-spacing:.01em;background:var(--oxblood);display:inline;padding:0 .3em;
  background:none;text-shadow:0 6px 40px rgba(0,0,0,.4)}
.statement .scroll{display:block;width:1px;height:60px;margin:40px auto 0;background:linear-gradient(var(--brass),transparent)}

/* pillars */
.pillars{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;background:var(--brass-line);border:1px solid var(--brass-line)}
.pillars li{background:var(--ink);padding:22px 18px;font:500 15px/1.2 var(--serif);letter-spacing:.18em;color:var(--ivory)}
.pillars li span{display:block;font:400 11px/1 var(--sans);color:var(--brass);letter-spacing:.2em;margin-bottom:10px}

/* share & social */
.share,.social{display:flex;align-items:center;gap:10px;margin:22px 0 10px;flex-wrap:wrap}
.share span{font:500 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.share a,.social a{width:40px;height:40px;border:1px solid var(--brass-dim);border-radius:50%;display:grid;place-items:center;color:var(--brass-2);transition:all .25s}
.share a:hover,.social a:hover{background:var(--brass);color:var(--on-brass);border-color:var(--brass)}
.share svg,.social svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}

/* video */
.video{margin:0;background:#000;border:1px solid var(--brass-line)}
.video video{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#000}
.video.wide video{aspect-ratio:16/9}

/* postnav */
.postnav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}
.postnav a{display:flex;flex-direction:column;gap:6px;padding:20px 24px;border:1px solid var(--brass-line);color:var(--ivory);transition:all .25s}
.postnav a:hover{border-color:var(--brass);background:rgba(110,31,34,.04)}
.postnav small{font:500 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--brass)}
.postnav span{font:500 22px/1.2 var(--serif)}
.postnav .pn-next{text-align:right;grid-column:2}
.band.tight .postnav a:only-child{grid-column:1/-1}

/* drinks grid */
.intro{margin:0 auto 40px;text-align:center;max-width:60ch}
.intro p{font-family:var(--serif);font-size:clamp(20px,2vw,24px);color:var(--text)}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px}
.chip{padding:10px 20px;border:1px solid var(--brass-line);border-radius:40px;font:400 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text);transition:all .25s}
.chip:hover{border-color:var(--brass);color:var(--brass-2)}
.chip.on{background:var(--brass);border-color:var(--brass);color:var(--on-brass)}
.count{text-align:center;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:36px}
.count b{color:var(--brass-2);font-weight:500}
.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(14px,2vw,26px)}
.grid.four{grid-template-columns:repeat(4,1fr)}
.card a{display:block;height:100%;background:var(--panel);border:1px solid var(--brass-line);color:var(--text);transition:transform .4s var(--ease),border-color .3s}
.card a:hover{transform:translateY(-4px);border-color:var(--brass-dim)}
.card-img{aspect-ratio:4/5;overflow:hidden;background:var(--panel-2)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.card a:hover .card-img img{transform:scale(1.05)}
.card-body{padding:18px 18px 22px}
.card h3{font-size:24px;margin:6px 0 6px;transition:color .2s}
.card a:hover h3{color:var(--brass-2)}
.card p{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags span,.tags a{font:500 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--brass)}
.tags span+span::before{content:"·";margin-right:6px;color:var(--brass-dim)}
.card[hidden]{display:none}
.ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;
  background:radial-gradient(circle at 50% 30%,rgba(168,130,61,.18),transparent 65%),linear-gradient(160deg,#fbf7f0,var(--panel-2));position:relative}
.ph::before{content:"";position:absolute;inset:12px;border:1px solid var(--brass-line)}
.ph .glass{width:58px;height:58px;fill:none;stroke:var(--brass);stroke-width:1.3}
.ph span{font:italic 400 24px/1.1 var(--serif);color:var(--ivory)}
.ph.big{aspect-ratio:4/5}
.ph.big .glass{width:110px;height:110px}
.ph.big span{font-size:40px}

/* drink single */
.drink-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:start}
.drink-media{position:sticky;top:calc(var(--hdr) + 24px)}
.drink-media img{width:100%;border:1px solid var(--brass-line)}
.drink-media::after{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--brass-dim);z-index:-1}
.drink-text .tags{margin-bottom:28px;gap:10px}
.drink-text .tags a{padding:8px 14px;border:1px solid var(--brass-dim);border-radius:30px}
.drink-text .tags a:hover{background:var(--brass);color:var(--on-brass)}
.ingredients{list-style:none;padding:0;margin:0 0 34px;border-top:1px solid var(--brass-line)}
.ingredients li{font:400 clamp(21px,2.2vw,26px)/1.3 var(--serif);color:var(--ivory);padding:14px 0;border-bottom:1px solid var(--brass-line);display:flex;gap:16px;align-items:baseline}
.ingredients li::before{content:"";width:7px;height:7px;border:1px solid var(--brass);transform:rotate(45deg);flex:none;position:relative;top:-3px}
.story{margin-bottom:30px;font-size:16.5px}
.story p:first-child::first-letter{font:500 3.4em/0.8 var(--serif);float:left;color:var(--brass);margin:.08em .1em 0 0}
.drink-text .postnav{margin-top:30px}

/* barbuch menu */
.menu-wrap{display:grid;grid-template-columns:260px 1fr;gap:clamp(30px,5vw,70px);align-items:start}
.toc{position:sticky;top:calc(var(--hdr) + 20px);max-height:calc(100vh - var(--hdr) - 40px);overflow:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--brass-dim) transparent}
.toc p{font:500 11px/1.5 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin:0 0 14px}
.toc ul{list-style:none;padding:0;margin:0;border-left:1px solid var(--brass-line)}
.toc a{display:block;padding:6px 0 6px 16px;font-size:14px;color:var(--muted);margin-left:-1px;border-left:1px solid transparent}
.toc a:hover,.toc a.on{color:var(--brass-2);border-left-color:var(--brass)}
.menu-body .band{padding:0}
.menu-body .band+.band{border:0;margin-top:clamp(50px,6vw,80px)}
.menu-body .band>.wrap{padding:0;max-width:none}
.menu-body .h-title{font-size:clamp(28px,3.4vw,42px);text-align:left;margin:0 0 10px;padding-bottom:16px;border-bottom:1px solid var(--brass-dim)}
.menu-body .h-sub{font-size:21px;font-style:italic;color:var(--brass-2);margin:22px 0 10px;font-weight:400}
.menu-body .frame{max-width:520px;margin:0 auto}
.menu-body .frame img{border:1px solid var(--brass-line)}
.pricelist{list-style:none;padding:0;margin:0 0 10px;columns:2;column-gap:56px}
.pricelist li{break-inside:avoid;padding:10px 0}
.pl-row{display:flex;align-items:baseline;gap:10px}
.pl-name{font:500 19px/1.3 var(--serif);color:var(--ivory)}
.pl-dots{flex:1;border-bottom:1px dotted var(--brass-dim);transform:translateY(-4px);min-width:20px}
.pl-price{font:400 15px/1 var(--sans);color:var(--brass-2);white-space:nowrap}
.pricelist p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted)}

/* footer */
.site-footer{border-top:1px solid var(--brass-line);background:#080606;padding:clamp(60px,8vw,100px) 0 30px;font-size:14.5px}
.ft-top{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:40px}
.ft-brand img{width:40px;margin-bottom:18px}
.ft-name{font:500 26px/1.1 var(--serif);color:var(--ivory);margin:0 0 6px;letter-spacing:.04em}
.ft-tag{color:var(--brass);font-size:12px;letter-spacing:.3em;text-transform:uppercase}
.ft-loc p{margin:0 0 6px}
.ft-h{font:500 21px/1.2 var(--serif);margin-bottom:12px!important}
.ft-h a{color:var(--ivory)}
.ft-h a:hover{color:var(--brass-2)}
.muted{color:var(--muted)}
.ft-loc a{color:var(--text)}
.ft-nav{display:flex;flex-wrap:wrap;gap:8px 26px;margin:50px 0 30px;padding:26px 0;border-top:1px solid var(--brass-line);border-bottom:1px solid var(--brass-line)}
.ft-nav a{color:var(--text);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase}
.ft-nav a:hover{color:var(--brass-2)}
.ft-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px}
.ft-bottom p{margin:0}
.ft-bottom a{color:var(--muted)}
.ft-bottom a:hover{color:var(--brass-2)}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}

/* responsive */
@media (max-width:1080px){
  .hdr-cta{display:none}
  .nav>ul>li>a{padding:10px 10px;letter-spacing:.14em}
}
@media (max-width:960px){
  .burger{display:block;margin-left:auto}
  .nav{position:fixed;inset:var(--hdr) 0 0;background:rgba(250,246,239,.98);overflow-y:auto;padding:20px var(--gut) 40px;transform:translateX(100%);transition:transform .4s var(--ease);margin:0}
  .open .nav{transform:none}
  .nav>ul{flex-direction:column;gap:0}
  .nav>ul>li{border-bottom:1px solid var(--brass-line);display:flex;flex-wrap:wrap;align-items:center}
  .nav>ul>li>a{flex:1;padding:18px 0;font:400 30px/1 var(--serif);letter-spacing:.02em;text-transform:none;color:var(--ivory)}
  .nav>ul>li>a[aria-current]{box-shadow:none;color:var(--brass-2)}
  .sub-toggle{display:block;width:44px;height:44px;background:none;border:0;position:relative;cursor:pointer}
  .sub-toggle::before,.sub-toggle::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1px;background:var(--brass);transform:translate(-50%,-50%)}
  .sub-toggle::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s}
  .sub-toggle[aria-expanded=true]::after{transform:translate(-50%,-50%) rotate(0)}
  .sub{position:static;opacity:1;visibility:visible;transform:none;display:none;width:100%;background:none;border:0;box-shadow:none;padding:0 0 14px}
  .sub.show{display:block}
  .sub a{padding:9px 0 9px 4px;font-size:15.5px}
  .nav-foot{display:flex;flex-direction:column;gap:10px;margin-top:30px;font-size:14px}
  .nav-foot a{color:var(--muted)}
  .hh-grid{grid-template-columns:1fr}
  .hh-arch{display:none}
  .split,.drink-wrap{grid-template-columns:1fr}
  .split.rev .split-media{order:0}
  .drink-media{position:relative;top:0;max-width:520px}
  .menu-wrap{grid-template-columns:1fr}
  .toc{position:sticky;top:var(--hdr);z-index:5;max-height:none;background:rgba(250,246,239,.95);margin:0 calc(var(--gut) * -1);padding:12px var(--gut);overflow-x:auto;border-bottom:1px solid var(--brass-line)}
  .toc p{display:none}
  .toc ul{display:flex;gap:6px;border:0;white-space:nowrap}
  .toc a{border:1px solid var(--brass-line);border-radius:30px;padding:7px 14px;margin:0;font-size:12px}
  .toc a.on{background:var(--brass);color:var(--on-brass);border-color:var(--brass)}
  .ft-top{grid-template-columns:1fr 1fr}
  .grid.four{grid-template-columns:repeat(2,1fr)}
  .sl-prev,.sl-next{opacity:1;width:40px;height:40px}
}
@media (max-width:640px){
  body{font-size:16px}
  :root{--hdr:66px}
  .brand b{font-size:21px}
  .pricelist{columns:1}
  .grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .card-body{padding:14px 12px 16px}
  .card h3{font-size:19px}
  .card p{display:none}
  .ft-top{grid-template-columns:1fr}
  .postnav{grid-template-columns:1fr}
  .postnav .pn-next{grid-column:1}
  .split-media .frame::after,.split-media .slider::after,.drink-media::after{display:none}
  .hero-home{padding-bottom:80px}
  .ph span{font-size:19px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
@media print{.site-header,.site-footer,.share,.postnav,.hh-scroll,.chips{display:none!important}body{background:#fff;color:#000}h1,h2,h3{color:#000}}
.menu-body .band>.wrap>.h-title{font-size:clamp(28px,3.4vw,42px);text-align:left;margin:0 0 10px}
.menu-body .band>.wrap>.h-title::after{display:none}
.drink-page .hero-page{padding-bottom:40px}
.band.drink{padding-top:clamp(40px,6vw,80px)}

/* light theme accents */
.card a{box-shadow:0 1px 0 rgba(60,40,20,.04)}
.card a:hover{box-shadow:0 18px 40px rgba(60,40,20,.10)}
.band.alt{background:var(--ink-2)}
.hero-page{background:linear-gradient(180deg,#f3ebdd,var(--ink))}
.hh-bg::after{background:linear-gradient(90deg,rgba(250,246,239,.97) 0%,rgba(250,246,239,.9) 42%,rgba(250,246,239,.35) 100%),linear-gradient(0deg,var(--ink) 0%,transparent 30%)}
.hh-lead p:first-child{color:var(--oxblood)}
.statement{background:linear-gradient(135deg,#5a181b,#7a2427 50%,#5a181b)}
.statement p{color:#fbf3e4}
.statement::before{background:linear-gradient(90deg,transparent,rgba(230,204,146,.4),transparent)}
.statement .scroll{background:linear-gradient(#e6cc92,transparent)}
.site-footer{background:#2a1413;color:#e8dccb;border-top:0}
.site-footer .ft-name,.site-footer .ft-h a{color:#fbf3e4}
.site-footer .ft-loc a,.site-footer .ft-nav a{color:#e8dccb}
.site-footer .muted,.site-footer .ft-bottom,.site-footer .ft-bottom a{color:#bba892}
.site-footer a:hover,.site-footer .ft-h a:hover{color:#e6cc92}
.site-footer .ft-tag{color:#e6cc92}
.site-footer .ft-nav{border-color:rgba(230,204,146,.2)}
.site-footer .social a{border-color:rgba(230,204,146,.4);color:#e6cc92}
.site-footer .social a:hover{background:#e6cc92;color:#2a1413}
.video{background:#111}
.pillars li{background:var(--panel)}
.drink-media img,.menu-body .frame img{background:#fff}
.site-header{background:rgba(250,246,239,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--brass-line)}
@media (max-width:960px){.hh-bg::after{background:linear-gradient(180deg,rgba(250,246,239,.93),rgba(250,246,239,.88))}}
.card.noimg a{display:flex;flex-direction:column;background:var(--panel)}
.card.noimg .card-body{flex:1;display:flex;flex-direction:column;padding:26px 24px 24px;border-top:3px solid var(--brass)}
.card.noimg h3{font-size:28px;margin:10px 0 14px}
.card-rec{list-style:none;padding:0;margin:0 0 18px;flex:1}
.card-rec li{font-size:14px;line-height:1.5;color:var(--text);padding:7px 0;border-bottom:1px solid var(--brass-line)}
.card-more{font:500 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--brass-2)}
.drink-wrap.solo{grid-template-columns:1fr;max-width:820px}
@media (max-width:640px){.card.noimg .card-body{padding:18px 14px}.card.noimg h3{font-size:21px}.card-rec li{font-size:13px}}