/* Nothing To Eat: the bar on phones and tablets (up to 900 px, scripts on): the wordmark left, a 44 px burger right,
   and the menu as a sheet of red under the bar. Without scripts the three links stay in the bar, made to fit. */
.nte-burger, .nte-sheet { display: none; }
@media (max-width: 900px) {
	.nte-bar__logo { width: 116px; flex: none; }
	html:not(.nte-js) .nte-bar__nav { gap: 16px; letter-spacing: .1em; }
	html.nte-js .nte-bar__nav { display: none; }
	html.nte-js .nte-burger { -webkit-tap-highlight-color: transparent; position: relative; display: block; width: 44px; height: 44px; margin-right: -10px; padding: 0; border: 0; background: none; color: var(--nte-black); cursor: pointer; }
	.nte-burger__l { position: absolute; left: 10px; right: 10px; height: 2px; background: currentColor; transition: transform .45s var(--nte-weight, ease); }
	.nte-burger__l:nth-child(2) { top: 17px; }
	.nte-burger__l:nth-child(3) { top: 25px; }
	.nte-open .nte-burger__l:nth-child(2) { transform: translateY(4px) rotate(45deg); }
	.nte-open .nte-burger__l:nth-child(3) { transform: translateY(-4px) rotate(-45deg); }
	html.nte-locked, html.nte-locked body { overflow: hidden; }
	html.nte-open .nte-progress { opacity: 0; }
}
@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
	html.nte-js .nte-sheet, .nte-open .nte-sheet, .nte-sheet__link, .nte-sheet__order, .nte-sheet__mark, .nte-burger__l { transition: none !important; }
}
@media print { .nte-burger, .nte-sheet { display: none !important; } }

/* ---------- The whole page on phones and tablets (8 October 2026) ---------- */
@media (max-width: 999px) {
	/* Local's text kept its desktop margin of 0 and touched the edge: it takes the gutter again */
	.nte-local__text { margin-left: var(--nte-gutter); }
}
@media (max-width: 900px) {
	/* every link a thumb can reach is at least 44 px tall */
	.nte-bar__logo { box-sizing: content-box; padding-block: 8px; background-clip: content-box; -webkit-mask-origin: content-box; mask-origin: content-box; -webkit-mask-clip: content-box; mask-clip: content-box; }
	.nte-fa-house li { padding: 0; }
	.nte-fa-house li a, .nte-fa-legal a, .nte-fa-row a, .nte-fa-mapbox figcaption a { display: inline-flex; align-items: center; min-height: 44px; }
	.nte-fa-legal { gap: 0 24px; }
	.nte-fa-legal ul { gap: 24px; }
}
@media (max-width: 380px) {
	/* the leader rows of the footer keep word and answer on one line */
	.nte-fa-row { font-size: 12px; letter-spacing: .03em; gap: 8px; }
	.nte-fa-row span:last-child { letter-spacing: .03em; }
}

/* The open menu covers the whole window, bar included: the wordmark and the close control (the burger turned into
   an X, in the same place) stand white on the red, above the sheet. */
@media (max-width: 900px) {
	html.nte-js .nte-sheet { top: 0; padding-top: calc(var(--nte-bar) + 24px); }
	html.nte-js.nte-open .nte-bar { background: transparent; border-bottom-color: transparent; }
	html.nte-js .nte-burger, html.nte-js .nte-bar__logo { z-index: 25; transition: color .3s; }
	html.nte-js .nte-bar__logo { position: relative; }
	html.nte-js.nte-open .nte-burger, html.nte-js.nte-open .nte-bar__logo { color: var(--nte-white); }
	html.nte-js.nte-open .nte-burger:focus-visible { outline-color: var(--nte-white); }
	html.nte-js .nte-bar { transition: background-color .3s, border-color .3s; }
}

/* ---------- The menu sheet, art-directed (8 October 2026) ----------
   Opens as a red disc growing from the burger's corner; the band of crosses runs along its top edge; the three links
   are the brand's wide lettering with their number and a cross that turns on press; ORDER NOW! is the primary button;
   the visit and hello rows are set with the footer's dotted leaders; the four-lobed mark turns in at the foot.
   On close everything leaves a little quicker and the disc shrinks back into the corner. */
@media (max-width: 900px) {
	html.nte-js .nte-sheet { position: fixed; inset: 0; z-index: 19; display: grid; grid-template-rows: auto 1fr auto; padding: calc(var(--nte-bar) + 8px) var(--nte-gutter) calc(28px + env(safe-area-inset-bottom, 0px)); background: var(--nte-red); color: var(--nte-white); overflow: hidden auto; overscroll-behavior: contain; clip-path: circle(0 at calc(100% - var(--nte-gutter) - 12px) 32px); visibility: hidden; transition: clip-path .55s cubic-bezier(.7, 0, .3, 1) .12s, visibility 0s linear .7s; }
	html.nte-js .nte-sheet[hidden] { display: none; }
	.nte-open .nte-sheet { clip-path: circle(150vmax at calc(100% - var(--nte-gutter) - 12px) 32px) !important; visibility: visible !important; transition: clip-path .75s cubic-bezier(.7, 0, .2, 1), visibility 0s !important; }
	.nte-sheet__edge { height: 28px; margin: 0 calc(var(--nte-gutter) * -1); background: var(--nte-white); -webkit-mask: url("../brand/pattern-band.svg") left top / auto 100% repeat-x; mask: url("../brand/pattern-band.svg") left top / auto 100% repeat-x; transform-origin: 0 50%; }
	.nte-sheet__nav { align-self: center; padding-block: 24px; }
	.nte-sheet__nav ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, .5); }
	.nte-sheet__nav li { border-bottom: 1px solid rgba(255, 255, 255, .5); overflow: hidden; }
	.nte-sheet__link { display: flex; align-items: center; gap: 14px; min-height: 44px; padding: 10px 0; color: var(--nte-white); text-decoration: none; }
	.nte-sheet__no { flex: none; width: 2.2em; font: 700 12px/1 var(--nte-text); letter-spacing: .14em; opacity: .8; }
	.nte-sheet__word { flex: 1; font: 800 clamp(40px, 13.5vw, 76px)/1 var(--nte-wide); text-transform: uppercase; letter-spacing: -.01em; transition: transform .4s var(--nte-weight, ease); }
	.nte-sheet__link svg { flex: none; width: 22px; height: 22px; transition: transform .5s cubic-bezier(.34, 1.56, .64, 1); }
	.nte-sheet__link:hover .nte-sheet__word, .nte-sheet__link:focus-visible .nte-sheet__word { transform: translateX(10px); }
	.nte-sheet__link:hover svg, .nte-sheet__link:focus-visible svg, .nte-sheet__link:active svg { transform: rotate(90deg) scale(1.25); }
	.nte-sheet__link:active .nte-sheet__word { transform: translateX(6px) scale(.97); color: var(--nte-black); }
	.nte-sheet__foot { position: relative; z-index: 1; display: grid; gap: 4px; }
	.nte-sheet__order { display: flex; align-items: center; justify-content: center; min-height: 60px; margin-bottom: 14px; background: var(--nte-white); color: var(--nte-black); border: 2px solid var(--nte-black); box-shadow: 6px 6px 0 var(--nte-black); text-decoration: none; transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s; }
	.nte-sheet__order .nte-lt { width: 168px; }
	.nte-sheet__order:active { transform: translate(5px, 5px); box-shadow: 1px 1px 0 var(--nte-black); transition-duration: .08s; }
	.nte-sheet__row { display: flex; align-items: baseline; gap: 10px; margin: 0; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .5); font: 700 12px/1.3 var(--nte-text); letter-spacing: .1em; text-transform: uppercase; }
	.nte-sheet__row i { flex: 1 1 16px; min-width: 16px; border-bottom: 2px dotted rgba(255, 255, 255, .85); transform: translateY(-3px); }
	.nte-sheet__row span:last-child { text-transform: none; letter-spacing: .02em; font-size: 14px; text-align: right; }
	.nte-sheet__row a { display: inline-flex; align-items: center; min-height: 44px; margin-block: -14px; color: inherit; text-decoration: underline; text-underline-offset: 3px; }
	.nte-sheet__mark { position: absolute; right: -22vw; top: 38%; width: 70vw; color: rgba(255, 255, 255, .13); pointer-events: none; }
	.nte-sheet :focus-visible { outline-color: var(--nte-white); }
	/* choreography: in after the disc, in turn; out together, quickly */
	.nte-sheet__edge { transform: scaleX(0); transition: transform .3s; }
	.nte-sheet__nav li .nte-sheet__link { transform: translate3d(0, 105%, 0); transition: transform .3s ease-in; }
	.nte-sheet__nav ul, .nte-sheet__nav li { border-color: rgba(255, 255, 255, 0); transition: border-color .2s; }
	.nte-sheet__foot { opacity: 0; transform: translate3d(0, 24px, 0); transition: opacity .2s, transform .3s; }
	.nte-sheet__mark { opacity: 0; transform: rotate(-90deg) scale(.7); transition: opacity .2s, transform .4s; }
	.nte-open .nte-sheet__edge { transform: scaleX(1); transition: transform .9s var(--nte-weight, ease) .3s; }
	.nte-open .nte-sheet__nav li .nte-sheet__link { transform: none; transition: transform .9s var(--nte-weight, ease) calc(.32s + var(--k) * .08s); }
	.nte-open .nte-sheet__nav ul, .nte-open .nte-sheet__nav li { border-color: rgba(255, 255, 255, .5); transition: border-color .6s .45s; }
	.nte-open .nte-sheet__foot { opacity: 1; transform: none; transition: opacity .6s .6s, transform .9s var(--nte-weight, ease) .56s; }
	.nte-open .nte-sheet__mark { opacity: 1; transform: none; transition: opacity .8s .4s, transform 1.4s var(--nte-weight, ease) .3s; }
	html.nte-open .nte-progress { opacity: 0; }
}
@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
	html.nte-js .nte-sheet, .nte-open .nte-sheet, .nte-sheet *, .nte-open .nte-sheet * { transition: none !important; }
}