:root{
  color-scheme:light only;
  --red:#B21116; --red-bright:#E2333A; --ink:#0B0B0B; --paper:#FFFFFF; --foil:#EDEBE6; --muted:#55534E; --rule:#d9d6cf; --veg:#2E7D32;
  --shout:'Anton',Impact,'Arial Narrow Bold',sans-serif;
  --body:'Barlow Condensed','Arial Narrow',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --origin:'GFS Didot',Georgia,serif;
  --gutter:clamp(16px,4vw,56px);
  --line:3px solid var(--ink);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:600;font-size:20px;line-height:1.25}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.up{text-transform:uppercase}
.dot{color:var(--red)}
.mono{font-family:var(--mono);font-weight:400;letter-spacing:.14em;font-size:13px;text-transform:uppercase}
.wrap{max-width:1440px;margin:0 auto}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--shout);font-weight:400;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;font-size:clamp(18px,1.8vw,26px);padding:.65em 1.3em;border:3px solid var(--ink);line-height:1;transition:transform .15s ease, background .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-red{background:var(--red);color:#fff;border-color:var(--red)}
.btn-red:hover{background:#8e0d11;border-color:#8e0d11}
.btn:focus-visible,.tab:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:3px}

/* marquee */
.marquee{background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;height:38px;display:flex;align-items:center}
.marquee-track{display:inline-flex;gap:40px;padding-left:40px;animation:scroll 40s linear infinite}
.marquee-track span{font-family:var(--mono);font-size:13px;letter-spacing:.16em}
.marquee-track i{color:var(--red-bright);font-style:normal}
@keyframes scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}

/* nav */
.nav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:var(--line)}
.nav .wrap{height:84px;display:flex;align-items:center;padding:0 var(--gutter);gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:54px;height:54px}
.brand b{font-family:var(--shout);font-weight:400;font-size:26px;line-height:1;display:block}
.brand small{font-family:var(--mono);font-size:10px;letter-spacing:.35em;color:var(--red);display:block;margin-top:3px}
.nav-links{margin-left:auto;display:flex;gap:34px;font-weight:700;font-size:21px;letter-spacing:.04em}
.nav-links a{text-decoration:none}
.nav-links a:hover{color:var(--red)}
.nav .btn{margin-left:28px;font-size:20px;padding:.6em 1.1em}
.menu-toggle{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}
.menu-toggle span{display:block;width:26px;height:3px;background:var(--ink);margin:5px 0}

/* hero */
.hero{border-bottom:var(--line);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:56px var(--gutter) 40px;gap:20px;min-height:660px}
.hero h1{font-family:var(--shout);font-weight:400;font-size:clamp(84px,11.5vw,172px);line-height:.84;letter-spacing:-.02em;margin:18px 0 20px}
.origin{font-family:var(--origin);font-size:clamp(17px,2vw,28px);color:#2b2a27;margin:0 0 28px;font-weight:400}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-art{width:100%;max-width:600px;justify-self:end}
.hero-art img{width:100%;height:auto}
.ring{position:absolute;right:4%;top:4%;width:76%;aspect-ratio:1;border-radius:50%;border:clamp(9px,1.2vw,16px) solid var(--red);background:#fff;overflow:hidden}
.ring img{position:absolute;width:132%;max-width:none;left:-22%;top:6%}
.kebab{position:absolute;width:106%;max-width:none;left:-6%;top:18%;filter:drop-shadow(0 8px 12px rgba(0,0,0,.18))}

/* open-now strip */
.status{display:inline-flex;align-items:center;gap:10px;font-family:var(--shout);font-weight:400;font-size:20px;letter-spacing:.02em}
.hours-pop{margin-top:22px}
.hours-pop summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:16px;flex-wrap:wrap}
.hours-pop summary::-webkit-details-marker{display:none}
.see-hours{font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--red);padding-bottom:1px}
.hours-pop[open] .caret{display:inline-block;transform:rotate(180deg)}
.hours-list{display:inline-grid;grid-template-columns:auto auto;gap:4px 28px;justify-content:start;margin-top:12px;padding:12px 16px;border:2px solid var(--ink);font-size:19px;font-weight:700;text-transform:uppercase}
.hours-list span:nth-child(even){font-family:var(--shout);font-weight:400;color:var(--red)}
.foot-hours{display:flex;gap:22px;justify-content:flex-end;flex-wrap:wrap;font-size:18px;font-weight:600;text-transform:uppercase;color:#cfcac0}
.foot-hours b{display:inline;font-family:var(--body);font-size:inherit;line-height:inherit;color:#fff;font-weight:700}
.status i{width:12px;height:12px;border-radius:50%;background:var(--veg);display:inline-block}
.status.closed i{background:var(--red)}

/* sections */
section{border-bottom:var(--line)}
.sec{padding:64px var(--gutter)}
.sec-title{font-family:var(--shout);font-weight:400;font-size:clamp(60px,8vw,120px);line-height:.86;letter-spacing:-.015em;margin:0}
.h2{font-family:var(--shout);font-weight:400;font-size:clamp(34px,3vw,42px);line-height:1;margin:0;padding-bottom:8px;border-bottom:2px solid var(--ink)}

/* menu tabs */
.menu-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.menu-hint{margin:0;font-family:var(--shout);font-weight:400;font-size:clamp(18px,1.8vw,26px);color:var(--muted)}
.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:34px}
.tab{display:flex;align-items:center;gap:14px;text-align:left;font-family:var(--body);background:#fff;color:var(--ink);border:3px solid var(--ink);padding:10px 16px 10px 10px;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease}
.tab:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--ink)}
.tab .thumb{width:72px;height:72px;flex:none;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tab .thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.tab .tl{display:flex;flex-direction:column;gap:3px;min-width:0}
.tab b{font-family:var(--shout);font-weight:400;font-size:clamp(20px,2vw,30px);line-height:1;text-transform:uppercase}
.tab small{font-size:16px;font-weight:600;text-transform:uppercase;color:var(--muted)}
.tab .arrow{margin-left:auto;font-family:var(--shout);font-size:26px;color:var(--red)}
.tab[aria-selected="true"]{background:var(--ink);color:#fff;box-shadow:0 6px 0 var(--red)}
.tab[aria-selected="true"] small{color:#cfcac0}
.tab[aria-selected="true"] .arrow{transform:rotate(90deg);color:#fff}
.next-menu{display:block;width:100%;margin-top:40px;background:#fff;border:3px solid var(--ink);font-family:var(--shout);font-size:clamp(22px,2.4vw,32px);text-transform:uppercase;padding:18px;cursor:pointer;color:var(--ink)}
.next-menu:hover{background:var(--ink);color:#fff}
.panel[hidden]{display:none}

/* build */
.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1.35fr;align-items:stretch}
.chev{display:flex;align-items:center;justify-content:center;width:40px}
.step{border:3px solid var(--ink);padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.step-h{display:flex;align-items:center;gap:12px;font-family:var(--shout);font-size:40px;line-height:1;font-weight:400}
.num{width:50px;height:50px;border-radius:50%;background:var(--red);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:30px;flex:none}
.row{display:flex;justify-content:space-between;align-items:baseline;font-size:32px;font-weight:700}
.price{font-family:var(--shout);font-weight:400;color:var(--red)}
.fill{font-size:32px;font-weight:700;line-height:1.15}
.veg{color:var(--veg);font-size:.65em;margin-left:.2em}
.style b{display:block;font-size:30px;line-height:1}
.style span{display:block;font-size:20px;line-height:1.2;margin-top:3px}

.combo{position:relative;margin-top:28px;background:var(--red);color:#fff;display:flex;align-items:center;gap:18px;padding:16px 260px 16px 26px;min-height:96px}
.combo .plus{width:54px;height:54px;border-radius:50%;background:#fff;flex:none;display:flex;align-items:center;justify-content:center}
.combo b{font-family:var(--shout);font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1;display:block}
.combo small{font-size:21px;letter-spacing:.04em}
.combo .cp{margin-left:auto;font-family:var(--shout);font-size:clamp(24px,2.8vw,40px)}
.combo img{position:absolute;right:22px;bottom:-26px;height:150px;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}

.extras{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;margin-top:44px}
.extras details{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:14px 0}
.extras summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-family:var(--shout);font-weight:400;font-size:30px}
.extras summary::-webkit-details-marker{display:none}
.extras summary::after{content:'+';font-size:30px}
.extras details[open] summary::after{content:'–'}
.extras p{margin:10px 0 0;font-size:21px}

.cards{display:grid;gap:28px;margin-top:20px}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card .pic{height:200px;display:flex;align-items:flex-end;justify-content:center}
.card .pic img{width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;transform-origin:center bottom}
.card h3{text-transform:uppercase;font-family:var(--shout);font-weight:400;font-size:32px;line-height:1;margin:12px 0 4px}
.card h3 small{font-family:var(--body);font-weight:600;font-size:20px;text-transform:uppercase}
.card .p{font-family:var(--shout);color:var(--red);font-size:24px;line-height:1.1}
.card p{margin:4px 0 0;font-size:20px;line-height:1.2}
.note{font-style:italic;font-weight:800;color:var(--red);text-transform:uppercase}
.block-gap{margin-top:52px}

.strip{margin-top:40px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:24px;padding:16px 26px;flex-wrap:wrap}
.strip img{width:76px;height:auto}
.strip b{font-family:var(--shout);font-weight:400;font-size:28px}
.strip b em{font-style:normal;color:var(--red-bright)}
.strip p{margin:2px 0 0;font-size:17px;font-weight:500}
.strip .drinks{margin-left:auto}

/* canteen / desserts */
.feature{border:3px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;min-height:420px;overflow:hidden}
.feature .txt{padding:36px 40px;display:flex;flex-direction:column;gap:10px}
.tag{align-self:flex-start;background:var(--ink);color:#fff;font-family:var(--mono);font-size:13px;letter-spacing:.08em;padding:5px 10px;text-transform:uppercase}
.feature h3{font-family:var(--shout);font-weight:400;font-size:clamp(56px,6vw,96px);line-height:.88;margin:0}
.feature .big{font-family:var(--shout);font-size:clamp(44px,4vw,64px);color:var(--red);line-height:1}
.feature .pic{display:flex;align-items:flex-end;justify-content:center;padding:16px}
.feature .pic img{max-height:420px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.feature.dark{background:var(--ink);color:#fff}
.feature.dark .tag{background:var(--red)}
.feature.dark .big,.feature.dark .note{color:var(--red-bright)}
.feature.dark .pic{padding:0}
.feature.dark .pic{position:relative}
.feature.dark .pic img,.feature.dark .pic video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;mix-blend-mode:normal}
@media (min-width:721px){
  .feature.dark{height:520px;grid-template-columns:1.1fr 1fr}
  .feature.dark .txt{justify-content:center;padding:48px 56px;gap:14px}
  .feature.dark h3{font-size:clamp(56px,5.6vw,84px)}
  .feature.dark .feature-desc{font-size:22px;line-height:1.3;max-width:420px}
  .feature.dark .note{font-size:28px}
}
.tuesday{margin-top:30px;background:var(--red);color:#fff;display:flex;align-items:center;gap:22px;padding:14px 26px;position:relative;min-height:90px;overflow:visible}
.tuesday b{font-family:var(--shout);font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1}
.tuesday b .dot{color:#fff}
.tuesday span{font-family:var(--shout);font-size:clamp(20px,2vw,28px)}
.tuesday img{position:absolute;right:22px;bottom:-18px;height:118px;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
.promo{background:var(--red);color:#fff;text-align:center;padding:10px 16px;font-size:18px;letter-spacing:.04em}
.promo b{font-family:var(--shout);font-weight:400}
.promo[hidden]{display:none}
.spit{display:grid;grid-template-columns:1fr 1fr}
.spit .photo{min-height:480px;border-right:var(--line)}
.spit .txt{padding:60px var(--gutter);display:flex;flex-direction:column;justify-content:center;gap:18px;align-items:flex-start}
.spit h2{font-family:var(--shout);font-weight:400;font-size:clamp(60px,7vw,110px);line-height:.86;margin:0}
.spit p{font-size:26px;line-height:1.25;margin:0;max-width:520px}
.feat-oreo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:30px}
.item{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;padding:20px 0;border-top:2px solid var(--ink)}
.item .pic{height:150px;display:flex;align-items:center;justify-content:center}
.item .pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.item h3{font-family:var(--shout);font-weight:400;font-size:30px;line-height:1;margin:0}
.item h3 span{font-family:var(--origin);font-size:20px;text-transform:none}
.item .p{font-family:var(--shout);color:var(--red);font-size:24px;margin:4px 0}
.item p{margin:0;font-size:19px;line-height:1.2}

/* split panels */
.split{display:grid;grid-template-columns:1fr 1fr}
.split > *{min-height:460px}
.split > :first-child{border-right:var(--line)}
.photo{position:relative;overflow:hidden;background:#222}
.photo img,.photo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sticker{position:absolute;left:30px;bottom:30px;transform:rotate(-5deg);transform-origin:left;background:#fff;color:var(--ink);font-style:italic;font-weight:800;font-size:clamp(20px,2.2vw,32px);padding:6px 14px;text-transform:uppercase}
.visit{padding:56px var(--gutter);display:flex;flex-direction:column;gap:22px}
.addr{font-size:30px;font-weight:700;line-height:1.2;text-transform:uppercase;margin:0}
.hours{display:grid;grid-template-columns:auto auto;gap:6px 40px;justify-content:start;font-size:28px;font-weight:700;text-transform:uppercase}
.hours span:nth-child(even){font-family:var(--shout);font-weight:400;color:var(--red)}
.feat-oreo{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.feat-oreo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feat-oreo::after{content:'';position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.feat-oreo .txt{position:absolute;left:40px;bottom:36px;z-index:1}
.feat-oreo h3{font-family:var(--shout);font-weight:400;font-size:clamp(48px,5vw,72px);line-height:.9;margin:4px 0 8px}

/* story */
.story{display:grid;grid-template-columns:600px 1fr}
.story .photo{min-height:620px;border-right:var(--line)}
.story .txt{padding:60px var(--gutter);display:flex;flex-direction:column;gap:20px}
.story h2{font-family:var(--shout);font-weight:400;font-size:clamp(56px,6.5vw,92px);line-height:.86;margin:0}
.story .lead{font-size:30px;font-weight:700;text-transform:uppercase;margin:0}
.story p{font-size:26px;line-height:1.3;margin:0;max-width:680px}
.ingredients{border:2px solid var(--ink);padding:12px 16px;font-family:var(--mono);font-size:14px;line-height:1.6;max-width:680px;margin-top:auto}

/* instagram */
.ig-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.ig-head h2{font-family:var(--shout);font-weight:400;font-size:clamp(20px,6.4vw,64px);margin:0;overflow-wrap:anywhere}
.link{font-family:var(--shout);font-size:22px;text-decoration:none;border-bottom:3px solid var(--red);text-transform:uppercase}
.ig{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.ig a{aspect-ratio:4/5;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff}
.ig img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.ig img.contain{object-fit:contain;width:86%;height:86%}
.ig a:hover img{transform:scale(1.05)}

/* footer */
footer{background:var(--ink);color:#fff;padding:52px var(--gutter) 52px}
footer .wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
footer img{width:80px;height:80px}
footer b{font-family:var(--shout);font-weight:400;font-size:40px;line-height:1;display:block}
footer b em{font-style:normal;color:var(--red-bright)}
footer .mono{color:#cfcac0}
footer .right{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:6px}
footer .right a{text-decoration:none;font-size:22px}
footer .right .mono a{font-size:14px;color:#cfcac0}

.order-bar{display:none}

/* ---------- tablet ---------- */
@media (max-width:1100px){
  .nav-links{display:none}
  .steps{grid-template-columns:1fr 1fr;gap:16px}
  .chev{display:none}
  .step:last-child{grid-column:1/-1}
  .cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .story{grid-template-columns:1fr}
  .story .photo{min-height:360px;border-right:0;border-bottom:var(--line)}
  .list{grid-template-columns:1fr}
  .ig{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ---------- phone ---------- */
@media (max-width:720px){
  body{font-size:18px;padding-bottom:74px}
  .nav .wrap{height:64px}
  .brand img{width:40px;height:40px}
  .brand b{font-size:20px}
  .nav .btn{display:none}
  .menu-toggle{display:block}
  .nav.open .nav-links{display:flex;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;gap:0;border-bottom:var(--line)}
  .nav.open .nav-links a{padding:16px var(--gutter);border-top:1px solid var(--rule);font-size:24px}
  .hero .wrap{grid-template-columns:1fr;min-height:0;padding-top:28px;padding-bottom:24px}
  .hero h1{font-size:clamp(70px,22vw,96px);margin:10px 0 12px}
  .hero-art{justify-self:center;max-width:380px;order:2}
  .ring{right:auto;left:12%;width:72%}
  .hero-copy{display:contents}
  .hero-ctas{order:3;flex-direction:column}
  .hero-ctas .btn{width:100%}
  .hours-pop{order:4}
  .sec{padding:40px var(--gutter)}
  .tabs{gap:8px;margin-bottom:24px}
  .tab{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:8px 4px 10px}
  .tab .thumb{width:58px;height:58px}
  .tab b{font-size:16px}
  .tab small,.tab .arrow{display:none}
  .next-menu{font-size:20px;padding:14px}
  .steps{grid-template-columns:1fr}
  .step-h{font-size:30px}
  .num{width:38px;height:38px;font-size:22px}
  .row,.fill{font-size:24px}
  .style b{font-size:22px}
  .style span{font-size:16px}
  .combo{padding:14px 120px 14px 14px;min-height:84px;gap:12px}
  .combo .plus{width:38px;height:38px}
  .combo .plus svg{width:18px;height:18px}
  .combo small{font-size:15px}
  .combo .cp{display:none}
  .combo .cpm{display:block;font-size:15px}
  .combo img{height:88px;right:-6px;bottom:-12px}
  .extras{grid-template-columns:1fr;gap:0;margin-top:30px}
  .extras details+details{border-top:0}
  .extras summary{font-size:24px}
  .extras p{font-size:17px}
  .cards-3{grid-template-columns:1fr;gap:0}
  .cards-3 .card{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule)}
  .cards-3 .card .pic{height:100px;align-items:center}
  .cards-3 .card .pic img{max-height:100px}
  .cards-3 .card h3{margin-top:0}
  .card h3{font-size:24px}
  .card .p{font-size:19px}
  .card p{font-size:16px}
  .cards-4{gap:18px 14px}
  .card .pic{height:110px}
  .card .pic img{max-height:110px}
  .strip{gap:12px;flex-direction:column;align-items:flex-start}
  .strip .drinks{margin-left:0}
  .tuesday{padding:12px 110px 12px 14px;flex-direction:column;align-items:flex-start;gap:2px;min-height:80px}
  .tuesday img{height:80px;right:6px;bottom:-8px}
  .spit{grid-template-columns:1fr}
  .spit .photo{min-height:320px;border-right:0;border-bottom:var(--line)}
  .spit .txt{padding:28px var(--gutter) 40px}
  .spit .btn{width:100%}
  .spit p{font-size:18px}
  .promo{font-size:14px}
  .strip img{display:none}
  .strip b{font-size:21px}
  .feature{grid-template-columns:1fr 160px;min-height:280px}
  .feature.dark{grid-template-columns:1fr;height:auto}
  .feature.dark .pic{order:-1;height:auto;padding:0}
  .feature.dark .pic video,.feature.dark .pic img,.feat-oreo video{position:static!important;display:block;width:100%!important;height:auto!important;aspect-ratio:9/16;object-fit:cover}
  .split > .feat-oreo{min-height:0;display:flex;flex-direction:column}
  .feat-oreo::after{display:none}
  .feat-oreo .txt{position:static;padding:20px var(--gutter) 24px}
  .feature.dark .txt{padding:20px 16px 22px}
  .split .photo > img[alt^="Kebab Box"]{width:48%!important}
  .split .photo .note{max-width:52%}
  .feature .txt{padding:16px}
  .feature h3{font-size:44px}
  .feature .big{font-size:34px}
  .feature .pic{padding:4px}
  .feature-desc{font-size:16px}
  .item{grid-template-columns:120px 1fr;gap:14px;padding:14px 0}
  .item .pic{height:100px}
  .item .pic img{max-height:100px}
  .item h3{font-size:23px}
  .item .p{font-size:19px}
  .item p{font-size:15px}
  .split{grid-template-columns:1fr}
  .split > *{min-height:300px}
  .split > :first-child{border-right:0;border-bottom:var(--line)}
  .visit{padding:30px var(--gutter)}
  .addr{font-size:21px}
  .hours{font-size:19px;gap:4px 20px}
  .story .txt{padding:26px var(--gutter) 30px}
  .story .lead{font-size:20px}
  .story p{font-size:17px}
  .ingredients{font-size:11px}
  footer{padding:26px var(--gutter) 30px}
  footer .right{margin-left:0;text-align:left}
  .foot-hours{justify-content:flex-start;flex-direction:column;gap:2px;font-size:16px}
  footer b{font-size:26px}
  .order-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:var(--line);gap:10px;padding:10px 14px}
  .order-bar .btn{flex:1;font-size:18px;padding:.6em 0}
  .order-bar .btn-red{flex:2}
}
.cpm{display:none}

.story .photo img{object-position:18% 60%}