:root{--bg: #14181f;--bg-alt: #10141a;--panel: #1b2028;--ink: #f2f2f2;--muted: #c9c2b7;--accent: #ef534d;--accent-2: #f7e337}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% -10%,rgba(239,83,77,.2),transparent 40%),radial-gradient(circle at 80% 0%,rgba(247,227,55,.12),transparent 35%),var(--bg)}a{color:inherit}.site-shell{width:min(1260px,100%);margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 240px)}.top-strip{text-align:center;padding:10px 12px;background:#c73026;font-size:1.1rem}.site-header{position:sticky;top:0;z-index:20;padding:18px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);background:#090b0fe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:grid;gap:2px;font-size:2rem;line-height:1;font-weight:800}.header-nav{display:flex;gap:28px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.header-nav a{text-decoration:none}.header-nav a:hover{color:var(--accent)}.hero{min-height:70vh;display:grid;place-items:center;padding:48px 20px;background:linear-gradient(0deg,#00000073,#00000073),linear-gradient(120deg,#5a2a1f,#9a3b26 42%,#4f2c1f)}.hero-overlay{text-align:center;animation:rise-in .7s ease-out both}.hero h1{margin:0;font-size:clamp(3rem,7vw,5.6rem)}.hero p{margin:10px 0 0;font-size:clamp(1.2rem,2.8vw,2rem);color:#f4eadb}.section{padding:78px clamp(18px,4vw,54px)}.intro{text-align:center;background:var(--bg-alt)}.intro h2,.menu-section h2,.login-section h2{margin:0;color:var(--accent);font-size:clamp(2.3rem,5vw,4.2rem)}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.feature{background:var(--panel);border:1px solid rgba(255,255,255,.07);padding:16px}.feature .image{height:230px;border:1px solid rgba(255,255,255,.15);margin-bottom:18px}.beer-wall{background:repeating-linear-gradient(0deg,rgba(255,221,120,.35),rgba(255,221,120,.35) 12px,transparent 12px,transparent 24px),linear-gradient(130deg,#40311f,#75603d)}.produce{background:radial-gradient(circle at 20% 15%,#f18754 0 10%,transparent 20%),radial-gradient(circle at 65% 28%,#e5ce84 0 9%,transparent 18%),radial-gradient(circle at 40% 60%,#9cb96f 0 12%,transparent 22%),linear-gradient(130deg,#2f3f2c,#4a5834)}.feature h3{margin:0;font-size:2rem;text-align:center}.feature p{margin:14px 0 0;color:var(--muted);text-align:center;font-size:1.75rem;line-height:1.45}.menu-section{text-align:center}.menu-link{display:inline-block;margin-top:18px;text-decoration:none;color:var(--accent);font-size:2rem}.menu-link:hover{color:#ff7a71}.menu-board{margin:30px auto 0;min-height:440px;width:min(980px,100%);border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0000004d,#0000004d),url(/menu-preview.jpg),#07090c;background-size:cover;background-position:center;display:grid;place-items:end center}.menu-board p{margin:0;width:100%;padding:14px 18px;background:#000000ad;color:#ffe470;font-size:1.1rem}.hours{background:var(--bg-alt)}.hours-lead{margin:0 0 40px;text-align:center;color:var(--muted);font-size:1.9rem}.hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.hours h3{margin:0 0 18px;font-size:2.2rem}.hours p{margin:8px 0;font-size:1.75rem;color:var(--muted)}.phone{color:var(--accent)}.login-section{text-align:center}.login-form{margin:24px auto 0;display:grid;gap:10px;width:min(420px,100%)}.login-form input,.login-form button{border:1px solid rgba(255,255,255,.14);padding:12px 14px;font-size:1.2rem;border-radius:10px}.login-form input{background:#0f141b;color:#fff}.login-form button{border:none;cursor:pointer;background:var(--accent);color:#fff;font-weight:700}.login-note{color:var(--muted)}.site-footer{border-top:1px solid rgba(255,255,255,.1);padding:26px clamp(18px,4vw,54px) 48px;display:flex;justify-content:space-between;gap:12px;font-size:1.05rem;color:#c9c2b7}.placeholder-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.placeholder-card{width:min(620px,100%);background:#10141a;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:28px;text-align:center}.placeholder-card h1{margin:0;color:var(--accent);font-size:clamp(2rem,5vw,3rem)}.placeholder-card p{margin:12px 0 0;color:var(--muted);font-size:1.1rem}.placeholder-card a{display:inline-block;margin-top:18px;text-decoration:none;color:#fff;background:var(--accent);padding:10px 14px;border-radius:10px;font-weight:700}@media (max-width: 960px){.site-header{padding:14px 18px}.brand{font-size:1.55rem}.header-nav{gap:16px;font-size:.88rem}.features,.hours-grid{grid-template-columns:1fr}}@media (max-width: 640px){.top-strip{font-size:.95rem}.site-header{flex-direction:column;align-items:flex-start;gap:10px}.header-nav{width:100%;justify-content:space-between}.feature p,.hours-lead,.hours p{font-size:1.2rem}.site-footer{flex-direction:column}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}