/* Concept 3 — Neon Night Diner. Late-night Belgrade: black, yellow neon glow (#FFDD00 only), wet street, sizzle and steam. */

.c3 {
  --pad: clamp(1.25rem, 4vw, 4rem);
  --maxw: 1440px;
  --tube: color-mix(in srgb, var(--yellow) 28%, var(--white)); /* hot core of the neon tube, a tint of brand yellow */
  --glow: 0 0 2px var(--yellow), 0 0 8px var(--yellow), 0 0 20px rgb(255 221 0 / .75), 0 0 44px rgb(255 221 0 / .45), 0 0 90px rgb(255 221 0 / .25);
  --glow-sm: 0 0 2px var(--yellow), 0 0 6px rgb(255 221 0 / .8), 0 0 16px rgb(255 221 0 / .4);
  --box-glow: 0 0 0 1px var(--yellow), 0 0 12px rgb(255 221 0 / .55), inset 0 0 12px rgb(255 221 0 / .35);
  background: var(--black);
  color: var(--white);
  font-size: clamp(1rem, .95rem + .2vw, 1.1rem);
}

/* ---------- neon type ---------- */
.neon { color: var(--tube); text-shadow: var(--glow); }
.neon--tube { color: transparent; -webkit-text-stroke: 2px var(--tube); text-shadow: 0 0 6px rgb(255 221 0 / .9), 0 0 22px rgb(255 221 0 / .45); }
.flicker { animation: flicker 6s linear infinite; }
.flicker--slow { animation-duration: 9s; animation-delay: 1.3s; }
@keyframes flicker {
  0%, 18%, 22%, 24%, 53%, 57%, 100% { opacity: 1; }
  19%, 23%, 54%, 56% { opacity: .35; text-shadow: none; }
}
.c3 .display { font: italic 600 clamp(3rem, 1.4rem + 7vw, 9.5rem)/.9 var(--font-head); letter-spacing: -.02em; }
.c3 .display--md { font-size: clamp(2.4rem, 1.4rem + 4vw, 5.75rem); }
.c3 .eyebrow { font: 600 .75rem/1 var(--font-body); letter-spacing: .3em; text-transform: uppercase; color: var(--yellow); margin-bottom: 1.25rem; }
.c3 .section-head { max-width: var(--maxw); margin: 0 auto clamp(2rem, 5vw, 4rem); padding: 0 var(--pad); }

/* ---------- buttons ---------- */
.c3 .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 1.75rem; border-radius: 999px; font: 700 .85rem/1 var(--font-body); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; transition: box-shadow .25s, background-color .25s, color .25s; }
.c3 .btn--primary { background: var(--yellow); color: var(--black); box-shadow: 0 0 24px rgb(255 221 0 / .55); }
.c3 .btn--primary:hover { box-shadow: 0 0 40px rgb(255 221 0 / .9); background: var(--tube); }
.c3 .btn--ghost { color: var(--tube); box-shadow: var(--box-glow); text-shadow: var(--glow-sm); }
.c3 .btn--ghost:hover { background: rgb(255 221 0 / .1); }
.c3 .btn--sm { min-height: 44px; padding: 0 1.1rem; font-size: .72rem; }
.c3 .cta-row { display: flex; flex-wrap: wrap; gap: 1rem; }

/* ---------- header ---------- */
.c3 .site-header { position: fixed; inset: 0 0 auto; z-index: 60; transition: background-color .3s; }
.c3 .site-header.is-scrolled { background: rgb(12 11 11 / .9); backdrop-filter: blur(8px); box-shadow: 0 1px 0 rgb(255 221 0 / .25); }
.c3 .site-header__inner { display: flex; align-items: center; gap: 1.25rem; max-width: var(--maxw); margin: 0 auto; padding: .6rem var(--pad); }
.c3 .site-header .logo { --logo-w: 44px; }
.c3 .logo img { filter: drop-shadow(0 0 1.5px rgb(255 221 0 / .7)) drop-shadow(0 0 5px rgb(255 221 0 / .35)); }
.c3 .logo--sign img { animation: sign 7s linear infinite; }
@keyframes sign {
  0%, 30%, 33%, 35%, 70%, 72%, 100% { opacity: 1; filter: drop-shadow(0 0 1.5px rgb(255 221 0 / .7)) drop-shadow(0 0 5px rgb(255 221 0 / .35)); }
  31%, 34%, 71% { opacity: .55; filter: none; }
}
.c3 .site-nav { margin-left: auto; }
.c3 .site-nav ul { display: flex; gap: .2rem; }
.c3 .site-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 .85rem; font: 500 .78rem/1 var(--font-body); letter-spacing: .2em; text-transform: uppercase; text-decoration: none; color: var(--white-70); transition: color .2s, text-shadow .2s; }
.c3 .site-nav a:hover, .c3 .site-nav a[aria-current="page"] { color: var(--tube); text-shadow: var(--glow-sm); }
.c3 .site-header__actions { display: flex; align-items: center; gap: .5rem; }
.c3 .nav-toggle { display: none; width: 44px; height: 44px; position: relative; border-radius: 50%; box-shadow: var(--box-glow); }
.c3 .nav-toggle__bars, .c3 .nav-toggle__bars::before, .c3 .nav-toggle__bars::after { position: absolute; left: 13px; width: 18px; height: 2px; background: var(--tube); }
.c3 .nav-toggle__bars { top: 21px; }
.c3 .nav-toggle__bars::before, .c3 .nav-toggle__bars::after { content: ""; left: 0; }
.c3 .nav-toggle__bars::before { top: -6px; }
.c3 .nav-toggle__bars::after { top: 6px; }
.c3 .nav-toggle[aria-expanded="true"] .nav-toggle__bars { background: transparent; }
.c3 .nav-toggle[aria-expanded="true"] .nav-toggle__bars::before { transform: translateY(6px) rotate(45deg); }
.c3 .nav-toggle[aria-expanded="true"] .nav-toggle__bars::after { transform: translateY(-6px) rotate(-45deg); }
@media (max-width: 960px) {
  .c3 .nav-toggle { display: block; }
  .c3 .site-header__actions { margin-left: auto; }
  .c3 .site-nav { position: fixed; inset: 0; z-index: -1; display: grid; align-content: center; padding: 5rem var(--pad) 2rem; background: var(--black); opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
  .c3.nav-open .site-nav { opacity: 1; visibility: visible; }
  .c3 .site-nav ul { flex-direction: column; gap: .25rem; }
  .c3 .site-nav a { font: italic 600 clamp(2.25rem, 10vw, 3.5rem)/1.15 var(--font-head); letter-spacing: 0; text-transform: none; color: var(--white); padding: .2rem 0; }
}
@media (max-width: 420px) { .c3 .site-header__inner { gap: .4rem; } .c3 .site-header .btn--sm { padding: 0 .8rem; } }

/* ---------- hero: wet street ---------- */
.street { position: relative; min-height: 100svh; display: grid; align-items: end; overflow: hidden; isolation: isolate; }
.street__bg { position: absolute; inset: 0; z-index: -2; }
.street__bg img { width: 100%; height: 100%; object-fit: cover; }
.street::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgb(12 11 11 / .55) 0%, rgb(12 11 11 / .15) 35%, rgb(12 11 11 / .75) 75%, var(--black) 100%); }
.street__rain { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; }
.street__inner { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 8rem var(--pad) clamp(3rem, 7vw, 6rem); }
.open-sign { display: inline-flex; align-items: center; gap: .6rem; padding: .55rem 1rem; margin-bottom: 1.5rem; border-radius: 6px; box-shadow: var(--box-glow); font: 700 .78rem/1 var(--font-body); letter-spacing: .26em; text-transform: uppercase; color: var(--tube); text-shadow: var(--glow-sm); }
.open-sign::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 10px var(--yellow); }
.street h1 { max-width: 12ch; }
.street .tagline { margin: 1.5rem 0 2.25rem; max-width: 30rem; font: italic 500 clamp(1.2rem, 1rem + .8vw, 1.7rem)/1.3 var(--font-head); color: var(--white); }
.street__scroll { position: absolute; right: var(--pad); bottom: clamp(3rem, 7vw, 6rem); writing-mode: vertical-rl; font: 600 .7rem/1 var(--font-body); letter-spacing: .3em; text-transform: uppercase; color: var(--white-50); }
@media (max-width: 700px) { .street__scroll { display: none; } }

/* ---------- sizzle (pinned) ---------- */
.sizzle { position: relative; }
.sizzle__pin { position: relative; height: 100svh; overflow: hidden; display: grid; align-items: end; isolation: isolate; }
.sizzle__media { position: absolute; inset: 0; z-index: -3; }
.sizzle__media img { width: 100%; height: 100%; object-fit: cover; }
.sizzle__heat { position: absolute; inset: 0; z-index: -2; background: radial-gradient(45% 40% at 50% 62%, rgb(255 221 0 / .35), transparent 70%); mix-blend-mode: screen; opacity: .6; pointer-events: none; }
.sizzle__shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgb(12 11 11 / .85) 0%, rgb(12 11 11 / .2) 55%, transparent), linear-gradient(0deg, rgb(12 11 11 / .8), transparent 40%); }
.sizzle__steam { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; }
.sizzle__copy { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 var(--pad) clamp(3rem, 8vh, 6rem); }
.sizzle__copy h2 { max-width: 14ch; }
.steps { margin-top: 2rem; display: grid; grid-template-columns: repeat(4, minmax(0, 13rem)); gap: 1.25rem; }
.step { padding-top: 1rem; border-top: 1px solid rgb(255 221 0 / .6); }
.step b { display: block; font: 600 .72rem/1 var(--font-body); letter-spacing: .26em; color: var(--yellow); }
.step h3 { margin-top: .5rem; font: italic 600 1.6rem/1 var(--font-head); }
.step p { margin-top: .35rem; font-size: .9rem; color: var(--white-70); }
@media (max-width: 860px) {
  .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  .step h3 { font-size: 1.3rem; }
  .step p { font-size: .82rem; }
  .sizzle__shade { background: linear-gradient(0deg, rgb(12 11 11 / .92) 10%, rgb(12 11 11 / .2) 65%, transparent); }
}
.reduced .sizzle__pin, html:not(.js) .sizzle__pin { height: auto; min-height: 100svh; }

/* ---------- claim ---------- */
.claim3 { position: relative; max-width: var(--maxw); margin: 0 auto; padding: clamp(6rem, 14vw, 12rem) var(--pad); text-align: left; }
.claim3__line { font: italic 600 clamp(2.75rem, 1.2rem + 6.5vw, 8.5rem)/.95 var(--font-head); letter-spacing: -.02em; }
.claim3__line span { display: block; }
.claim3__line span:nth-child(2) { padding-left: 12%; }
.claim3__line span:nth-child(3) { padding-left: 4%; }
.claim3 p.claim3__body { margin-top: 2.5rem; margin-left: auto; max-width: 30rem; color: var(--white-70); }

/* ---------- specials (featured) ---------- */
.specials { padding: clamp(3rem, 8vw, 7rem) 0; }
.special-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.25rem, 2.5vw, 2rem); max-width: var(--maxw); margin: 0 auto; padding: 0 var(--pad); }
.special { position: relative; border-radius: 18px; overflow: hidden; background: rgb(255 255 255 / .03); box-shadow: 0 0 0 1px rgb(255 221 0 / .25); transition: box-shadow .35s, transform .35s; }
.special:nth-child(2) { transform: translateY(-2.5rem); }
.special:hover { box-shadow: var(--box-glow), 0 0 40px rgb(255 221 0 / .25); }
.special img { width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; }
.special__body { padding: 1.25rem 1.4rem 1.6rem; }
.special__no { font: 600 .7rem/1 var(--font-body); letter-spacing: .28em; color: var(--yellow); }
.special h3 { margin-top: .5rem; font: italic 600 clamp(2rem, 1.4rem + 1.6vw, 2.75rem)/1 var(--font-head); }
.special p { margin-top: .5rem; font-size: .92rem; color: var(--white-70); }
.special__price { display: inline-block; margin-top: 1rem; font: 700 .85rem/1 var(--font-body); letter-spacing: .14em; text-transform: uppercase; color: var(--tube); text-shadow: var(--glow-sm); }
@media (max-width: 900px) {
  .special-grid { grid-template-columns: 1fr; max-width: 560px; }
  .special:nth-child(2) { transform: none; }
}

/* ---------- letterboard (menu teaser) ---------- */
.board-wrap { padding: clamp(3rem, 8vw, 7rem) var(--pad); }
.board { max-width: 980px; margin: 0 auto; padding: clamp(1.75rem, 4vw, 3.5rem); border-radius: 14px; background: repeating-linear-gradient(180deg, rgb(255 255 255 / .03) 0 2px, transparent 2px 9px), var(--black); box-shadow: inset 0 0 0 10px rgb(255 255 255 / .06), inset 0 0 0 11px rgb(255 221 0 / .2), 0 30px 60px rgb(12 11 11 / .8); }
.board__top { display: flex; justify-content: space-between; align-items: end; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.75rem; }
.board ol { margin: 0; padding: 0; list-style: none; font: 600 clamp(.95rem, .8rem + .6vw, 1.35rem)/1 var(--font-body); letter-spacing: .22em; text-transform: uppercase; }
.board li { display: flex; align-items: baseline; gap: .75rem; padding: .9rem 0; border-bottom: 1px dashed rgb(255 255 255 / .12); }
.board li small { font-size: .62em; letter-spacing: .14em; color: var(--white-50); }
.board .fill { flex: 1; }
.board .amt { color: var(--tube); text-shadow: var(--glow-sm); font-variant-numeric: tabular-nums; white-space: nowrap; }
.board__foot { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 2rem; }
.board__foot p { font-size: .9rem; color: var(--white-70); max-width: 28rem; }
@media (max-width: 560px) { .board li { flex-wrap: wrap; } .board li small { order: 4; width: 100%; } }

/* ---------- locations ---------- */
.late { padding: clamp(3rem, 8vw, 7rem) 0; }
.late-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.25rem, 3vw, 2.5rem); max-width: var(--maxw); margin: 0 auto; padding: 0 var(--pad); }
.late-card { position: relative; padding: clamp(1.75rem, 3vw, 2.75rem); border-radius: 18px; overflow: hidden; background: radial-gradient(80% 60% at 100% 0%, rgb(255 221 0 / .1), transparent 60%), rgb(255 255 255 / .02); box-shadow: 0 0 0 1px rgb(255 221 0 / .2); }
.late-card h3 { font: italic 600 clamp(2.4rem, 1.5rem + 3vw, 4.25rem)/1 var(--font-head); }
.late-status { display: inline-flex; align-items: center; gap: .5rem; min-height: 1.75rem; margin-top: 1rem; padding: .35rem .8rem; border-radius: 999px; font: 700 .72rem/1 var(--font-body); letter-spacing: .24em; text-transform: uppercase; color: var(--white-50); box-shadow: 0 0 0 1px var(--white-15); }
.late-status:empty { display: none; }
.late-status.is-open { color: var(--tube); text-shadow: var(--glow-sm); box-shadow: var(--box-glow); }
.late-card dl { margin-top: 1.5rem; display: grid; gap: .9rem; }
.late-card dl div { display: grid; grid-template-columns: 7.5rem 1fr; gap: .75rem; }
.late-card dt { font: 600 .7rem/1.8 var(--font-body); letter-spacing: .22em; text-transform: uppercase; color: var(--white-50); }
.late-card a { display: inline-flex; align-items: center; min-height: 44px; margin: -.6rem 0; color: var(--white); text-decoration-color: var(--yellow); text-underline-offset: 4px; }
@media (max-width: 760px) { .late-grid { grid-template-columns: 1fr; } .late-card dl div { grid-template-columns: 6rem 1fr; } }

/* ---------- reel (gallery) ---------- */
.reel { padding: clamp(3rem, 7vw, 6rem) 0; overflow: hidden; }
.reel__strip { position: relative; display: flex; gap: 14px; width: max-content; padding: 34px 14px; background: rgb(255 255 255 / .04); }
.reel__strip::before, .reel__strip::after { content: ""; position: absolute; left: 0; right: 0; height: 14px; background: radial-gradient(circle at 50% 50%, var(--black) 0 4px, transparent 4.5px) 0 0 / 28px 14px repeat-x; }
.reel__strip::before { top: 10px; }
.reel__strip::after { bottom: 10px; }
.reel__item { flex: none; height: clamp(200px, 30vw, 420px); border-radius: 4px; overflow: hidden; transition: box-shadow .3s; }
.reel__item:hover { box-shadow: var(--box-glow); }
.reel__item img { height: 100%; width: auto; aspect-ratio: auto; object-fit: cover; }
.reduced .reel { overflow-x: auto; }
@media (max-width: 760px) {
  .reel { overflow-x: auto; scroll-snap-type: x mandatory; }
  .reel__item { scroll-snap-align: center; height: 260px; }
}

/* ---------- last call (order CTA) ---------- */
.lastcall { position: relative; padding: clamp(6rem, 14vw, 11rem) var(--pad); text-align: center; overflow: hidden; background: radial-gradient(50% 60% at 50% 50%, rgb(255 221 0 / .14), transparent 70%), var(--black); }
.lastcall .eyebrow { justify-content: center; }
.lastcall p.lastcall__text { margin: 1.5rem auto 2.25rem; max-width: 30rem; color: var(--white-70); font-size: 1.15rem; }
.lastcall .cta-row { justify-content: center; }

/* ---------- footer ---------- */
.c3 .site-footer { padding: clamp(3rem, 6vw, 5rem) var(--pad) 2rem; box-shadow: 0 -1px 0 rgb(255 221 0 / .25); }
.c3 .site-footer__inner { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 2.5rem; max-width: var(--maxw); margin: 0 auto; }
.c3 .site-footer .logo { --logo-w: 70px; margin-bottom: 1.25rem; }
.c3 .site-footer__brand p { font: italic 500 1.1rem/1.4 var(--font-head); color: var(--white-70); max-width: 18rem; }
.c3 .site-footer__h { font: 600 .72rem/1 var(--font-body); letter-spacing: .26em; text-transform: uppercase; color: var(--yellow); margin-bottom: 1rem; }
.c3 .site-footer__col p { color: var(--white-70); font-size: .95rem; }
.c3 .site-footer__col a { display: inline-flex; align-items: center; min-height: 44px; color: var(--white); text-decoration: none; }
.c3 .site-footer__col a:hover { color: var(--tube); text-shadow: var(--glow-sm); }
.c3 .site-footer__col p a { min-height: 44px; margin: -6px 0; }
.c3 .site-footer__social { display: grid; margin-bottom: 1rem; }
.c3 .site-footer__legal { max-width: var(--maxw); margin: 3rem auto 0; padding-top: 1.25rem; border-top: 1px solid var(--white-08); font-size: .8rem; color: var(--white-50); }
@media (max-width: 960px) { .c3 .site-footer__inner { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .c3 .site-footer__inner { grid-template-columns: 1fr; } }

/* ================= MENU PAGE: horizontal ================= */
.hmenu__pin { position: relative; display: grid; grid-template-rows: auto 1fr; height: 100svh; padding-top: 70px; overflow: hidden; }
.hmenu__head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem 2rem; max-width: var(--maxw); width: 100%; margin: 0 auto; padding: 1.5rem var(--pad) 1.25rem; }
.hmenu__head h1 { font: italic 600 clamp(2.5rem, 1.5rem + 3.5vw, 5rem)/.9 var(--font-head); }
.chips { display: flex; gap: .5rem; flex-wrap: wrap; }
.chips a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 1rem; border-radius: 999px; font: 600 .72rem/1 var(--font-body); letter-spacing: .2em; text-transform: uppercase; text-decoration: none; color: var(--white-70); box-shadow: 0 0 0 1px var(--white-15); transition: color .2s, box-shadow .2s, text-shadow .2s; }
.chips a.is-active, .chips a:hover { color: var(--tube); box-shadow: var(--box-glow); text-shadow: var(--glow-sm); }
.hmenu__progress { position: absolute; left: var(--pad); right: var(--pad); bottom: 1rem; height: 2px; background: var(--white-08); }
.hmenu__progress span { display: block; height: 100%; background: var(--yellow); box-shadow: 0 0 10px var(--yellow); transform-origin: left; transform: scaleX(0); }
.hmenu__viewport { position: relative; min-height: 0; min-width: 0; width: 100%; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--yellow) transparent; overscroll-behavior-x: contain; }
.hmenu__viewport:focus-visible { outline-offset: -4px; }
.motion-h .hmenu__viewport { overflow: visible; scroll-snap-type: none; }
.hmenu__track { display: flex; gap: clamp(1rem, 2vw, 2rem); height: 100%; width: max-content; padding: .5rem var(--pad) 2.5rem; }
.panel { flex: none; scroll-snap-align: start; height: 100%; min-height: 0; border-radius: 22px; overflow: hidden; position: relative; }
.panel--group { width: min(78vw, 820px); display: grid; align-items: end; isolation: isolate; box-shadow: 0 0 0 1px rgb(255 221 0 / .25); }
.panel--group img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.panel--group::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgb(12 11 11 / .92) 15%, rgb(12 11 11 / .2) 60%, transparent); }
.panel--group .panel__inner { padding: clamp(1.5rem, 3vw, 2.75rem); }
.panel__no { font: 600 .72rem/1 var(--font-body); letter-spacing: .28em; color: var(--yellow); }
.panel--group h2 { margin-top: .5rem; font: italic 600 clamp(3rem, 1.5rem + 6vw, 8rem)/.85 var(--font-head); }
.panel--group p { margin-top: .75rem; max-width: 30rem; color: var(--white); font: italic 500 clamp(1.05rem, 1rem + .4vw, 1.35rem)/1.35 var(--font-head); }
.panel--card { --pp: clamp(1.5rem, 2.5vw, 2.25rem); width: min(84vw, 460px); padding: var(--pp); background: repeating-linear-gradient(180deg, rgb(255 255 255 / .025) 0 2px, transparent 2px 9px), rgb(255 255 255 / .02); box-shadow: 0 0 0 1px var(--white-15); display: flex; flex-direction: column; overflow-y: auto; }
.panel--card h3 { font: italic 600 clamp(1.8rem, 1.3rem + 1.4vw, 2.6rem)/1 var(--font-head); }
.panel--card .panel__lead { margin-top: .5rem; color: var(--white-70); font-size: .95rem; }
.panel__label { display: block; margin-top: 1.25rem; font: 600 .68rem/1 var(--font-body); letter-spacing: .26em; text-transform: uppercase; color: var(--white-50); }
.rows { margin: .75rem 0 0; padding: 0; list-style: none; }
.rows li { display: flex; align-items: baseline; gap: .6rem; padding: .7rem 0; border-bottom: 1px dashed rgb(255 255 255 / .12); }
.rows li > span:first-child { font: 600 .95rem/1.2 var(--font-body); letter-spacing: .14em; text-transform: uppercase; }
.rows small { display: block; margin-top: .2rem; font: 400 .78rem/1.3 var(--font-body); letter-spacing: 0; text-transform: none; color: var(--white-50); }
.rows .fill { flex: 1; }
.rows .amt { color: var(--tube); text-shadow: var(--glow-sm); font: 600 .95rem/1 var(--font-body); white-space: nowrap; font-variant-numeric: tabular-nums; }
.panel__img { margin: calc(-1 * var(--pp)) calc(-1 * var(--pp)) 1.25rem; border-radius: 14px 14px 0 0; overflow: hidden; flex: none; }
.panel__img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.panel--end { width: min(84vw, 560px); display: grid; align-content: center; gap: 1.25rem; padding: clamp(1.5rem, 3vw, 3rem); box-shadow: var(--box-glow); }
.panel--end h2 { font: italic 600 clamp(2.5rem, 1.5rem + 3vw, 4.5rem)/.95 var(--font-head); }
@media (max-width: 760px) {
  .hmenu__pin { height: auto; min-height: 100svh; padding-top: 64px; }
  .hmenu__viewport { height: min(78svh, 680px); }
  .hmenu__head { padding-top: 1rem; }
  .chips { flex-wrap: nowrap; overflow-x: auto; width: 100%; scrollbar-width: none; }
  .chips a { white-space: nowrap; }
  .panel--group { width: 86vw; }
  .panel--card { width: 86vw; }
}