:root{--bg:#151110;--ink:#fff5ef;--muted:#bfb3ad;--accent:#ff782f;--accent-hover:#ff9655}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--accent);color:#131313;padding:12px}.skip:focus{top:15px}.header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:44px;letter-spacing:-3px;font-weight:800;line-height:.85;display:inline-block}.brand span{display:block;font-weight:400;font-size:12px;letter-spacing:3px;margin-top:8px}.header nav{display:flex;gap:38px;font-size:15px}.nav-ticket{border:1px solid #555;padding:10px 22px;font-size:15px}.nav-ticket span{margin-left:25px}.hero{margin:0 22px;position:relative;min-height:720px;isolation:isolate;padding:30px 4%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;object-position:center 48%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.25) 80%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 40%);z-index:-2}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:2px}.hero-copy{padding:40px 0 48px}.eyebrow{font-size:12px;letter-spacing:3px;margin:0 0 15px;color:var(--accent)}h1{font-size:clamp(90px,14vw,200px);letter-spacing:-.07em;line-height:.85;margin:0 0 30px;font-weight:800}h1 span{display:block;font-size:clamp(24px,3.5vw,44px);font-weight:400;letter-spacing:.12em;line-height:1.4;margin:12px 0 0 7px}.intro{font-size:21px;line-height:1.5;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 24px;background:var(--accent);color:#141414;font-size:15px;font-weight:700;min-height:52px}.button:hover{background:var(--accent-hover);text-decoration:none}.hero-bottom a span{margin-left:20px}.hours-strip{margin:0 5%;padding:26px 0;display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #3a3a3a}.hours-strip p{margin:0}.hours-strip strong{font-weight:500;color:var(--accent);margin-left:8px}.hours-strip span{display:block;color:var(--muted);font-size:13px;text-align:right}.section{padding:90px 7%}.section-index{font-size:12px;letter-spacing:2px;margin-bottom:36px;color:var(--muted)}h2{font-size:clamp(44px,5.3vw,76px);font-weight:600;letter-spacing:-.045em;line-height:1.06;margin:0 0 28px}.bar-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center}.bar-grid p{max-width:440px;color:#cfc1b9}.bar-grid figure{margin:0}.bar-grid img{width:100%;height:380px;object-fit:cover}.bar-grid figcaption{font-size:12px;color:var(--muted);margin-top:12px}.program{background:var(--accent);color:#151515}.program .section-index{color:#48200e}.program-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.program-grid p{max-width:480px;margin-top:0}.dark-button{background:#161616;color:var(--ink)}.dark-button:hover{background:#353535}.program .small{font-size:12px;margin:15px 0 0}.visit h2{margin-bottom:55px}.visit-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:6%}.visit h3{font-size:15px;font-weight:400;color:var(--muted);margin:0 0 20px}.visit p{margin:0 0 20px}.visit address{font-style:normal;margin-bottom:24px}dl{margin:0 0 15px}dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #3c3c3c;padding-bottom:9px;margin-bottom:9px}dd{margin:0;white-space:nowrap}.text-link{font-size:15px;display:inline-block;border-bottom:1px solid #9c542e;padding-bottom:4px;color:var(--accent)}.text-link span{padding-left:10px}.email{overflow-wrap:anywhere}.muted{color:var(--muted);font-size:14px}footer{border-top:1px solid #3a3a3a;margin:0 5%;padding:32px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}footer .brand{font-size:36px}footer .brand span{font-size:10px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:800px){.header{height:90px;padding:0 6%}.header nav{gap:20px}.hero{margin:0 12px;min-height:670px}.hero-top{font-size:10px}.hero-bottom{font-size:10px;letter-spacing:1px}.section{padding:65px 7%}.bar-grid{gap:6%}.bar-grid img{height:320px}.visit-grid{grid-template-columns:1fr 1fr;gap:36px}.visit-grid>div:last-child{grid-column:1/-1}.hours-strip{font-size:15px}}@media(max-width:540px){.header{height:85px;gap:18px}.brand{font-size:38px}.header nav{gap:18px;margin-left:auto;font-size:14px}.header nav a:first-child{display:none}.nav-ticket{display:none}.hero{padding:24px 6%;min-height:650px}.hero-top span:last-child{display:none}.hero-copy{padding:45px 0}h1{font-size:clamp(84px,24vw,140px)}h1 span{font-size:28px}.intro{font-size:19px}.hero-bottom{display:block}.hero-bottom a{display:block;margin-top:10px}.hero-photo{object-position:62% center}.hours-strip{display:block;padding:22px 0}.hours-strip p+p{margin-top:14px}.hours-strip span{text-align:left;font-size:12px;margin-top:4px}.section-index{margin-bottom:25px}.bar-grid,.program-grid,.visit-grid{grid-template-columns:1fr;gap:32px}.bar-grid img{height:280px}.bar-grid p{font-size:16px}.visit-grid>div:last-child{grid-column:auto}.visit h2{margin-bottom:40px}.section{padding:58px 7%}.program h2{margin:0}.program-grid{gap:25px}footer{flex-wrap:wrap}footer>span{flex-basis:60%;text-align:right}.button{max-width:100%;gap:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Warm neon accents echo the illuminated bar sign. */
.header .brand{color:var(--accent);text-shadow:0 0 22px rgba(255,104,32,.28)}.header .brand span{color:var(--ink);text-shadow:none}.nav-ticket{border-color:var(--accent);color:var(--accent)}.nav-ticket:hover{background:var(--accent);color:var(--bg);text-decoration:none;box-shadow:0 0 24px rgba(255,104,32,.2)}.hero h1{color:#ff9755;text-shadow:0 0 24px rgba(255,90,20,.28)}.hero h1 span{color:var(--ink);text-shadow:none}.hero .button{box-shadow:0 0 28px rgba(255,104,32,.25)}.hero .button:hover{box-shadow:0 0 34px rgba(255,104,32,.4)}.eyebrow{color:#ff9755}.program{box-shadow:0 -1px 22px rgba(255,104,32,.16)}.text-link:hover{color:var(--accent-hover)}
@media(max-width:700px){.header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;gap:20px}.header nav{flex-wrap:wrap;gap:14px 20px;margin-left:0}}

/* Frame the room from the lower third of the top zebra strip, keeping the title in the first viewport. */
.hero-copy{align-self:flex-start;text-align:left;width:100%;padding:24px 0}
.hero h1 span{margin-left:7px}
.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.18) 60%,rgba(0,0,0,.65)),radial-gradient(ellipse at 20% 44%,rgba(0,0,0,.68),rgba(0,0,0,.1) 72%)}
@media(min-width:1000px){
.hero{container-type:inline-size;aspect-ratio:auto;height:calc(100svh - var(--header-height,100px));min-height:620px;max-height:900px}
.hero-photo{top:-8.3333cqw;bottom:auto;width:100%;height:auto;min-height:calc(100% + 8.3333cqw);object-fit:cover;object-position:center top}
.hero h1{font-size:clamp(100px,10vw,160px);margin-bottom:22px}
.hero h1 span{font-size:clamp(28px,3vw,40px)}
.hero .intro{margin:18px 0 24px}
.hero-copy{transform:translateY(-20px)}
}

/* Keep navigation reachable and anchor targets clear of the sticky header. */
html{scroll-padding-top:calc(var(--header-height,100px) + 20px)}
.header{position:sticky;top:0;z-index:100;background:var(--bg);box-shadow:0 1px 0 #493127,0 8px 24px rgba(0,0,0,.22)}
.skip{position:fixed;z-index:110}
@media(max-width:540px){.header nav{order:3;flex-basis:100%}.header nav a:first-child{display:block}.header .nav-ticket{display:inline-flex;align-items:center;margin-left:auto}}
/* Make room for the rental link before the desktop navigation gets crowded. */
@media(min-width:701px) and (max-width:1250px){.header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:18px}.header nav{order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap;gap:16px 26px}.header .nav-ticket{margin-left:auto}}
.header nav a[aria-current=page]{color:var(--accent)}

/* Prioritize cocktail orders and room enquiries in the persistent navigation. */
.header nav{align-items:center;gap:20px}
.header nav .nav-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 16px;border:1px solid var(--accent);font-weight:700;line-height:1.35;text-align:center;text-decoration:none}
.header nav .nav-cocktails,.header nav .nav-cocktails[aria-current=page]{background:var(--accent);color:var(--bg)}
.header nav .nav-rental{background:#352016;color:#ffac79}
.header nav .nav-primary:hover{background:var(--accent-hover);color:var(--bg)}
.header nav .nav-primary[aria-current=page]{box-shadow:inset 0 -3px 0 #fff5ef}
@media(max-width:700px){
 .header nav,.order-page .header nav{display:flex;width:100%;flex-basis:100%;flex-wrap:wrap;justify-content:center;gap:10px 12px;order:3;margin:0}
 .header nav .nav-primary{order:-1;flex:0 0 calc(50% - 6px);min-height:52px;padding:10px 8px;font-size:15px}
 .header nav a:not(.nav-primary){padding:5px 4px;min-height:36px;display:inline-flex;align-items:center}
}