:root {
  --bg:#050707; --ink:#fff; --muted:#c9d4cf; --green:#02d66d; --gold:#ffc83d; --red:#df2338;
  --panel:rgba(8,18,16,.84); --border:rgba(255,255,255,.16);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;overflow-x:hidden}
.page-bg{position:fixed;inset:0;z-index:-5;background-color:var(--bg);background-image:url(images/background_02.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}
.page-bg::after{content:"";position:absolute;inset:0;background:rgba(5,7,7,.18);pointer-events:none}
.hero,.section{width:min(1120px,calc(100% - 32px));margin-inline:auto}
.hero{min-height:92vh;display:grid;place-items:center;text-align:center;padding:56px 0 36px}
.hero-logo{margin:0 auto 22px;display:flex;justify-content:center}
.hero-logo img{display:block;height:auto;max-width:100%;max-height:140px}
.eyebrow{margin:0 0 10px;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:800}
.hero h1{margin:0;font-size:clamp(3rem,9vw,7rem);line-height:.92;letter-spacing:-.07em;text-transform:uppercase;text-shadow:0 2px 0 rgba(255,255,255,.28),0 16px 50px rgba(2,214,109,.28)}
.hero h2{margin:14px 0 0;font-size:clamp(1.35rem,4vw,3rem);color:var(--gold);text-shadow:0 0 20px rgba(255,200,61,.36)}
.hero-copy{max-width:760px;margin:28px auto 0;color:var(--muted);font-size:1.08rem}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 22px;border-radius:999px;text-decoration:none;font-weight:800;transition:transform .16s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#04100a;background:linear-gradient(135deg,var(--green),var(--gold));box-shadow:0 14px 40px rgba(2,214,109,.25)}
.btn-secondary{color:var(--ink);border:1px solid var(--border);background:rgba(255,255,255,.08)}
.section{padding:58px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 30px}
.section-heading h2{margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1;letter-spacing:-.04em}
.section-heading p:not(.eyebrow){color:var(--muted)}
.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.event-card,.menu-card,.form-shell,.contact-card{position:relative;overflow:hidden;padding:28px;border:1px solid var(--border);border-radius:28px;background:var(--panel);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.friday{border-color:rgba(223,35,56,.32)}.saturday{border-color:rgba(2,214,109,.36)}
.event-badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid var(--border);color:var(--gold);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}
.event-card h3,.menu-card h3,.contact-card h3{margin:18px 0 12px;font-size:1.65rem;line-height:1}
.event-details{padding:0;margin:0 0 18px;list-style:none;color:var(--muted)}.event-details li+li{margin-top:7px}.event-card p{color:var(--muted)}
.nostalgia-line{color:var(--gold)!important;font-weight:700}.price-box{margin-top:20px;padding:18px;border-radius:18px;background:rgba(2,214,109,.1);border:1px solid rgba(2,214,109,.26)}
.price-box strong,.price-box span,.price-box small{display:block}.price-box strong{font-size:1.35rem;color:var(--gold)}.price-box small{margin-top:6px;color:var(--muted)}
.menu-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.menu-card h3{color:var(--gold)}.menu-card p{margin:0;color:var(--muted)}
.form-shell{padding:18px}.jotform-embed{width:100%;overflow:hidden;border-radius:22px}.jotform-embed iframe{display:block;width:100%;max-width:100%;min-width:100%;border:0}.note{color:var(--gold)!important;font-size:.95rem}
.contact-card{text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.contact-card a{color:var(--gold);text-decoration:none;font-weight:800}
footer{padding:34px 20px 50px;text-align:center;color:var(--muted)}
@media(max-width:820px){.event-grid,.menu-card,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:42px}.hero-logo img{max-height:100px}.page-bg{background-attachment:scroll}.event-card,.menu-card,.form-shell,.contact-card{padding:22px}}