@font-face{font-family:Barlow;src:url(assets/barlow-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:DM Sans;src:url(assets/dm-sans.woff2) format("woff2");font-weight:100 1000;font-display:swap}
:root{color-scheme:dark;--base:#151411;--panel:#1d1b16;--line:#40382b;--gold:#f1b865;--cream:#f9f2e5;--muted:#c5bcae;--heading:Barlow,"Arial Narrow",Impact,sans-serif;--body:"DM Sans",Arial,sans-serif;--gutter:clamp(22px,5vw,72px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--base);color:var(--cream);font:400 16px/1.55 var(--body)}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
button{font:inherit}
img{display:block;max-width:100%}
h1,h2,h3,p,dl,dd{margin:0}
h1,h2,h3{line-height:.91;font-family:var(--heading);font-weight:800}
h2,h3{text-transform:uppercase}
h1 em,h2 em{font-style:normal;color:var(--gold)}
p,address{color:var(--muted)}
.wrap{width:min(100% - 2 * var(--gutter),1280px);margin-inline:auto}
.skip{position:fixed;top:8px;left:8px;z-index:9;transform:translateY(-160%);padding:10px 16px;color:#17130d;background:var(--gold)}
.skip:focus{transform:none}
.site-header{position:relative;z-index:2;background:#13120f;border-bottom:1px solid #ffffff16}
.header-inner,.footer-inner{min-height:87px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:block;flex:none;width:132px}
.brand img{height:auto}
nav{display:flex;align-items:center;gap:clamp(18px,3.2vw,46px);font-size:.92rem;font-weight:700}
nav a, .socials a{transition:color .2s}
nav a:hover,.socials a:hover{color:var(--gold)}
.nav-toggle{display:none}
.button{min-height:49px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;border-radius:4px;font-size:.9rem;font-weight:800;text-align:center;transition:background .2s,border-color .2s,color .2s}
.button span{font-size:1.1rem;line-height:1}
.button-gold{background:var(--gold);color:#1c150c}
.button-gold:hover{background:#ffcf87}
.button-outline{background:#12110e45;border-color:#cbb99a83;color:var(--cream)}
.button-outline:hover{background:#382b1c;border-color:var(--gold)}
.header-action{min-height:43px;border-color:#866c49;color:var(--gold)}
.hero{position:relative;isolation:isolate;min-height:clamp(550px,48.5vw,760px);display:grid;align-items:center;overflow:hidden;background:#21170e}
.hero-photo,.hero::after{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero-photo{object-fit:cover;object-position:center 49%}
.hero::after{content:"";background:linear-gradient(90deg,rgba(15,13,10,.98) 0%,rgba(15,13,10,.89) 19%,rgba(15,13,10,.68) 41%,rgba(15,13,10,.14) 74%),linear-gradient(0deg,#100e0b 0%,transparent 24%);z-index:-1}
.hero-inner{padding-block:75px 92px}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:800;display:flex;align-items:center;gap:11px}
.dash{background:var(--gold);height:1px;width:26px;flex:none}
.dot{opacity:.8}
h1{font-size:clamp(76px,10.1vw,153px);letter-spacing:-.022em;text-transform:uppercase;margin:17px 0 24px}
.hero-copy{color:#e9e1d3;max-width:425px;font-size:clamp(16px,1.5vw,20px)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.hero-caption{position:absolute;right:var(--gutter);bottom:21px;color:#e8d8bd;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:9px}
.hero-caption span{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.stats{background:#211b13;border-block:1px solid #5a4530}
.stats-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-block:20px}
.stats-inner div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-right:1px solid #5a4530;text-align:center}
.stats-inner div:last-child{border:0}
.stats dt{font:800 clamp(36px,4vw,58px)/.95 var(--heading);text-transform:uppercase;color:var(--gold)}
.stats dd{max-width:20ch;font-size:.76rem;font-weight:800;line-height:1.25;letter-spacing:.06em;text-transform:uppercase}
.section{padding-block:clamp(65px,8vw,108px)}
.section-lead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.section-lead>p{max-width:305px}
h2{font-size:clamp(52px,7vw,100px);letter-spacing:-.015em;margin-top:12px}
.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.play-card{padding:clamp(19px,2.8vw,36px);border:1px solid var(--line);background:linear-gradient(140deg,#232019,#191814 85%);border-radius:5px;display:flex;flex-direction:column;align-items:start}
.play-card svg{width:37px;height:37px;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px}
.play-card h3,.event h3,.hours h3{font-size:clamp(27px,3vw,40px);margin-bottom:11px}
.play-card p{margin-bottom:21px}
.text-link{color:var(--gold);font-weight:800;font-size:.91rem;text-underline-offset:.27em}
.text-link:hover{text-decoration:underline}
.text-link span{margin-left:5px}
.play-card .text-link{margin-top:auto}
.food{border-block:1px solid #584633;background:radial-gradient(ellipse at 0 80%,#352314,transparent 60%),#211a13}
.food-grid,.visit-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,7vw,105px)}
.food-intro p:not(.eyebrow){max-width:350px;margin:21px 0 24px}
.menu-preview{background:#161411;border:1px solid #65513a;border-radius:5px;padding:clamp(21px,3.5vw,42px)}
.menu-kicker{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-size:.77rem;font-weight:800;padding-bottom:12px;border-bottom:1px solid #65513a}
.menu-kicker span:last-child{font-size:1rem}
.dish{padding:12px 0;border-bottom:1px solid var(--line)}
.dish:last-child{border-bottom:0;padding-bottom:0}
.dish h3{font:800 1.03rem/1.3 var(--body);text-transform:none;margin-bottom:4px}
.dish p,.event p,.hours p{font-size:.92rem}
.events-list{border-top:1px solid var(--line)}
.event{display:grid;grid-template-columns:130px 1fr 142px;gap:20px;align-items:center;padding:20px 10px 20px 0;border-bottom:1px solid var(--line)}
.event h3{font-size:clamp(26px,3.2vw,41px);margin-bottom:6px}
.event .event-day,.event-time{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.event-time{justify-self:end;border:1px solid #604b32;border-radius:3px;padding:6px 10px;text-align:center}
.visit{border-block:1px solid #55452e;background:radial-gradient(ellipse at 85% 50%,#2d2217,transparent 66%),#1d1913}
address{font-style:normal;margin-top:21px;font-size:1.15rem}
.hours{border:1px solid #65513a;background:#161411;border-radius:5px;padding:clamp(21px,3.5vw,42px)}
.hours dl div{display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid var(--line);padding-block:11px}
.hours dd{text-align:right;color:var(--gold)}
.hours p{margin-top:15px}
.site-footer{background:#13120f}
.footer-inner{min-height:105px}
.footer-inner .brand{width:104px}
.footer-inner p,.socials{font-size:.83rem}
.socials{display:flex;gap:18px;font-weight:700}
@media(max-width:900px){
  .hero::after{background:linear-gradient(90deg,#100e0bf7 0%,#100e0bb0 42%,#100e0b1a 100%),linear-gradient(0deg,#100e0b 0%,transparent 30%)}
}
@media(max-width:700px){
  .stats-inner{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:12px}
  .stats-inner div{grid-column:span 2}
  .stats-inner div:nth-child(3){border:0}
  .stats-inner div:nth-child(n+4){grid-column:span 3;border-top:1px solid #5a4530;padding-top:12px}
  .header-inner{min-height:71px}
  .brand{width:112px}
  .header-action{display:none}
  .nav-toggle{display:flex;align-items:center;gap:8px;min-height:44px;background:none;color:var(--cream);border:0;padding:0 3px;font-weight:700}
  .nav-lines,.nav-lines::before,.nav-lines::after{display:block;width:16px;height:1px;background:var(--gold)}
  .nav-lines{position:relative}
  .nav-lines::before,.nav-lines::after{content:"";position:absolute;top:-5px}
  .nav-lines::after{top:5px}
  nav{display:none;position:absolute;top:100%;inset-inline:0;background:#171510;border-block:1px solid var(--line);padding:10px var(--gutter) 15px}
  nav.is-open{display:grid;gap:0}
  nav a{display:block;padding:10px 0}
  .hero{min-height:580px;align-items:end}
  .hero-photo{object-position:61% center}
  .hero::after{background:linear-gradient(0deg,#100e0bf9 3%,#100e0be0 19%,#100e0b8f 55%,#100e0b14 100%),linear-gradient(90deg,#100e0b85,transparent 80%)}
  .hero-inner{padding-block:106px 56px}
  h1{font-size:clamp(59px,13.7vw,94px);margin-block:14px 17px}
  .hero-copy{max-width:340px}
  .hero-caption{display:none}
  .section-lead{display:block;margin-bottom:22px}
  .section-lead>p{margin-top:12px}
  .play-grid,.food-grid,.visit-grid{grid-template-columns:1fr}
  .play-card svg{margin-bottom:13px}
  .play-card p{margin-bottom:14px}
  .event{grid-template-columns:minmax(0,1fr) auto;gap:7px 11px;padding:16px 0}
  .event>div{grid-row:2;grid-column:1/-1}
  .event-time{grid-row:1;grid-column:2}
  .footer-inner{padding-block:22px;flex-wrap:wrap;gap:14px}
}
@media(max-width:405px){
  .hero-inner .actions{gap:8px}
  .hero-inner .button{padding-inline:10px;font-size:.82rem;gap:7px}
  .stats-inner{width:100%;padding-block:14px}
  .stats-inner div{padding-inline:6px}
  .footer-inner p{display:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important}
}