:root{--orange:#e54c18;--orange-dark:#b9320b;--wood:#442519;--ink:#25150f;--cream:#f4eadb;--paper:#fffaf1;--line:rgba(37,21,15,.22);font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--paper)}body.menu-open{overflow:hidden}img{display:block;width:100%}a{color:inherit}button{font:inherit}.skip{position:fixed;z-index:100;left:1rem;top:-5rem;background:#fff;padding:.7rem}.skip:focus{top:1rem}.rail{position:fixed;z-index:50;inset:0 auto 0 0;width:96px;background:var(--cream);border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column}.logo{height:96px;width:100%;display:grid;place-content:center;text-decoration:none;font-weight:600;letter-spacing:.08em;border-bottom:1px solid var(--line)}.logo img{width:68px;height:68px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(37,21,15,.12)}.logo b{color:var(--orange);font-size:.55rem;text-align:right}.menu-toggle{margin:auto 0 1rem;border:0;background:transparent;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.75rem}.menu-toggle .close-label{display:none}.menu-toggle[aria-expanded="true"] .open-label{display:none}.menu-toggle[aria-expanded="true"] .close-label{display:inline}.menu-toggle i{display:block;width:1px;height:36px;background:var(--ink);margin:.8rem auto;transition:transform .25s}.menu-toggle[aria-expanded="true"] i{transform:rotate(90deg)}.rail nav{position:fixed;inset:0 auto 0 96px;width:min(430px,calc(100vw - 96px));padding:9rem 3rem 3rem;background:var(--orange);color:white;transform:translateX(calc(-100% - 96px));visibility:hidden;pointer-events:none;transition:transform .45s cubic-bezier(.2,.75,.2,1),visibility 0s linear .45s;z-index:60;box-shadow:18px 0 50px #30130d33;overflow-y:auto}.rail nav.open{transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}.rail nav a{display:flex;gap:1.4rem;padding:1.15rem 0;border-bottom:1px solid #ffffff55;text-decoration:none;font:600 clamp(1.5rem,3vw,2.5rem) "Fraunces",serif}.rail nav a span{font:500 .7rem "DM Sans";opacity:.7}main,footer{margin-left:96px}.hero{height:100svh;min-height:620px;position:relative;color:#fff;overflow:hidden}.hero>img{height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1c0c07d9 0%,#1c0c0777 48%,transparent 75%),linear-gradient(0deg,#1c0c0744,transparent)}.hero-copy{position:absolute;left:clamp(2rem,7vw,8rem);top:50%;transform:translateY(-50%);width:min(680px,70vw)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:600;font-size:.72rem;margin:0 0 1.5rem}.eyebrow.light{color:#ffd9c9}.hero h1,.story h2,.business h2{font:700 clamp(4rem,9vw,9.5rem)/.88 "Fraunces",serif;letter-spacing:-.06em;margin:0}.hero .lead{max-width:500px;font-size:1.05rem;line-height:1.7}.announcement{position:absolute;right:2rem;top:2rem;border:1px solid #ffffff77;border-radius:99px;padding:.7rem 1rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}.scroll{position:absolute;right:2rem;bottom:2rem;width:48px;height:48px;display:grid;place-items:center;border:1px solid white;border-radius:50%;text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.split .copy{padding:clamp(4rem,9vw,9rem);align-self:center}.split h2,.menu h2,.events h2{font:700 clamp(3rem,6vw,6rem)/.95 "Fraunces",serif;letter-spacing:-.05em;margin:0 0 2rem}.split .copy>p:last-of-type,.menu header>p,.events .event-card>p,.business>p{font-size:1.1rem;line-height:1.7;max-width:560px}.split figure{margin:0;padding:4rem 4rem 4rem 0}.split figure img{height:100%;object-fit:cover;border-radius:48% 48% 2rem 2rem}.menu{padding:clamp(4rem,8vw,8rem) 0;background:var(--cream);overflow:hidden}.menu>header{padding:0 clamp(2rem,7vw,7rem);display:grid;grid-template-columns:1fr .55fr;align-items:end}.carousel-controls{padding:2rem clamp(2rem,7vw,7rem);display:flex;justify-content:flex-end;gap:.6rem}.carousel-controls button{width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;background:transparent;cursor:pointer}.drink-track{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 clamp(2rem,7vw,7rem) 2rem;scrollbar-width:none}.drink-card{flex:0 0 min(430px,75vw);scroll-snap-align:start}.drink-image{height:430px;background:var(--orange);display:grid;place-content:center;overflow:hidden}.drink-card:nth-child(even) .drink-image{background:var(--wood)}.drink-image img{height:88%;object-fit:contain}.drink-meta{display:grid;grid-template-columns:40px 1fr auto;gap:.6rem;padding-top:1.4rem}.drink-meta h3{font:600 1.5rem "Fraunces",serif;margin:0}.drink-meta p{grid-column:2/4;margin:0;line-height:1.5}.drink-count{color:var(--orange);font-size:.72rem}.text-link{display:inline-block;margin:2rem clamp(2rem,7vw,7rem) 0;text-underline-offset:.35rem}.story{background:linear-gradient(rgba(229,76,24,.82),rgba(229,76,24,.82)),url("images/story-walnut-bg.jpg") center/cover var(--orange);color:#fff;padding:clamp(5rem,11vw,11rem) clamp(2rem,8vw,8rem)}.story h2{max-width:1100px}.story>div{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:5rem 0 0 35%}.story p{font-size:1.2rem;line-height:1.7}.story blockquote{font:600 2rem/1.25 "Fraunces",serif;margin:0}.events{min-height:800px;position:relative;display:grid;place-items:end start;padding:clamp(2rem,6vw,6rem)}.events>img{position:absolute;inset:0;height:100%;object-fit:cover}.event-card{position:relative;z-index:1;width:min(620px,100%);padding:clamp(2rem,5vw,5rem);color:#fff;background:#351d15ee}.event-card a{display:inline-block;margin-top:1rem;text-underline-offset:.35rem}.visit{background:var(--paper)}address{font-style:normal;display:grid;gap:.3rem;font-size:1.15rem;margin:2rem 0}.visit dl{margin:2rem 0}.visit dt{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.visit dd{margin:.4rem 0}.visit iframe{width:100%;height:100%;border:0;min-height:600px;filter:sepia(.35) saturate(.8)}.business{padding:clamp(5rem,10vw,10rem) clamp(2rem,8vw,8rem);background:var(--wood);color:#fff}.business h2{max-width:1100px;margin-bottom:2rem}.business-links{display:flex;gap:3rem;margin-top:4rem}.business-links a{font-size:1.1rem;text-underline-offset:.4rem}footer{min-height:180px;padding:3rem clamp(2rem,6vw,6rem);display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem;background:#1d100c;color:#fff}footer strong{font:600 clamp(2rem,4vw,4rem) "Fraunces",serif;grid-column:1/3}footer a{text-align:right}
@media(max-width:760px){.rail{inset:0 0 auto;width:100%;height:68px;flex-direction:row;padding:0 1rem}.logo{width:auto;height:100%;border:0}.logo img{width:48px;height:48px}.menu-toggle{position:absolute;right:1rem;top:0;margin:0;writing-mode:horizontal-tb;height:68px;padding:.6rem 0 .6rem 1rem;gap:.65rem;white-space:nowrap}.menu-toggle i{display:inline-block;width:28px;height:1px;margin:0}.menu-toggle[aria-expanded="true"] i{transform:rotate(45deg)}.rail nav{inset:68px 0 auto;width:100%;height:calc(100svh - 68px);padding:clamp(2rem,8vh,5rem) 1.5rem 2rem;z-index:60;transform:translateY(calc(-100% - 68px));box-shadow:0 18px 50px #30130d33}.rail nav a{font-size:clamp(1.8rem,9vw,3rem);padding:1rem 0}main,footer{margin-left:0}.hero{height:90svh}.hero-copy{left:1.5rem;right:1.5rem;width:auto;max-width:none}.hero .lead{max-width:100%;overflow-wrap:anywhere}.hero h1{font-size:clamp(3.7rem,17vw,6.5rem)}.announcement{top:5.5rem;left:1.5rem;right:auto}.split{grid-template-columns:1fr;min-height:0}.split .copy{padding:5rem 1.5rem}.split figure{padding:0 1.5rem 5rem}.split figure img{height:460px}.menu>header{grid-template-columns:1fr;padding:0 1.5rem}.carousel-controls{padding:1rem 1.5rem}.drink-track{padding-left:1.5rem;padding-right:1.5rem}.drink-card{flex-basis:82vw}.drink-image{height:340px}.story{padding:5rem 1.5rem}.story>div{grid-template-columns:1fr;margin:3rem 0 0}.events{padding:1.5rem;min-height:720px}.visit iframe{min-height:420px}.business{padding:5rem 1.5rem}.business-links{flex-direction:column;gap:1rem}footer{grid-template-columns:1fr;padding:3rem 1.5rem}footer strong{grid-column:auto}footer a{text-align:left}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.rail nav{transition:none}}