/* Pind Chaliye — shared site styles.
   Tokens sampled from the brand artwork; the frame geometry comes from the
   "Menu Frame" group in the brand book (see /assets/menu-frame.svg).
   Barlock renders lowercase as SMALL CAPS — set headings in Mixed Case, not caps. */

@font-face{font-family:'Poppins';src:url('/assets/fonts/poppins-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Poppins';src:url('/assets/fonts/poppins-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Poppins';src:url('/assets/fonts/poppins-500-latin.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Poppins';src:url('/assets/fonts/poppins-500-latin-ext.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Poppins';src:url('/assets/fonts/poppins-600-latin.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Poppins';src:url('/assets/fonts/poppins-600-latin-ext.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlock';src:url('/assets/fonts/barlock.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'BigNoodleTitling';src:url('/assets/fonts/bignoodletitling.woff2') format('woff2');font-weight:400;font-display:swap}

:root{
  --navy:#141347; --red:#971C1F; --gold:#FFC913; --pink:#EC1D54; --cream:#F4EADF;
  /* FSSAI veg mark. Lightened from the regulation's own dark green so it holds
     contrast on the navy and red panels; still unmistakably the veg symbol. */
  --veg:#5CC15C;
  /* PAGE background, deliberately NOT --navy. The print book alternates navy and
     red across page turns, where every page is its own sheet and both colours read
     as surfaces. On a continuous scroll with a navy page background, the navy
     panels became invisible — 7 of 14 were pixel-identical to body, so half the
     alternation had no edge at all. The panels keep the brand colours exactly;
     this is the surface they sit on. Do not set body back to --navy. */
  --ink:#0B0A27;
  /* Body-copy colour, taken from the LOGO — it is the band under the wordmark
     ("URBAN PUNJABI DHABA"). --cream was never a brand colour; the identity guide
     names only maroon-red, navy and gold, and a cold near-white fights all three.
     Sand sits at almost exactly gold's contrast (11.29 navy / 5.48 red vs gold's
     11.22 / 5.44), which is why they harmonise. Both clear WCAG AA.
     Red is the binding ground: do not take sand below 0.9 opacity on a red panel
     (0.78 gives 3.86:1 and fails). */
  --sand:#E7CE9B;
  --font-display:'Barlock',Georgia,serif;
  --font-tagline:'BigNoodleTitling',Impact,sans-serif;
  --font-body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --lotus:url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20429.15%20750.4%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%2523000%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-3%20%7B%0A%20%20%20%20%20%20%20%20clip-path%3A%20url%28%23clippath%29%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clippath%22%3E%0A%20%20%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M199.77%2C7.58c-12.98%2C7.22-14.43%2C9.62-14.89%2C10.38-1.55%2C2.58-3.07%2C7.25-1.5%2C14.78l2.66%2C12.74-12.19-4.55c-.82-.31-5.2-1.84-10.56-1.84-4.68%2C0-8.78%2C1.16-12.19%2C3.46-1.82%2C1.23-5.6%2C3.79-6.9%2C7.83-1.12%2C3.5-1.27%2C10.03-.37%2C15.87l.14.88c.55%2C3.35%2C1.38%2C8.43-2.09%2C12.94-3.66%2C4.8-9.39%2C5.31-11.05%2C5.35-.13%2C0-.26%2C0-.39%2C0-4.82%2C0-7.98-2.33-10.29-4.04-.79-.58-1.53-1.13-2.3-1.57-.42-.19-3.68-1.59-9.86-1.67h-.12c-5.66%2C0-11.66%2C5.58-18.6%2C12.03-.74.69-1.5%2C1.39-2.27%2C2.1-9.96%2C9.18-15.57%2C15.57-20.08%2C20.7-5.69%2C6.48-9.8%2C11.16-17.75%2C15.29-8.18%2C4.25-17.6%2C6.4-27.99%2C6.4-.55%2C0-1.11%2C0-1.67-.02v587.93c13.94%2C2.86%2C24.94%2C13.86%2C27.8%2C27.8h334.53c2.86-13.94%2C13.86-24.94%2C27.8-27.8V134.66c-.56.01-1.11.02-1.66.02h0c-10.39%2C0-19.8-2.15-28-6.4-7.95-4.13-12.06-8.81-17.75-15.29-4.51-5.14-10.12-11.53-20.09-20.71-.76-.7-1.51-1.4-2.25-2.08-6.94-6.46-12.94-12.05-18.62-12.05h-.11c-6.18.08-9.44%2C1.48-9.87%2C1.67-.78.45-1.52%2C1-2.3%2C1.57-2.31%2C1.7-5.47%2C4.04-10.3%2C4.04-.13%2C0-.26%2C0-.39%2C0-1.66-.04-7.38-.56-11.04-5.34-3.47-4.53-2.64-9.6-2.1-12.95l.14-.89c.9-5.85.75-12.37-.37-15.86-1.29-4.05-5.08-6.6-6.91-7.84-3.4-2.3-7.5-3.46-12.18-3.46-5.37%2C0-9.72%2C1.53-10.54%2C1.84l-12.2%2C4.58%2C2.65-12.75c1.22-5.9.69-11.14-1.5-14.78-.47-.78-1.9-3.16-14.9-10.39-4.88-2.72-9.85-5.26-14.8-7.58-4.99%2C2.34-9.96%2C4.88-14.81%2C7.58%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20class%3D%22cls-3%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M200.84%2C650.83c3.91-13.93-16.16-35.31-36.78-43.59-25.74-10.33-41.89%2C3.94-74.92-1.36-23.4-3.76-41.31-15.1-53.12-24.52%2C1.5%2C9.57%2C9.5%2C54.04%2C47.67%2C77.64%2C45.2%2C27.95%2C111.12%2C13.29%2C117.14-8.17%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M98.21%2C504.75c8.02-4.28%2C23.85%2C5.15%2C31.71%2C16.69%2C9.81%2C14.4%2C3.24%2C26.24%2C10.95%2C45.79%2C5.46%2C13.86%2C14.84%2C23.32%2C22.22%2C29.29-6.08.37-34.45%2C1.46-54.08-18.78-23.25-23.97-23.15-66.4-10.8-72.99%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M.96%2C639.76c4.02-8.15%2C22.38-9.72%2C35.49-4.93%2C16.37%2C5.98%2C17.93%2C19.43%2C35.59%2C30.82%2C12.52%2C8.07%2C25.65%2C10.29%2C35.13%2C10.85-4.72%2C3.84-27.14%2C21.27-54.89%2C16.27-32.87-5.92-57.52-40.45-51.33-53.01%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M60.54%2C534.54c1.42%2C6.63%2C5.71%2C22.17%2C19.41%2C35.76%2C9.65%2C9.56%2C19.92%2C14.16%2C26.05%2C16.35-14.16%2C11.24-33.97%2C10.51-45.97-.51-13.88-12.75-14.6-36.74.51-51.59%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M121.16%2C681.83c8.29%2C2.6%2C28.31%2C7.62%2C52.1.91%2C16.74-4.72%2C28.35-13.28%2C34.65-18.74%2C3.61%2C22.88-9.7%2C44.5-29.56%2C50.93-22.97%2C7.44-50.16-6.89-57.2-33.1%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M228.31%2C650.83c-3.91-13.93%2C16.16-35.31%2C36.78-43.59%2C25.74-10.33%2C41.89%2C3.94%2C74.92-1.36%2C23.4-3.76%2C41.31-15.1%2C53.12-24.52-1.5%2C9.57-9.5%2C54.04-47.67%2C77.64-45.2%2C27.95-111.12%2C13.29-117.14-8.17%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M330.93%2C504.75c-8.02-4.28-23.85%2C5.15-31.71%2C16.69-9.81%2C14.4-3.24%2C26.24-10.95%2C45.79-5.46%2C13.86-14.84%2C23.32-22.22%2C29.29%2C6.08.37%2C34.45%2C1.46%2C54.08-18.78%2C23.25-23.97%2C23.15-66.4%2C10.8-72.99%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M428.19%2C639.76c-4.02-8.15-22.38-9.72-35.49-4.93-16.37%2C5.98-17.93%2C19.43-35.59%2C30.82-12.52%2C8.07-25.65%2C10.29-35.13%2C10.85%2C4.72%2C3.84%2C27.14%2C21.27%2C54.89%2C16.27%2C32.87-5.92%2C57.52-40.45%2C51.33-53.01%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M368.61%2C534.54c-1.42%2C6.63-5.71%2C22.17-19.41%2C35.76-9.65%2C9.56-19.92%2C14.16-26.05%2C16.35%2C14.16%2C11.24%2C33.97%2C10.51%2C45.97-.51%2C13.88-12.75%2C14.6-36.74-.51-51.59%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M307.99%2C681.83c-8.29%2C2.6-28.31%2C7.62-52.1.91-16.74-4.72-28.35-13.28-34.65-18.74-3.61%2C22.88%2C9.7%2C44.5%2C29.56%2C50.93%2C22.97%2C7.44%2C50.16-6.89%2C57.2-33.1%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M262.76%2C490.39c-9.68%2C2.7-19.15%2C8.49-27.57%2C16.59-5.07-10.95-12.06-19.94-20.37-25.82-8.83%2C6.4-16.16%2C16.14-21.35%2C27.9-8.94-9.19-19.18-15.75-29.66-18.67-12.25%2C17.9-13.95%2C46.97-3.57%2C74.7%2C10.48%2C27.98%2C31.67%2C49.15%2C52.93%2C54.06%2C0%2C0%2C0%2C0%2C.01%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C.01.02.03.02.04.02%2C0%2C.05-.01.07-.02.02%2C0%2C.05.01.07.02%2C0-.01.02-.03.02-.04%2C21.26-4.9%2C42.47-26.07%2C52.95-54.07%2C10.37-27.74%2C8.67-56.8-3.57-74.7Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--font-body);
  font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--gold)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:var(--navy);
  padding:.6rem 1rem;font-weight:600;z-index:100;border-radius:0 0 6px 0}
.skip:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.wrap{max-width:760px;margin:0 auto;padding:0 12px}

/* Panels + the brand frame (drawn by /assets/frame.js) */
.panel{position:relative;margin:0 0 16px;padding:70px 38px 74px;background:var(--navy)}
.panel.red{background:var(--red)}
.frame{position:absolute!important;inset:0;width:100%;height:100%;overflow:visible;
  pointer-events:none;z-index:2;color:var(--gold);display:block}
.no-frame .panel::before{content:'';position:absolute;inset:16px;border:2px solid var(--gold);
  border-radius:2px;pointer-events:none}
.panel > *:not(.lotus):not(.frame){position:relative;z-index:1}
.lotus{position:absolute;left:50%;bottom:0;width:min(78%,340px);aspect-ratio:429/750;
  transform:translateX(-50%);pointer-events:none;z-index:0;opacity:.11;background:#000;
  -webkit-mask:var(--lotus) no-repeat center bottom/contain;
          mask:var(--lotus) no-repeat center bottom/contain}

h1,h2{font-family:var(--font-display);color:var(--gold);font-weight:400;margin:0 0 14px;
  line-height:1.15;letter-spacing:.005em}
h1{font-size:clamp(1.5rem,6vw,2.1rem)}
h2{font-size:clamp(1.3rem,5.4vw,1.75rem)}
.eyebrow{font-family:var(--font-tagline);letter-spacing:.11em;text-transform:uppercase;
  font-size:.84rem;opacity:.85;margin:0 0 6px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--font-tagline);font-size:1.02rem;letter-spacing:.09em;text-transform:uppercase;
  padding:13px 26px;border-radius:99px;text-decoration:none;border:2px solid var(--gold);
  background:var(--gold);color:var(--navy);transition:opacity .15s}
.btn.ghost{background:transparent;color:var(--gold)}
.btn:hover{opacity:.86}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}

.veg{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-tagline);
  letter-spacing:.11em;text-transform:uppercase;font-size:.78rem;color:var(--cream);
  border:1px solid rgba(244,234,223,.4);padding:6px 13px;border-radius:99px}
.veg i{width:13px;height:13px;border:2px solid var(--veg);display:inline-block;position:relative;border-radius:2px}
.veg i::after{content:'';position:absolute;inset:2px;background:var(--veg);border-radius:50%}

/* "Swaad ghar da / feel dhaba di." is ARTWORK, not type — see assets/swaad-lockup.svg.
   Every glyph is a different size: line 1 tapers 150→62 across its 11 letters, line 2
   runs 77→146 the other way. That is an Illustrator envelope distort, expanded to
   compound paths. Live text cannot reproduce it (uniform glyphs), which is why this
   ships as vector. Do not "fix" it back into a <text> element. */
.swaad{display:block;width:min(80%,360px);height:auto;margin:0 auto 26px}

.site-footer{background:var(--navy);text-align:center;padding:40px 20px 30px;
  border-top:2px solid var(--gold);position:relative;overflow:hidden}
.site-footer > *:not(.lotus){position:relative;z-index:1}
.social{display:flex;gap:14px;justify-content:center;margin:18px 0 0;flex-wrap:wrap}
.social a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--cream);
  font-family:var(--font-tagline);letter-spacing:.09em;text-transform:uppercase;font-size:.82rem;
  border:1px solid rgba(244,234,223,.35);padding:9px 16px;border-radius:99px}
.social a:hover{color:var(--gold);border-color:var(--gold)}
.colophon{margin:26px auto 0;max-width:60ch;font-size:.72rem;line-height:1.6;opacity:.55;
  border-top:1px solid rgba(244,234,223,.15);padding-top:15px}
.tbd{background:rgba(255,201,19,.13);border:1px dashed var(--gold);border-radius:4px;
  padding:2px 8px;font-size:.86em}