body{background:var(--yellow)}
.menu-hero{min-height:340px;position:relative;display:flex;align-items:center;overflow:hidden;padding:54px 0 82px;text-align:left;color:#fff;background:linear-gradient(90deg,#050505f7 0%,#050505dc 34%,#05050555 62%,#0000 82%),url('assets/images/menu-hero-grill-v1.png') center/cover no-repeat}
.menu-hero:after{content:'';position:absolute;z-index:1;left:-2%;right:-2%;bottom:-25px;height:76px;background:var(--yellow);clip-path:polygon(0 39%,7% 22%,14% 47%,21% 16%,29% 39%,36% 8%,44% 37%,52% 15%,61% 42%,69% 10%,77% 40%,85% 18%,92% 44%,100% 12%,100% 100%,0 100%)}
.menu-hero .container{position:relative;z-index:2}.menu-hero .eyebrow{display:inline-block;padding:8px 18px;background:var(--yellow);color:#111;font:700 18px var(--display);letter-spacing:3px;clip-path:polygon(3% 8%,98% 0,100% 86%,4% 100%,0 52%)}
.menu-hero h1{max-width:720px;margin:15px 0 10px;color:var(--yellow);font:700 clamp(44px,4.8vw,68px)/.92 var(--display);text-transform:uppercase;text-shadow:2px 2px var(--red)}.menu-hero p{max-width:650px;margin:0;color:#fff;font-size:18px;line-height:1.55;text-shadow:0 2px 5px #000}
.category-nav{display:none;position:sticky;top:0;z-index:20;background:#111;color:#fff;border-block:4px solid var(--red);box-shadow:0 10px 22px #0004}.category-nav .container{display:flex;justify-content:flex-start;gap:10px;padding:12px 0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--red) #292929}.category-nav .container:hover{cursor:ew-resize}.category-nav a{flex:0 0 auto;padding:10px 17px;border:1px solid #ffffff18;border-radius:999px;background:#292929;font:600 14px var(--display);text-transform:uppercase;transition:.2s}.category-nav a:hover,.category-nav a:focus,.category-nav a.current{background:var(--red);border-color:var(--red);transform:translateY(-1px)}
.menu-content{padding:30px 0 58px;background-color:var(--yellow);background-image:radial-gradient(#0001 1px,transparent 1px);background-size:7px 7px}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:100%;margin:auto}.menu-section{scroll-margin-top:176px;background-color:#fff2bd;background-image:radial-gradient(#00000012 1px,transparent 1px);background-size:7px 7px;border:2px solid #171717;border-radius:16px;overflow:hidden;box-shadow:7px 8px 0 var(--red)}.menu-section h2{margin:0;padding:16px 20px;background:#111;color:#fff;font:700 27px var(--display);text-transform:uppercase}
.menu-list{list-style:none;margin:0;padding:8px 20px 14px}.menu-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:9px;padding:10px 0;border-bottom:2px dotted #aaa}.menu-list li:last-child,#pice .menu-list li{border-bottom:0}.item-name{font:700 17px/1.2 var(--display);text-transform:uppercase}.item-name small{font:500 13px var(--display);color:#685f55;white-space:nowrap}.dots{display:none}.price{white-space:nowrap;color:var(--red);font:700 18px var(--display)}.wide{grid-column:1/-1}.wide .menu-list{columns:2;column-gap:44px}.wide .menu-list li{break-inside:avoid}
.delivery{margin:28px 0 0;padding:0;text-align:center;color:var(--red);font:700 20px var(--display);text-transform:uppercase}.menu-cta{width:max-content;max-width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;margin:18px auto 0;padding:15px 28px;border-radius:50px;background:#111;color:#fff}.menu-cta span{color:var(--yellow);font:700 18px var(--display);text-transform:uppercase}.menu-cta a{position:relative;color:#fff;font:600 25px var(--display)}.menu-cta a+a{margin-left:1px;padding-left:19px}.menu-cta a+a:before{content:'';position:absolute;left:0;top:4px;bottom:4px;border-left:1px solid #fff4}
@media(max-width:760px){.menu-hero{min-height:300px;padding:44px 0 72px;background-position:58% center}.menu-hero .eyebrow{font-size:14px}.menu-hero h1{font-size:44px}.menu-hero p{max-width:90%;font-size:16px}.category-nav{display:block}.menu-content{padding-top:20px}.menu-grid{grid-template-columns:1fr}.wide{grid-column:auto}.wide .menu-list{columns:auto}.menu-section{scroll-margin-top:76px;box-shadow:5px 6px 0 var(--red)}.menu-section h2{font-size:23px}.menu-list{padding-inline:15px}.item-name{font-size:16px}.delivery{font-size:17px}.menu-cta{width:100%;flex-direction:column;padding:15px 20px;border-radius:20px;gap:5px}.menu-cta a{font-size:22px}.menu-cta a+a{margin:0;padding:5px 0 0}.menu-cta a+a:before{top:0;bottom:auto;left:calc(50% - 30px);width:60px;border-left:0;border-top:1px solid #fff4}}
@media(max-width:420px){.item-name small{display:inline;margin-left:4px}.price{font-size:17px}}

/* Compact menu density for small screens. */
@media(max-width:760px){
  .menu-hero{min-height:260px;padding:32px 0 58px}
  .menu-hero .eyebrow{padding:6px 13px;font-size:12px;letter-spacing:2px}
  .menu-hero h1{margin:10px 0 7px;font-size:36px;line-height:.94}
  .menu-hero p{max-width:94%;font-size:14px;line-height:1.4}
  .menu-hero:after{bottom:-30px;height:65px}
  .category-nav{border-block-width:3px}
  .category-nav .container{gap:6px;padding-block:8px}
  .category-nav a{padding:7px 12px;font-size:12px}
  .menu-content{padding:13px 0 40px}
  .menu-grid{gap:14px}
  .menu-section{border-width:2px;border-radius:12px;box-shadow:4px 5px 0 var(--red)}
  .menu-section h2{padding:11px 15px;font-size:20px}
  .menu-list{padding:5px 12px 10px}
  .menu-list li{gap:6px;padding:7px 0;border-bottom-width:1px}
  .item-name{font-size:14px;line-height:1.15}
  .item-name small{font-size:11px}
  .price{font-size:15px}
  .delivery{margin-top:20px;font-size:15px}
  .menu-cta{margin-top:12px;padding:12px 16px}.menu-cta span{font-size:15px}.menu-cta a{font-size:19px}
}
@media(max-width:420px){.menu-hero h1{font-size:34px}.item-name small{margin-left:3px}.price{font-size:15px}}