@font-face{font-family:"Bodoni MT";src:url("../fonts/bodoni-mt.ttf") format("truetype");font-display:swap;font-style:normal;font-weight:400}
:root{--ink:#333332;--panel:rgba(17,17,17,.64);--panel-border:rgba(255,255,255,.16);--max-width:1120px}
*{box-sizing:border-box}html{background:#fff;color-scheme:light}
body{margin:0;min-width:320px;background:#f1f1f1;color:var(--ink);font-family:"Bodoni MT",Didot,"Times New Roman",serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}a{color:inherit}
.site-header{min-height:132px;display:grid;place-items:center;padding:16px 20px;background:#fff;position:relative;z-index:10}
.brand{display:inline-flex;width:min(280px,72vw);align-items:center;justify-content:center}.brand img{width:100%;height:auto;object-fit:contain}
.menu-stage{position:relative;isolation:isolate;min-height:calc(100vh - 192px);padding:clamp(30px,5vw,70px) clamp(16px,3vw,48px) clamp(50px,7vw,90px);background-image:url("../img/atmosphere-bar-1600.webp");background-size:cover;background-position:center top;background-attachment:fixed}
.menu-stage__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.19))}
.menu-layout{width:min(100%,var(--max-width));margin-inline:auto}.menu-row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.menu-row--atmosphere{grid-template-columns:5fr 7fr}
.menu-card,.photo-card{min-height:clamp(340px,36vw,475px)}.menu-card{padding:clamp(34px,5vw,66px);display:flex;flex-direction:column;justify-content:center;color:#fff;background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(2px)}
.menu-card--left{padding-left:clamp(32px,6vw,76px)}.menu-card--right{padding-right:clamp(32px,6vw,76px)}.menu-card__topline{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.eyebrow{margin:0 0 8px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;opacity:.82}
.venue-name{font-size:clamp(14px,1.35vw,18px);line-height:1.35;letter-spacing:.16em}h1,h2{margin:0;color:#fff;font-size:clamp(46px,5.4vw,74px);line-height:.98;font-weight:400;letter-spacing:-.02em}
.menu-links{display:flex;flex-direction:column;align-items:flex-start;margin-top:8px}.menu-links a{position:relative;display:inline-block;color:#fff;text-decoration:none;font-size:clamp(22px,2.2vw,32px);line-height:1.25;padding:5px 0;transition:opacity .18s ease,transform .18s ease}
.menu-links a::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:currentColor;transition:right .18s ease;opacity:.75}.menu-links a:hover,.menu-links a:focus-visible{opacity:.8;transform:translateX(3px);outline:none}.menu-links a:hover::after,.menu-links a:focus-visible::after{right:0}
.photo-card{margin:0;overflow:hidden;background:#111}.photo-card img{width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.65,.25,1)}.photo-card:hover img{transform:scale(1.025)}
.information{width:min(62%,690px);margin:clamp(36px,5vw,64px) auto 0}.information__card{min-height:260px;align-items:center;text-align:center}.information__card .menu-links{align-items:center}
.site-footer{min-height:60px;display:flex;align-items:center;justify-content:center;padding:18px 20px;color:rgba(255,255,255,.82);background:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.03em;text-align:center}
@media(max-width:760px){.site-header{min-height:108px}.brand{width:min(230px,72vw)}.menu-stage{min-height:0;padding:24px 14px 48px;background-image:url("../img/atmosphere-bar-768.webp");background-attachment:scroll;background-position:center top}.menu-row,.menu-row--atmosphere{grid-template-columns:1fr}.menu-row--atmosphere .photo-card{order:2}.menu-row--atmosphere .menu-card{order:1}.menu-card,.photo-card{min-height:0}.menu-card{padding:34px 28px 38px;min-height:330px;backdrop-filter:none}.photo-card img{min-height:280px;aspect-ratio:3/2}h1,h2{font-size:clamp(48px,15vw,66px)}.menu-links a{font-size:clamp(24px,7.2vw,32px)}.venue-name{font-size:14px}.information{width:100%;margin-top:30px}.information__card{min-height:240px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}