.menu-page{background:var(--cream);overflow-x:clip}.menu-hero{text-align:center;padding:clamp(120px,14vw,170px) clamp(18px,4vw,46px) clamp(30px,5vw,60px);position:relative;overflow:hidden}.menu-hero-badges{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:22px;display:flex}.menu-hero h1{font-family:var(--display);text-transform:uppercase;color:var(--red);text-shadow:max(2.5px,.038em) max(2.5px,.038em) 0 var(--ink);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;margin:0;font-size:clamp(3.2rem,13vw,10rem);line-height:.86}.menu-hero h1 em{color:var(--cream);-webkit-text-stroke:2px var(--ink);-webkit-text-stroke:clamp(1.1px, .0125em, 2px) var(--ink);text-shadow:max(2.5px,.038em) max(2.5px,.038em) 0 var(--red);font-style:normal}.menu-hero p{font-family:var(--mono);max-width:52ch;color:var(--ink);opacity:.82;margin:26px auto 0;font-size:clamp(.9rem,1.4vw,1.05rem)}.menu-hero .menu-floaty{opacity:.9;z-index:0;pointer-events:none;font-size:clamp(34px,5vw,66px);position:absolute}.menu-hero .menu-floaty.f1{top:20%;left:6%;transform:rotate(-14deg)}.menu-hero .menu-floaty.f2{top:30%;right:7%;transform:rotate(12deg)}.menu-hero .menu-floaty.f3{bottom:12%;left:12%;transform:rotate(9deg)}.menu-hero .menu-floaty.f4{bottom:16%;right:13%;transform:rotate(-10deg)}.menu-cats{padding:clamp(10px,3vw,40px) clamp(18px,4vw,46px) clamp(40px,6vw,80px)}.menu-cat{max-width:1120px;margin:0 auto;padding:clamp(34px,5vw,60px) 0}.menu-cat+.menu-cat{border-top:4px dashed #1d171247}.menu-cat-head{flex-wrap:wrap;align-items:center;gap:clamp(14px,3vw,26px);margin-bottom:clamp(28px,4vw,48px);display:flex}.menu-cat-head h2{font-family:var(--display);text-transform:uppercase;color:var(--red);text-shadow:max(2.5px,.071em) max(2.5px,.071em) 0 var(--ink);margin:0;font-size:clamp(2rem,6vw,4.4rem);line-height:.9}.menu-cat-head h2 em{color:var(--ink);text-shadow:max(2.5px,.071em) max(2.5px,.071em) 0 var(--yellow);font-style:normal}.menu-cat-num{font-family:var(--display);color:var(--cream);-webkit-text-stroke:2px var(--ink);-webkit-text-stroke:clamp(1px, .027em, 2px) var(--ink);text-shadow:max(2.5px,.054em) max(2.5px,.054em) 0 var(--red);opacity:.9;font-size:clamp(2.4rem,6vw,4.6rem);line-height:1}.mp-grid{grid-template-columns:repeat(2,1fr);gap:clamp(22px,3vw,44px);max-width:1180px;margin:0 auto;display:grid}@media (max-width:680px){.mp-grid{grid-template-columns:1fr}}.menu-card{background:var(--white);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);transition:transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:30px;flex-direction:column;height:100%;padding:clamp(16px,1.6vw,22px);display:flex;position:relative}.menu-card:hover{box-shadow:16px 16px 0 var(--ink);transform:translate(-4px,-4px)rotate(-.6deg)}.menu-media{aspect-ratio:16/11;border:3px solid var(--ink);background:var(--cream-2);border-radius:22px;position:relative;overflow:hidden}.menu-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);display:block}.menu-card:hover .menu-media img{transform:scale(1.07)rotate(1deg)}.menu-emoji{background:radial-gradient(circle at 30% 25%, #ffffff73, transparent 55%), var(--tile,var(--yellow));width:100%;height:100%;transition:transform .5s var(--ease);justify-content:center;align-items:center;font-size:clamp(3.4rem,9vw,5.2rem);display:flex}.menu-emoji span{filter:drop-shadow(3px 4px #1d171247);transition:transform .4s var(--ease);display:block;transform:rotate(-6deg)}.menu-card:hover .menu-emoji span{transform:rotate(6deg)scale(1.1)}.menu-emoji.t-red{--tile:var(--red)}.menu-emoji.t-yellow{--tile:var(--yellow)}.menu-emoji.t-cream{--tile:var(--cream-2)}.menu-emoji.t-ink{--tile:#2a2018}.menu-tag{z-index:2;position:absolute;top:12px;left:12px}.menu-card-body{flex:1;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 6px 4px;display:flex}.menu-card h3{font-family:var(--display);text-transform:uppercase;color:var(--ink);margin:0;font-size:clamp(1.6rem,2.1vw,2.3rem);line-height:.9}.menu-card .menu-desc{font-family:var(--mono);color:var(--ink);opacity:.7;max-width:40ch;margin-top:10px;font-size:13.5px;line-height:1.55}.menu-card .menu-price{font-family:var(--display);color:var(--red);-webkit-text-stroke:1.2px var(--ink);-webkit-text-stroke:clamp(1px, .03em, 1.2px) var(--ink);paint-order:stroke fill;white-space:nowrap;font-size:clamp(1.8rem,2.4vw,2.5rem);line-height:1}.menu-card-info{min-width:0}.menu-meta{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.menu-meta li{white-space:nowrap;font-family:var(--mono);color:var(--ink);background:var(--cream-2);border:2px solid var(--ink);border-radius:20px;align-items:center;gap:5px;padding:6px 11px;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex}.menu-add{border:3px solid var(--ink);background:var(--yellow);width:100%;color:var(--ink);font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease), color .18s var(--ease);border-radius:16px;margin-top:18px;padding:15px 16px;font-size:clamp(15px,1.3vw,17px)}.menu-add:hover{background:var(--red);color:var(--white);box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.menu-add:active{box-shadow:2px 2px 0 var(--ink);transform:translate(0)}.menu-add.is-added{color:#fff;background:#4f9a05}.menu-cta{background:var(--red);color:var(--white);text-align:center;border-top:5px solid var(--ink);padding:clamp(64px,9vw,120px) clamp(18px,4vw,46px);position:relative;overflow:hidden}.menu-cta .badge{margin-bottom:22px}.menu-cta h2{font-family:var(--display);text-transform:uppercase;max-width:16ch;color:var(--cream);text-shadow:max(2.5px,.045em) max(2.5px,.045em) 0 var(--ink);margin:0 auto;font-size:clamp(2.8rem,9vw,7rem);line-height:.94}.menu-cta h2 em{color:var(--yellow);font-style:normal}.menu-cta p{font-family:var(--mono);color:#fffaf2d9;max-width:46ch;margin:26px auto 34px}.menu-cta .btn{padding:18px 40px;font-size:17px}.menu-cta .menu-floaty{opacity:.85;z-index:0;pointer-events:none;font-size:clamp(40px,6vw,80px);position:absolute}.menu-cta .menu-floaty.c1{top:16%;left:8%;transform:rotate(-12deg)}.menu-cta .menu-floaty.c2{bottom:18%;right:9%;transform:rotate(14deg)}@media (max-width:720px){.menu-hero .menu-floaty,.menu-cta .menu-floaty{display:none}.menu-cat-head{gap:12px}}