:root{color-scheme:light;--ink:#102449;--dark:#091733;--blue:#153a91;--yellow:#ffda39;--paper:#fff9ea;--muted:#51617d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter",Arial,sans-serif;line-height:1.55}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #327cff;outline-offset:4px}
[hidden]{display:none!important}
.wrap{width:min(1120px,calc(100% - 48px));margin:auto}
.bar{background:var(--dark);color:#fff;border-bottom:1px solid #ffffff25}
.nav,.foot,.location-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav{min-height:76px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:.035em;line-height:1.05;white-space:nowrap}
.brand small{display:block;color:var(--yellow);font-size:.65rem;letter-spacing:.2em;margin-top:4px}
.badge{display:grid;place-items:center;background:var(--yellow);color:var(--dark);height:34px;width:34px;border-radius:50%;font-size:1.15rem}
nav{display:flex;gap:26px}
nav a,.nav-call{font-size:.91rem;text-decoration:none;font-weight:700}
nav a:hover,.nav-call:hover,.foot a:hover{text-decoration:underline}
.nav-call{color:var(--yellow);white-space:nowrap}
.hero{overflow:hidden;background:radial-gradient(ellipse at 83% 52%,#2453b5 0%,#152e68 42%,var(--dark) 78%);color:white}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(32px,7vw,104px);padding-block:62px 70px}
.eyebrow{margin:0 0 13px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}
.hero .eyebrow,.catering .eyebrow{color:var(--yellow)}
h1,h2,h3{margin:0;font-weight:900;line-height:1;letter-spacing:-.05em;text-wrap:balance}
h1{font-size:clamp(3rem,7vw,6.5rem)}
h1 em{font-style:normal;color:var(--yellow)}
h2{font-size:clamp(2.25rem,4.6vw,4.25rem)}
h3{font-size:clamp(1.55rem,3vw,2.05rem)}
.intro{max-width:31em;color:#e0e9ff;font-size:clamp(1rem,1.7vw,1.22rem);margin:23px 0 0}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:47px;padding:11px 16px;border:1px solid transparent;border-radius:7px;text-decoration:none;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer}
.button:hover{filter:brightness(1.13)}
.yellow{background:var(--yellow);color:var(--dark)}
.outline{color:white;border-color:#ffffff70;background:transparent}
.blue{background:var(--blue);color:white}
.poster{width:min(100%,365px);justify-self:center;margin:0;padding:8px;background:var(--paper);color:var(--ink);border-radius:10px;box-shadow:0 16px 55px #060d29a0;transform:rotate(2deg)}
.poster img{display:block;width:100%;height:auto;border-radius:5px}
.poster figcaption{display:flex;justify-content:space-between;gap:8px;padding:7px 5px 2px;font-weight:800;font-size:.74rem}
.section{padding:clamp(58px,8vw,100px) 0}
.menu-grid,.catering-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,8vw,115px)}
.menu-grid p:not(.eyebrow),.catering-grid p:not(.eyebrow){max-width:31em}
.menu-list{margin:0;border-top:2px solid var(--ink)}
.menu-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #10244935;padding:11px 0}
.menu-list dt,.menu-list dd{font-weight:800}
.menu-list small{display:block;color:var(--muted);font-weight:500}
.menu-list dd{margin:0;white-space:nowrap}
.location{background:var(--yellow);padding:36px 0}
.location h2{font-size:clamp(2rem,4vw,3.4rem)}
.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.event{padding:clamp(18px,3vw,28px);border:1px solid #10244930;border-radius:10px;background:var(--paper)}
.event h3{font-size:clamp(1.4rem,2.9vw,2rem)}
.event-date{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 12px;font-size:.88rem;font-weight:800}
.event-date span{color:var(--muted)}
.event p:not(.event-date){margin:12px 0 17px}
.catering{background:var(--ink);color:white}
.catering-grid{align-items:start}
.options{padding-left:1.15em;margin:24px 0}
.options li{margin:5px 0}
.options li::marker{color:var(--yellow)}
form{padding:clamp(19px,4vw,35px);background:white;color:var(--ink);border-radius:12px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:22px 0 16px}
label{display:grid;gap:4px;font-size:.85rem;font-weight:800}
label span{font-weight:400;display:inline}
.full{grid-column:1/-1}
input,textarea{min-width:0;width:100%;padding:9px;border-radius:5px;border:1px solid #a6b0c1;font:inherit;font-size:1rem;background:white;color:var(--ink)}
textarea{resize:vertical}
.form-note,#form-status{font-size:.83rem;color:var(--muted);margin:8px 0 0}
.text-button{padding:0;margin:8px 0 0;background:transparent;border:0;color:var(--blue);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}
footer{background:var(--dark);color:white;padding:24px 0}
.foot{font-size:.9rem;flex-wrap:wrap}
.foot a{color:#dbe6ff}
@media(max-width:720px){
  .wrap{width:calc(100% - 32px)}
  .nav{flex-wrap:wrap;gap:10px;padding-block:13px}
  nav{order:3;width:100%;gap:20px}
  .hero-grid,.menu-grid,.catering-grid,.event-grid{grid-template-columns:1fr}
  .hero-grid{padding-block:40px 50px}
  .poster{width:min(86%,330px)}
  .location-row{align-items:flex-start;flex-direction:column;gap:14px}
}
@media(max-width:355px){.fields{grid-template-columns:1fr}.nav-call span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}