@font-face{font-family:"Bulgers";src:url("assets/fonts/Bulgers.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Bulgers";src:url("assets/fonts/Bulgers-Slant.otf") format("opentype");font-weight:400;font-style:italic;font-display:swap}

  :root{
    --red:#D6202A; --yellow:#FECF08; --cream:#FFEBC6; --black:#231F20; --white:#fff;
    --red-ink:#B01A22; --yellow-ink:#E4B800; --cream-deep:#F4DCA8; --cream-line:#EAD3A0; --black-soft:#3A3436;
    --muted:rgba(35,31,32,.62); --muted-inv:rgba(255,235,198,.66);
    --font:"Poppins",system-ui,sans-serif;
    --outline:2.5px; --outline-bold:3.5px; --outline-heavy:5px;
    --r-md:12px; --r-lg:18px; --r-xl:26px; --pill:999px;
    --sticker:3px 3px 0 var(--black); --sticker-lg:5px 5px 0 var(--black); --sticker-red:4px 4px 0 var(--red); --press:1px 1px 0 var(--black);
    --pop:cubic-bezier(.34,1.56,.64,1);
    --halftone:radial-gradient(rgba(35,31,32,.16) 1px, transparent 1.4px);
    --max:1320px;
  }
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--cream);color:var(--black);font-family:var(--font);font-weight:400;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  h1,h2,h3,h4{margin:0;font-weight:900;line-height:1.1;letter-spacing:-.01em}
  :focus-visible{outline:var(--outline-bold) solid var(--red);outline-offset:3px}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
  .display{font-weight:900;text-transform:uppercase;line-height:1.02;letter-spacing:-.01em}
  .eyebrow{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.16em}
  .halftone{}

  /* buttons */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:12px 22px;border:var(--outline-bold) solid var(--black);border-radius:var(--pill);background:var(--white);color:var(--black);box-shadow:var(--sticker);transition:transform 170ms var(--pop),box-shadow 170ms var(--pop),background 110ms;cursor:pointer;line-height:1.2;white-space:nowrap}
  .btn:hover{transform:translate(-2px,-2px);box-shadow:var(--sticker-lg)}
  .btn:active{transform:translate(2px,2px);box-shadow:var(--press)}
  .btn.red{background:var(--red);color:var(--white)}
  .btn.red:hover{background:var(--red-ink)}
  .btn.yellow{background:var(--yellow)}
  .btn.yellow:hover{background:var(--yellow-ink)}
  .btn.black{background:var(--black);color:var(--cream);box-shadow:var(--sticker-red)}
  .btn.black:hover{box-shadow:6px 6px 0 var(--red)}

  /* chips / badges */
  .chip{display:inline-flex;align-items:center;color:var(--black);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:5px 11px;border:var(--outline) solid var(--black);border-radius:var(--pill);background:var(--white)}
  .chip.red{background:var(--red);color:var(--white)}
  .chip.yellow{background:var(--yellow)}
  .chip.black{background:var(--black);color:var(--cream)}
  .boxlabel{display:inline-block;font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.02em;padding:8px 14px;border:var(--outline-bold) solid var(--black);background:var(--cream);box-shadow:var(--sticker)}

  /* announce */
  .announce{background:var(--black);color:var(--cream);text-align:center;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;padding:10px 16px}
  .announce a{color:var(--yellow);margin-left:10px;border-bottom:2px solid var(--yellow)}

  /* nav */
  .nav{position:sticky;top:0;z-index:50;background:var(--yellow);border-bottom:var(--outline-bold) solid var(--black)}
  .nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100px;gap:16px}
  .menu{display:flex;gap:18px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
  .menu a{padding:6px 2px;border-bottom:3px solid transparent}
  .menu a:hover{border-color:var(--red)}
  .logo img{height:60px;width:auto}
  .navright{display:flex;justify-content:flex-end;position:relative}
  details.dd{position:relative}
  details.dd summary{list-style:none}
  details.dd summary::-webkit-details-marker{display:none}
  details.dd .panel{position:absolute;right:0;top:calc(100% + 12px);background:var(--white);border:var(--outline-bold) solid var(--black);border-radius:var(--r-lg);box-shadow:var(--sticker-lg);min-width:290px;padding:10px;z-index:60}
  .panel .hd{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);padding:8px 12px 4px}
  .panel a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);font-weight:700;font-size:14px}
  .panel a span{font-weight:400;font-size:13px;color:var(--muted)}
  .panel a:hover{background:var(--yellow)}
  .hamb{display:none}

  /* hero */
  .hero{position:relative;overflow:hidden;background:var(--black);min-height:min(82vh,780px);display:flex;align-items:center;padding:72px 0}
  .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
  .hero-inner{position:relative;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px}
  .hero-title{margin:0;width:min(760px,88vw)}
  .d4c{display:block;position:relative;transform:rotate(-3deg);transition:transform 220ms var(--pop);filter:drop-shadow(8px 8px 0 var(--black))}
  .d4c img{width:100%;height:auto;display:block}
  .d4c:hover{transform:rotate(1deg) scale(1.04)}
  .ig-tag{position:absolute;right:-6px;bottom:-14px;background:var(--black);color:var(--yellow);font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.08em;padding:8px 14px;border:var(--outline-bold) solid var(--cream);border-radius:var(--pill);transform:rotate(6deg) scale(0);opacity:0;transition:transform 260ms var(--pop),opacity 120ms}
  .d4c:hover .ig-tag,.d4c:focus-visible .ig-tag{transform:rotate(6deg) scale(1);opacity:1}
  .hero .cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
  .stamp{position:absolute;top:-10px;right:2%;width:150px;height:150px;border-radius:50%;background:var(--red);color:var(--white);border:var(--outline-bold) solid var(--black);box-shadow:var(--sticker);display:grid;place-items:center;text-align:center;font-weight:900;text-transform:uppercase;font-size:15px;line-height:1.05;transform:rotate(10deg);padding:14px;z-index:2}
  .stamp small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;margin-top:4px;color:var(--yellow)}

  /* spiel */
  .spiel{background:var(--yellow);padding:96px 0;text-align:center;border-bottom:var(--outline-bold) solid var(--black)}
  .spiel .wrap{max-width:860px;display:flex;flex-direction:column;align-items:center;gap:20px}
  .spiel .eyebrow{color:var(--red)}
  .spiel h2{font-size:clamp(34px,4.6vw,60px);line-height:1.0}
  .spiel p{font-size:18px;line-height:1.6;max-width:60ch;margin:0}
  .spiel-sign{display:inline-flex;align-items:center;gap:12px;margin-top:10px;padding:10px 20px 10px 12px;background:var(--cream);border:var(--outline-bold) solid var(--black);border-radius:var(--pill);box-shadow:var(--sticker);font-weight:900;text-transform:uppercase;font-size:15px}
  .spiel-sign img{width:30px;height:30px}

  /* ticker */
  .ticker{background:var(--black);color:var(--cream);border-top:var(--outline-bold) solid var(--black);border-bottom:var(--outline-bold) solid var(--black);padding:14px 0;overflow:hidden}
  .ticker .track{display:flex;gap:40px;width:max-content;white-space:nowrap;font-weight:900;text-transform:uppercase;font-size:20px;letter-spacing:.01em;animation:tick 40s linear infinite}
  .ticker .track span{display:inline-flex;align-items:center;gap:40px}
  .ticker .track img{width:22px;height:22px}
  @keyframes tick{to{transform:translateX(-50%)}}

  section{padding:96px 0}
  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:44px}
  .sec-head h2{font-size:clamp(40px,5.6vw,72px)}
  .sec-head .eyebrow{display:block;margin-bottom:10px;color:var(--red)}
  .sec-head p{margin:10px 0 0;max-width:34rem;font-size:16px}

  #menu{background:var(--yellow);}
  #menu .btn.yellow{background:var(--white)}
  #menu .sec-head .eyebrow{color:var(--red)}
  /* menu rail */
  .rail-ctl{display:flex;gap:10px;align-items:center}
  .rail-ctl .btn{padding:10px 16px}
  .rail{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;padding:36px max(28px,calc((100vw - var(--max))/2 + 28px)) 32px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .rail::-webkit-scrollbar{display:none}
  .dish{flex:0 0 clamp(240px,26vw,340px);scroll-snap-align:start;text-align:center;cursor:pointer}
  .cut{position:relative;aspect-ratio:1/1;display:grid;place-items:center;margin-bottom:14px}
  .cut > *{grid-area:1/1;min-width:0;min-height:0}
  .burst{width:78%;height:78%;border-radius:50%;background:var(--red);border:var(--outline-bold) solid var(--black);box-shadow:var(--sticker-lg);transform:scale(0) rotate(-20deg);opacity:0;transition:transform 260ms var(--pop),opacity 120ms;}
  .sealfx{width:34%;height:auto;position:relative;transform:translate(-120%,-95%) scale(0) rotate(-30deg);opacity:0;transition:transform 300ms var(--pop) 60ms,opacity 120ms 60ms;z-index:3}
  .cutout{width:92%;height:92%;max-height:92%;object-fit:contain;position:relative;z-index:2;transition:transform 220ms var(--pop);filter:drop-shadow(5px 5px 0 var(--black))}
  .dish:hover .burst,.dish:focus-within .burst{transform:scale(1) rotate(0);opacity:1}
  .dish:hover .sealfx,.dish:focus-within .sealfx{transform:translate(-120%,-95%) scale(1) rotate(12deg);opacity:1}
  .dish:hover .cutout{transform:translateY(-8px) rotate(-3deg)}
  .dish h3{font-weight:900;text-transform:uppercase;font-size:22px;letter-spacing:-.01em;line-height:1.05}
  .dish p{margin:8px auto 0;max-width:24ch;font-size:14px;color:var(--muted)}
  /* flavors */
  .flavors{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:-8px 0 36px;padding:16px 18px;border:var(--outline-bold) solid var(--black);border-radius:var(--r-lg);background:var(--cream);box-shadow:var(--sticker)}
  .flv-label{font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.02em;margin-right:6px}
  .flv{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1;padding:7px 14px;border:var(--outline) solid var(--black);border-radius:var(--pill);background:var(--white);font-size:11px;color:var(--muted)}
  .flv b{font-weight:700;font-size:13px;color:var(--black);text-transform:uppercase;letter-spacing:.02em}
  .flv.hot{background:var(--black);color:var(--muted-inv)}
  .flv.hot b{color:var(--yellow)}
  .flv.hot b::after{content:" ·";color:var(--red)}
  .card h3 .pr{font-weight:900;font-size:16px;color:var(--red);white-space:nowrap}
  .dips{margin:36px 0 0;padding:14px 18px;border:var(--outline) solid var(--black);border-radius:var(--r-md);background:var(--cream);font-size:14px}

  /* seen-at */
  .seen{background:var(--red);color:var(--white);border-top:var(--outline-bold) solid var(--black);border-bottom:var(--outline-bold) solid var(--black);padding:56px 0}
  .seen .wrap{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
  .seen .logos.media{grid-column:1/-1}
  
  .press-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
  .press-card{display:flex;flex-direction:column;gap:8px;background:var(--cream);color:var(--black);border:var(--outline) solid var(--black);border-radius:var(--r-lg);padding:22px 22px 18px;box-shadow:var(--sticker);transition:transform 170ms var(--pop),box-shadow 170ms var(--pop)}
  .press-card:hover{transform:translate(-2px,-2px);box-shadow:var(--sticker-lg);background:var(--yellow)}
  .press-card .outlet{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--red)}
  .press-card h3{font-size:18px;font-weight:900;line-height:1.15;letter-spacing:-.01em}
  .press-card p{margin:0;font-size:14px;flex:1}
  .press-card .date{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
  .evlogo{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:10px 18px;background:var(--cream);border:var(--outline-bold) solid var(--black);box-shadow:var(--sticker)}
  .evlogo img{height:100%;width:auto;max-width:140px;object-fit:contain}
  .mlogo{display:inline-flex;align-items:center;gap:8px;height:52px;padding:10px 16px;background:var(--cream);border:var(--outline-bold) solid var(--black);box-shadow:var(--sticker)}
  .mlogo img{height:100%;width:auto;max-width:150px;object-fit:contain}
  .mlogo b{font-weight:900;font-size:16px;letter-spacing:.02em}
  .mlogo.txt{font-weight:900;text-transform:uppercase;font-size:15px;letter-spacing:.02em}
  .press-card .outlet img{height:22px;width:auto;max-width:140px;display:block}
  .chip.soc{gap:7px;padding-left:8px}
  .chip.soc img{height:18px;width:auto}
  .ig-tag img{height:16px;width:16px;margin-right:6px;vertical-align:-3px}
  .ig-tag{display:inline-flex;align-items:center}
  .press-note{grid-column:1/-1;margin:8px 0 0;font-weight:700;font-size:13px;color:var(--white)}
  .press-note a{border-bottom:2px solid var(--yellow);color:var(--yellow)}
  .seen h2{font-size:clamp(30px,3.6vw,44px);max-width:12ch;color:var(--white)}
  .seen .logos{display:flex;flex-wrap:wrap;gap:14px}

  /* story (night) */
  .night{background:var(--black);color:var(--cream);padding:0}
  .night .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-top:96px;padding-bottom:96px}
  .night h2{font-size:clamp(40px,5.6vw,72px);color:var(--cream)}
  .night h2 em{font-style:normal;color:var(--yellow)}
  .night p{font-size:17px;max-width:32rem;color:var(--cream)}
  .night .eyebrow{color:var(--yellow)}
  .night .frame{border:var(--outline-heavy) solid var(--cream);border-radius:var(--r-xl);overflow:hidden;box-shadow:8px 8px 0 var(--red);transform:rotate(-1.4deg);max-width:460px;margin:0 auto}
  .night .frame img{width:100%;aspect-ratio:38/50;object-fit:cover;display:block}
  .night .row{display:flex;gap:16px;margin-top:26px}
  .night .row img{width:120px;border:var(--outline) solid var(--cream);border-radius:var(--r-md)}
  .night .row img.jil{width:78px}
  .night .btn{border-color:var(--cream);background:var(--yellow);color:var(--black);box-shadow:3px 3px 0 var(--cream)}
  .night .btn:hover{box-shadow:5px 5px 0 var(--cream)}

  /* locations */
  #locations{background:var(--red);color:var(--white)}
  #locations .sec-head h2{color:var(--white)}
  #locations .sec-head .eyebrow{color:var(--yellow)}
  #locations .chip.black{background:var(--black);color:var(--cream)}
  .locs{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:960px}
  .loc{background:var(--cream);color:var(--black);border:var(--outline-bold) solid var(--black);border-radius:var(--r-xl);box-shadow:var(--sticker-lg);padding:32px;display:flex;flex-direction:column;gap:8px;min-height:230px}
  .loc.new{background:var(--yellow);box-shadow:var(--sticker-lg);transform:rotate(-1deg)}
  .loc.soon{background:transparent;border-style:dashed;border-color:var(--cream);color:var(--cream);box-shadow:none}
  .loc.soon .area{color:var(--yellow)}
  .loc .city{font-weight:900;text-transform:uppercase;font-size:40px;line-height:1.05;letter-spacing:-.01em}
  .loc .area{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
  .loc.new .area{color:var(--black)}
  .loc address{font-style:normal;flex:1;margin-top:6px}
  .loc .links{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
  .loc .links .btn{padding:8px 16px;font-size:13px}

  /* catering */
  .cater .box{display:grid;grid-template-columns:1fr 1fr;border:var(--outline-heavy) solid var(--black);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sticker-lg);background:var(--white)}
  .cater .box > div{padding:56px 48px;display:flex;flex-direction:column;justify-content:center}
  .cater .box img{width:100%;height:100%;object-fit:cover;border-left:var(--outline-heavy) solid var(--black)}
  .cater h2{font-size:clamp(36px,4.6vw,56px)}
  .cater h2 span{color:var(--red)}
  .cater p{font-size:17px;max-width:30rem;margin:16px 0 26px}

  /* newsletter */
  .news{background:var(--black);color:var(--cream);border-top:var(--outline-bold) solid var(--black);border-bottom:var(--outline-bold) solid var(--black);padding:72px 0}
  .news .eyebrow{color:var(--yellow)}
  .news .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
  .news h2{font-size:clamp(32px,4vw,48px);color:var(--cream)}
  .news form{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
  .news-art{border:var(--outline-heavy) solid var(--cream);border-radius:var(--r-xl);overflow:hidden;box-shadow:8px 8px 0 var(--red);transform:rotate(1.4deg)}
  .news-art img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
  .news input{flex:1;min-width:220px;background:var(--cream);border:var(--outline-bold) solid var(--cream);border-radius:var(--pill);padding:12px 18px;font:500 15px var(--font);color:var(--black);box-shadow:var(--sticker)}
  .news .fine{margin:12px 0 0;color:var(--cream);font-size:13px;font-weight:500}
  .news .social{display:flex;gap:10px}
  .news .social .chip{background:var(--cream)}

  /* footer */
  footer{padding:56px 0 32px;color:var(--black)}
  footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px}
  footer h4{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px}
  footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px}
  footer a:hover{color:var(--red)}
  footer .fb img{height:72px;width:auto}
  footer .fb p{margin:14px 0 0;max-width:28rem;font-size:14px}
  footer .social{display:flex;gap:10px;margin-top:16px}
  footer .bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:var(--outline) solid var(--black);padding-top:18px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.1em}

  @media (max-width:960px){
    .night .wrap,.news .wrap,.cater .box,.seen .wrap{grid-template-columns:1fr}
    .locs{grid-template-columns:repeat(2,1fr)}
    .cater .box img{border-left:0;border-top:var(--outline-heavy) solid var(--black);aspect-ratio:16/10}
    .nav .wrap{grid-template-columns:auto 1fr auto;height:84px}
    .menu{display:none}
    .hamb{display:inline-flex}
    .logo img{height:44px}
    footer .cols{grid-template-columns:1fr 1fr}
  }
  @media (max-width:600px){
    .locs,.press-grid{grid-template-columns:1fr}
    section{padding:64px 0}
    .stamp{width:110px;height:110px;font-size:12px;top:-40px;right:0}
    .d4c{filter:drop-shadow(5px 5px 0 var(--black))}
    footer .cols{grid-template-columns:1fr}
    .btn{white-space:normal}
  }
  @media (prefers-reduced-motion:reduce){.ticker .track{animation:none}}

  /* subpages */
  .page-head{background:var(--yellow);border-bottom:var(--outline-bold) solid var(--black);padding:72px 0 56px}
  .page-head h1{font-size:clamp(44px,7vw,96px);line-height:.95}
  .page-head p{font-size:18px;max-width:40rem;margin:14px 0 0}
  .page-head .eyebrow{color:var(--red)}
  .menu-sec{padding:64px 0;border-bottom:var(--outline) solid var(--black)}
  .menu-sec:nth-of-type(even){background:var(--cream)}
  .menu-sec h2{font-size:clamp(30px,4vw,48px);margin-bottom:6px}
  .menu-sec .note{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin:0 0 24px}
  .menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
  .mi{background:var(--white);border:var(--outline) solid var(--black);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--sticker)}
  .mi h3{font-size:19px;font-weight:700;letter-spacing:0;line-height:1.2}
  .mi p{margin:6px 0 0;font-size:14px;color:var(--muted)}
  .mi .sizes{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
  .mi .sizes .chip{font-size:11px;padding:3px 9px}
  .menu-sec.dark{background:var(--black);color:var(--cream)}
  .menu-sec.dark h2{color:var(--cream)} .menu-sec.dark .note{color:var(--yellow)}
  .menu-sec.dark .mi{background:var(--night,#3A3436);background:var(--black-soft);color:var(--cream);border-color:var(--cream);box-shadow:3px 3px 0 var(--cream)}
  .menu-sec.dark .mi p{color:var(--muted-inv)}
  .menu-sec.red{background:var(--red);color:var(--white)} .menu-sec.red h2{color:var(--white)} .menu-sec.red .note{color:var(--yellow)}
  .menu-sec.red .mi{background:var(--cream);color:var(--black)}
  .loc-page{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .loc-card{background:var(--white);border:var(--outline-bold) solid var(--black);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sticker-lg)}
  .loc-card iframe{width:100%;height:280px;border:0;border-bottom:var(--outline-bold) solid var(--black);display:block;filter:grayscale(.2) contrast(1.05)}
  .loc-card .body{padding:24px 26px 28px}
  .loc-card .city{font-weight:900;text-transform:uppercase;font-size:34px;line-height:1}
  .loc-card .area{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--red);margin-top:4px}
  .loc-card address{font-style:normal;margin:14px 0 6px;font-size:16px}
  .loc-card .hrs{font-weight:700;margin:0 0 16px}
  .loc-card .links{display:flex;gap:10px;flex-wrap:wrap}
  .form{display:grid;gap:14px;max-width:640px}
  .form label{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.1em;display:grid;gap:6px}
  .form input,.form textarea,.form select{font:500 15px var(--font);color:var(--black);background:var(--white);border:var(--outline) solid var(--black);border-radius:var(--r-md);padding:12px 14px;box-shadow:var(--sticker)}
  .form textarea{min-height:120px;resize:vertical}
  .form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .two{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}
  .prose{font-size:17px;line-height:1.65;max-width:62ch}
  .prose p{margin:0 0 18px}
  .prose h2{font-size:clamp(28px,3.6vw,44px);margin:34px 0 12px}
  .prose blockquote{margin:24px 0;padding:18px 22px;background:var(--yellow);border:var(--outline-bold) solid var(--black);border-radius:var(--r-lg);box-shadow:var(--sticker);font-weight:900;text-transform:uppercase;font-size:20px;line-height:1.15}
  .frame-img{border:var(--outline-heavy) solid var(--black);border-radius:var(--r-xl);overflow:hidden;box-shadow:8px 8px 0 var(--red);background:var(--black)}
  .frame-img img{width:100%;display:block}
  .mascots{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
  .mascot{background:var(--white);border:var(--outline) solid var(--black);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sticker)}
  .mascot h3{font-size:22px;text-transform:uppercase} .mascot p{font-size:14px;margin:8px 0 0}
  .press-page .press-grid{margin-top:0}
  .press-page .press-card{background:var(--white)}
  .contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px}
  .cbox{background:var(--white);border:var(--outline) solid var(--black);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sticker)}
  .cbox h3{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin-bottom:8px}
  .cbox a.big{font-weight:700;font-size:18px;border-bottom:2px solid var(--red)}
  @media (max-width:1100px){.menu{gap:12px;font-size:12px}}
  @media (max-width:900px){.loc-page,.two,.mascots,.form .row{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}}

  /* round Chim badge */
  .round-chim{width:200px;height:auto;filter:drop-shadow(6px 6px 0 var(--black));transform:rotate(-4deg);transition:transform 220ms var(--pop)}
  .round-chim:hover{transform:rotate(2deg) scale(1.04)}
  .page-head.has-badge .wrap{position:relative}
  .page-head.has-badge h1,.page-head.has-badge > .wrap > p{max-width:calc(100% - 320px)}
  .round-chim.side{position:absolute;right:28px;top:-10px;width:260px;transform:rotate(5deg)}
  @media (max-width:900px){.page-head.has-badge .wrap{padding-right:28px}.round-chim.side{position:static;width:180px;margin-bottom:16px}.round-chim{width:160px}}

  /* location strip (home) */
  .locstrip{padding:56px 0;border-top:var(--outline-bold) solid var(--black)}
  .locstrip .wrap{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:stretch}
  .ls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--white);border:var(--outline) solid var(--black);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--sticker)}
  .ls b{font-weight:900;text-transform:uppercase;font-size:18px}
  .ls > span:not(.chip){color:var(--muted);font-size:14px;flex:1}
  .ls .btn{padding:9px 16px;font-size:13px}
  .ls.more{background:transparent;border:0;box-shadow:none;padding:0;justify-content:center}
  /* readable menu */
  .menu-wrap{padding-top:56px;padding-bottom:72px;display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;align-items:start}
  .mblock{padding:0;background:var(--white);border:var(--outline) solid var(--black);border-radius:var(--r-lg);box-shadow:var(--sticker);overflow:hidden}
  .mblock.hl{background:var(--yellow)}
  .mhead{padding:18px 22px 12px;border-bottom:var(--outline) solid var(--black)}
  .mhead h2{font-size:24px;line-height:1}
  .mhead .note{margin:4px 0 0;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--red)}
  .mlist{list-style:none;margin:0;padding:6px 22px 14px}
  .mlist li{padding:11px 0;border-bottom:1.5px dashed rgba(35,31,32,.25)}
  .mlist li:last-child{border-bottom:0}
  .mlist .nm{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
  .mlist .nm b{font-weight:700;font-size:16px}
  .mlist p{margin:3px 0 0;font-size:13.5px;color:var(--muted)}
  .sz-wrap{display:inline-flex;gap:5px;flex-wrap:wrap}
  .sz{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border:2px solid var(--black);border-radius:var(--pill);background:var(--cream);color:var(--black)}
  .mblock.hl .sz{background:var(--white)}
  .menu-cta{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:8px}
  .menu-cta p{flex-basis:100%;margin:8px 0 0;font-size:13px;color:var(--muted)}
  .ig-cta{margin-top:36px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--yellow);border:var(--outline-bold) solid var(--black);border-radius:var(--r-xl);padding:22px 26px;box-shadow:var(--sticker-lg)}
  .ig-cta img{width:48px;height:48px}
  .ig-cta div{flex:1;display:grid;gap:2px} .ig-cta b{font-weight:900;text-transform:uppercase;font-size:18px} .ig-cta span{font-size:15px}
  @media (max-width:900px){.locstrip .wrap,.menu-wrap{grid-template-columns:1fr}}

  /* ===== flavor board ===== */
  .fboard{margin:8px 0 32px}
  .fhead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:22px}
  .fh{margin:0;line-height:1}
  .fhead p{margin:0 0 8px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.14em;max-width:26ch;text-align:right}
  /* Bulgers headline — DOWN 4 CHICKEN? style */
  .blob{display:inline-block;font-family:"Bulgers",var(--font);font-weight:400;text-transform:uppercase;font-size:clamp(30px,4.2vw,58px);line-height:1;color:var(--yellow);paint-order:stroke fill;-webkit-text-stroke:5px var(--black);background:var(--red);padding:.32em .7em .28em;border-radius:999px;transform:rotate(-2deg);filter:drop-shadow(5px 5px 0 var(--black));letter-spacing:.01em;white-space:nowrap}
  @media (max-width:560px){.blob{white-space:normal;font-size:28px;-webkit-text-stroke:3px var(--black)}}

  /* ===== flavor row: traced drumsticks ===== */
  .frow{display:flex;justify-content:space-between;gap:6px;align-items:flex-start}
  .fbtn{flex:1 1 0;min-width:0;background:none;border:0;padding:6px 2px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font:inherit;color:var(--black);border-radius:var(--r-md);transition:transform 220ms var(--pop)}
  .dstk{display:block;width:min(70px,100%);height:auto;overflow:visible;filter:drop-shadow(4px 4px 0 var(--black));transition:transform 260ms var(--pop)}
  .dstk .meat{fill:var(--cream-deep)}
  .dstk .meat-line{fill:none;stroke:var(--black);stroke-width:3.2;stroke-linejoin:round}
  .dstk .specks{fill:rgba(35,31,32,.55);opacity:.35;transition:opacity 200ms}
  .dstk .shine{fill:none;stroke:rgba(255,255,255,.85);stroke-width:3.5;stroke-linecap:round;opacity:0;transition:opacity 200ms 220ms}
  .dstk .liq{fill:var(--c);transform:translateY(100%);transform-box:fill-box;transition:transform 520ms cubic-bezier(.2,.8,.2,1)}
  .fbtn b{font-family:"Bulgers",var(--font);font-weight:400;text-transform:uppercase;font-size:clamp(12px,1.15vw,16px);line-height:1;letter-spacing:.02em;text-align:center;white-space:nowrap;color:var(--c);paint-order:stroke fill;-webkit-text-stroke:1.5px var(--black);transition:transform 160ms var(--pop)}
  .fbtn small{font-weight:700;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center;line-height:1.1;max-width:12ch}
  .fbtn:hover,.fbtn:focus-visible{transform:translateY(-6px)}
  .fbtn:hover .dstk,.fbtn:focus-visible .dstk{transform:rotate(-7deg) scale(1.08);animation:crunch 360ms var(--pop)}
  @keyframes crunch{0%{transform:rotate(-7deg) scale(1.08)}30%{transform:rotate(-10deg) scale(1.12)}55%{transform:rotate(-5deg) scale(1.06)}100%{transform:rotate(-7deg) scale(1.08)}}
  .fbtn:hover .liq,.fbtn:focus-visible .liq{transform:translateY(0)}
  .fbtn:hover .specks{opacity:.75}
  .fbtn:hover .shine{opacity:1}
  .fbtn:hover b{transform:scale(1.08)}
  .fbtn:focus-visible{outline:var(--outline-bold) solid var(--red);outline-offset:2px}
  @media (max-width:900px){.frow{flex-wrap:wrap;justify-content:center;gap:4px 10px}.fbtn{flex:0 0 calc(33.33% - 10px)}.dstk{width:60px}.fbtn b{font-size:13px}}
  @media (prefers-reduced-motion:reduce){.fbtn,.dstk,.dstk .liq{transition:none;animation:none}}

  /* round-chim order button in nav */
  .order-logo{position:relative;display:inline-block;cursor:pointer;list-style:none;user-select:none;padding-bottom:6px}
  .order-logo img{height:64px;width:auto;filter:drop-shadow(3px 3px 0 var(--black));transition:transform 220ms var(--pop)}
  .otag{position:absolute;left:50%;bottom:0;transform:translateX(-50%) rotate(-4deg);background:var(--black);color:var(--yellow);font-weight:900;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:3px 9px;border-radius:var(--pill);border:2px solid var(--cream);white-space:nowrap;transition:transform 170ms var(--pop)}
  .order-logo:hover .otag{transform:translateX(-50%) rotate(2deg) scale(1.08)}
  .order-logo:hover img{transform:rotate(-6deg) scale(1.08)}
  details.dd[open] .order-logo img{transform:rotate(6deg) scale(1.05)}
  @media (max-width:900px){.order-logo img{height:50px}.order-logo span{font-size:13px}}
  /* flavor name legibility: black Poppins, color as underline chip */
  .fbtn b{font-family:var(--font);font-weight:900;font-size:clamp(11px,1vw,14px);letter-spacing:-.01em;color:var(--black);-webkit-text-stroke:0;paint-order:normal;padding:4px 8px 3px;border:2px solid var(--black);border-radius:var(--pill);background:var(--white);box-shadow:2px 2px 0 var(--black)}
  .fbtn:hover b{background:var(--c);color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--black)}
  .fbtn[style*="#E9A63A"]:hover b,.fbtn[style*="#E36A2B"]:hover b{color:var(--black)}

  .fbtn b{white-space:normal;max-width:100%;text-align:center;line-height:1.05}
  .frow{gap:10px}
  .fbtn{padding:6px 0 4px}

  /* ===== Option F: film grain + riso misprint ===== */
  body::after{content:"";position:fixed;inset:-10%;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.2;mix-blend-mode:overlay}
  .page-head::before,.spiel::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,235,198,.28),transparent 32%)}
  .page-head,.spiel{position:relative}
  /* misprint: red offset on light grounds */
  .spiel h2,.page-head h1,.sec-head h2,.news h2,.seen h2,.mhead h2,.prose h2,.cater h2{text-shadow:3px 3px 0 var(--red)}
  .seen h2,#locations .sec-head h2,.menu-sec.red h2{text-shadow:3px 3px 0 var(--black)}
  .news h2{text-shadow:3px 3px 0 var(--red)}
  .mhead h2{text-shadow:2px 2px 0 var(--red)}
  .dish h3{text-shadow:2px 2px 0 var(--red)}
  .ticker .track{text-shadow:2px 2px 0 var(--red)}
  .loc .city,.loc-card .city{text-shadow:2px 2px 0 var(--red)}
  .loc.new .city{text-shadow:2px 2px 0 var(--white)}
  @media (prefers-reduced-motion:reduce){body::after{opacity:.14}}

  /* order button: text on the rim, logo untouched */
  .order-logo{padding:0}
  .order-logo .otag{display:none}
  .order-logo .ring{position:relative;display:block;width:88px;height:88px}
  .order-logo .ring img{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);filter:drop-shadow(2px 2px 0 var(--black));transition:transform 220ms var(--pop)}
  .order-logo .ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform-origin:50% 50%;overflow:visible;animation:orbit 9s linear infinite;animation-play-state:paused}
  .order-logo .ring .band{fill:none;stroke:var(--black);stroke-width:12}
  .order-logo .ring .rt{font-family:var(--font);font-weight:900;font-size:11.5px;letter-spacing:0;fill:var(--yellow);dominant-baseline:middle}
  .order-logo:hover .ring svg,.order-logo:focus-visible .ring svg,details.dd[open] .ring svg{animation-play-state:running}
  .order-logo:hover .ring img{transform:translate(-50%,-50%) rotate(-6deg) scale(1.08)}
  @keyframes orbit{to{transform:rotate(360deg)}}
  @media (max-width:900px){.order-logo .ring{width:70px;height:70px}.order-logo .ring img{width:42px;height:42px}}
  @media (prefers-reduced-motion:reduce){.order-logo .ring svg{animation:none}}

  .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

  .faq{display:grid;gap:10px;margin:8px 0 20px}
  .fq{background:var(--white);border:var(--outline) solid var(--black);border-radius:var(--r-md);box-shadow:var(--sticker)}
  .fq summary{cursor:pointer;font-weight:700;padding:12px 16px;list-style:none;display:flex;justify-content:space-between;gap:12px}
  .fq summary::-webkit-details-marker{display:none}
  .fq summary::after{content:"+";font-weight:900;color:var(--red)}
  .fq[open] summary::after{content:"–"}
  .fq p{margin:0;padding:0 16px 14px;font-size:15px}