:root{
  --ink:#171717; --charcoal:#242424; --cream:#f2eee6; --paper:#fbfaf7;
  --gold:#b89558; --mint:#8bb88e; --muted:#6f6d67; --line:rgba(23,23,23,.14);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;line-height:1.6}
a{text-decoration:none;color:inherit} img{display:block;max-width:100%} button{font:inherit}
.topbar{min-height:34px;background:var(--charcoal);color:#fff;padding:7px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.topbar a{color:var(--mint);font-weight:700}
.site-header{height:94px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(251,250,247,.95);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line)}
.brand img{width:210px;height:auto}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}
.site-header nav>a:not(.nav-cta):hover{color:var(--gold)}.nav-cta{padding:13px 18px;background:var(--charcoal);color:white}
.menu-toggle{display:none;background:transparent;border:0;font-weight:700}
.hero{min-height:calc(100vh - 128px);position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#171715}
.hero-bg{position:absolute;inset:0 0 0 auto;width:min(58vw,900px);background:url('brownstone-hero.jpg') center 46%/cover;transform:scale(1.01)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,11,.98) 0%,rgba(12,12,11,.92) 36%,rgba(12,12,11,.5) 62%,rgba(12,12,11,.12) 100%),linear-gradient(0deg,rgba(12,12,11,.48),transparent 48%)}
.hero-content{position:relative;z-index:2;color:#fff;width:min(900px,88vw);padding:10vw 0 8vw 7vw}
.eyebrow{margin:0 0 18px;color:var(--mint);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow.dark{color:#756039}
h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.05;margin-top:0}h1{max-width:900px;font-family:Newsreader,Georgia,serif;font-size:clamp(44px,5.8vw,82px);font-weight:700;line-height:.94;letter-spacing:.015em;text-transform:uppercase;margin-bottom:30px}h1 span{color:var(--gold)}
.hero-copy{max-width:680px;font-size:clamp(17px,1.6vw,22px);color:rgba(255,255,255,.78)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.button{display:inline-flex;min-height:54px;padding:0 24px;align-items:center;justify-content:center;border:1px solid transparent;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:.25s}
.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#111}.button-ghost{border-color:rgba(255,255,255,.7);color:#fff}.button-dark{background:var(--charcoal);color:#fff}.button-light{background:var(--cream);color:var(--ink)}.button-outline{border-color:var(--charcoal)}
.hero-stamp{position:absolute;right:4vw;bottom:4vw;z-index:3;width:190px;height:190px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-stamp span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}.hero-stamp strong{font-size:20px;max-width:120px;margin-top:8px}
.ticker{overflow:hidden;background:var(--mint);color:#151515;padding:14px 0}.ticker-track{width:max-content;display:flex;gap:24px;align-items:center;animation:scroll 28s linear infinite;font-size:11px;font-weight:800;letter-spacing:.16em}.ticker-track i{font-style:normal;color:#fff}@keyframes scroll{to{transform:translateX(-50%)}}
.section{padding:110px 7vw}.section-index{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:64px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.intro h2,.menu-head h2,.visit h2{font-size:clamp(46px,6.4vw,88px);letter-spacing:-.055em}.intro-body .lead{font-size:21px;color:#373632}.intro-body p{color:var(--muted)}.text-link{display:inline-flex;margin-top:18px;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:700}
.experience-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:16px;margin-top:80px}.experience-card{background:#fff;border:1px solid var(--line)}.exp-image{height:360px;background-size:cover;background-position:center}.experience-card.large .exp-image{height:500px}.exp-image.food{background-image:url('brownstone-dinner.jpg');background-position:center 52%}.exp-image.drinks{background-image:url('brownstone-cocktail.jpg');background-position:center 60%}.exp-image.nightlife{background-image:url('brownstone-lounge.jpg');background-position:center 58%}.exp-copy{padding:30px}.exp-copy>span{color:var(--gold);font-size:10px;font-weight:800}.exp-copy h3{font-size:32px;margin:28px 0 8px}.exp-copy p{margin:0;color:var(--muted)}
.menu-section{background:var(--cream)}.menu-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:54px}.menu-head h2{margin-bottom:0;max-width:920px}.full-menu{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);border:1px solid rgba(25,25,23,.14);box-shadow:24px 24px 0 rgba(25,25,23,.1)}.menu-category{padding:48px 46px}.menu-category:nth-child(odd){border-right:1px solid var(--line)}.menu-category:nth-child(-n+2){border-bottom:1px solid var(--line)}.menu-category-heading{display:flex;align-items:baseline;gap:18px;margin-bottom:24px}.menu-category-heading span{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em}.menu-category-heading h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em}.menu-item{display:grid;grid-template-columns:1fr auto;gap:28px;padding:22px 0;border-top:1px solid var(--line)}.menu-item h4{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.025em}.menu-item p{max-width:540px;margin-top:7px;color:var(--muted);font-size:13px;line-height:1.6}.menu-item strong{color:var(--gold);font-family:Manrope,sans-serif;font-size:18px}.menu-note{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(25,25,23,.22);margin-top:50px;padding-top:22px;font-size:12px}.menu-note a{font-weight:800}
.night-section{display:grid;grid-template-columns:1.1fr .9fr;background:var(--charcoal);color:#fff;min-height:800px}.night-photo{background:url('brownstone-lounge.jpg') center 58%/cover}.night-copy{padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center}.night-copy h2{font-size:clamp(52px,6.5vw,90px);letter-spacing:-.055em}.night-copy>p:not(.eyebrow){color:rgba(255,255,255,.68);font-size:18px}.night-features{margin:30px 0 38px}.night-features div{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.15)}.night-features span{color:rgba(255,255,255,.56)}
.social-proof{background:#fff}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.quote-grid blockquote{margin:0;padding:36px;background:var(--paper);font-family:Manrope,sans-serif;font-size:clamp(24px,2.7vw,40px);line-height:1.25;letter-spacing:-.035em;border-top:4px solid var(--gold)}.review-note{text-align:center;color:var(--muted);font-size:11px;margin-top:30px}
.visit{background:#ddd8cc}.visit-grid{display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:center}.visit-copy>p:not(.eyebrow){max-width:620px;color:#5a574f;font-size:18px}.visit-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hours-card{background:var(--paper);padding:50px;box-shadow:20px 20px 0 var(--mint)}.hours-card>img{width:250px;margin-bottom:36px}.info-row{display:flex;justify-content:space-between;gap:22px;padding:16px 0;border-top:1px solid var(--line);font-size:13px}.info-row span{color:var(--muted)}.info-row strong{text-align:right}.hours{margin-top:18px}.hours div{display:flex;justify-content:space-between;gap:24px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.fine{font-size:10px;color:var(--muted);margin-top:22px}
.final-cta{min-height:720px;padding:9vw 7vw;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(14,14,14,.94),rgba(14,14,14,.28)),url('brownstone-interior.jpg') center 52%/cover}.final-cta img{width:380px;margin-bottom:36px}.final-cta h2{font-size:clamp(54px,7vw,102px);max-width:900px;letter-spacing:-.055em}
footer{background:#141414;color:#fff;padding:64px 7vw 28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start}footer img{width:240px}footer p{color:rgba(255,255,255,.6)}footer>div{display:flex;justify-content:flex-end;gap:18px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;color:rgba(255,255,255,.4)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:94px;left:0;right:0;background:var(--paper);padding:26px 5vw;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.hero-bg{width:68vw}.intro-grid,.visit-grid{grid-template-columns:1fr}.experience-grid{grid-template-columns:1fr 1fr}.experience-card.large{grid-column:1/-1}.full-menu{grid-template-columns:1fr;box-shadow:16px 16px 0 rgba(25,25,23,.1)}.menu-category:nth-child(odd){border-right:0}.menu-category:nth-child(-n+3){border-bottom:1px solid var(--line)}.night-section{grid-template-columns:1fr}.night-photo{min-height:520px}.quote-grid{grid-template-columns:1fr}}
@media(max-width:680px){.topbar span{display:none}.topbar{justify-content:center}.site-header{height:78px}.brand img{width:165px}.hero{min-height:740px}.hero-bg{width:100%;background-position:center 46%}.hero-shade{background:linear-gradient(0deg,rgba(12,12,11,.96) 0%,rgba(12,12,11,.68) 52%,rgba(12,12,11,.2) 100%)}.hero-content{padding:110px 7vw 90px}.hero-content h1{font-size:clamp(38px,11.5vw,56px);line-height:.98}.hero-stamp{display:none}.section{padding:78px 6vw}.intro-grid{gap:30px}.experience-grid{grid-template-columns:1fr}.experience-card.large{grid-column:auto}.experience-card.large .exp-image,.exp-image{height:340px}.menu-head{display:block}.menu-head .button{margin-top:20px}.menu-category{padding:34px 24px}.menu-item{gap:18px}.menu-note{flex-direction:column}.night-photo{min-height:380px}.night-copy{padding:78px 7vw}.night-features div{grid-template-columns:1fr;gap:4px}.hours-card{padding:34px 24px;box-shadow:10px 10px 0 var(--mint)}.final-cta{min-height:630px}.final-cta img{width:280px}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start}}