:root{--cream:#f6f0e5;--paper:#fffdf8;--ink:#211a16;--muted:#74675e;--red:#9e2e25;--red-dark:#65231c;--line:rgba(33,26,22,.16);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--gutter:clamp(24px,6vw,92px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.topline{height:32px;background:var(--red-dark);color:#f8e9d1;display:flex;justify-content:space-between;align-items:center;padding:0 var(--gutter);font-size:9px;letter-spacing:.18em;font-weight:700}.site-header{height:88px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:4}.brand img{width:68px;height:68px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:clamp(22px,4vw,58px);font-size:12px;font-weight:600}.main-nav>a:not(.nav-order){transition:color .2s}.main-nav>a:not(.nav-order):hover{color:var(--red)}.nav-order{display:flex;gap:22px;align-items:center;background:var(--red);color:#fff7e8;padding:14px 20px;border-radius:2px;font-size:11px;letter-spacing:.04em}.nav-order span,.button span{font-size:16px}.menu-toggle{display:none}.hero{min-height:min(730px,calc(100vh - 120px));height:clamp(580px,calc(100vh - 120px),820px);display:grid;grid-template-columns:1fr 1fr;position:relative}.hero-copy{padding:clamp(60px,8vh,104px) clamp(36px,7vw,112px) 80px var(--gutter);display:flex;flex-direction:column;justify-content:center;background:var(--cream);position:relative;overflow:hidden}.hero-copy:after{content:"नाश्ता";position:absolute;right:-14px;bottom:4px;font-family:var(--serif);font-size:clamp(100px,17vw,250px);line-height:.9;font-weight:700;color:rgba(158,46,37,.035);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px;margin:0 0 25px;position:relative;z-index:1}.eyebrow-mark{font-size:17px;color:var(--red);letter-spacing:0}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(54px,6vw,92px);line-height:.99;letter-spacing:-.055em;margin:0 0 26px;position:relative;z-index:1}.hero h1 em,.intro h2 em,.section-head h2 em,.philosophy h2 em,.closing h2 em{color:var(--red);font-weight:500}.hero-intro{font-size:15px;line-height:1.8;color:#62554d;max-width:400px;margin:0 0 32px;position:relative;z-index:1}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;position:relative;z-index:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:17px 21px;font-size:11px;font-weight:700;letter-spacing:.03em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--red);color:#fff8ea}.button-dark:hover,.nav-order:hover{background:var(--red-dark)}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid rgba(33,26,22,.4);padding:0 0 7px;display:inline-flex;gap:17px;align-items:center}.text-link:hover{color:var(--red);border-color:var(--red)}.hero-foot{display:flex;align-items:center;gap:14px;margin-top:clamp(38px,6vh,74px);font-size:8px;letter-spacing:.16em;font-weight:700;color:#877970;position:relative;z-index:1}.hero-foot i{width:3px;height:3px;border-radius:50%;background:var(--red)}.hero-photo{position:relative;min-height:500px;overflow:hidden;background:#3b2118}.hero-photo>.hero-food-photo{height:100%;width:100%;object-fit:cover;object-position:55% center;filter:saturate(.88)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(34,20,12,.12),transparent 54%,rgba(34,20,12,.13));pointer-events:none}.photo-note{position:absolute;z-index:1;left:clamp(20px,4vw,60px);bottom:clamp(48px,8vh,95px);color:#fff8ea;display:flex;align-items:center;gap:13px;font-family:var(--serif);font-style:italic;font-size:17px;text-shadow:0 2px 18px #281a13}.note-star{font-style:normal;font-family:var(--sans);font-size:28px;color:#f1c766}.hero-bottom{position:absolute;bottom:0;left:0;right:0;height:38px;border-top:1px solid rgba(255,255,255,.3);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.8);font-size:8px;letter-spacing:.18em;z-index:2;pointer-events:none}.section-pad{padding:clamp(76px,10vw,150px) var(--gutter)}.intro{background:var(--paper)}.section-kicker{font-size:9px;font-weight:700;letter-spacing:.2em;color:#8a7c71;display:flex;align-items:center;gap:14px}.section-kicker span{color:var(--red);font-size:10px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:9vw;margin-top:52px}.intro h2,.section-head h2,.closing h2{font-family:var(--serif);font-weight:500;font-size:clamp(48px,6vw,86px);line-height:1.02;letter-spacing:-.045em;margin:0}.intro-text{max-width:530px;padding-top:6px}.intro-text p,.philosophy-copy>p{color:#655950;font-size:15px;line-height:1.9;margin:0 0 20px}.dark-link{margin-top:13px}.menu-section{background:#eee5d6}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:54px;gap:24px}.section-head h2{margin-top:24px}.dish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dish-card{display:flex;flex-direction:column;background:var(--paper);padding:12px;min-width:0;transition:transform .25s,box-shadow .25s}.dish-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(52,33,21,.1)}.dish-card img{width:100%;height:clamp(200px,25vw,355px);object-fit:cover;aspect-ratio:1.12}.dish-card-tall img{height:clamp(240px,32vw,430px)}.dish-meta{display:flex;justify-content:space-between;align-items:center;padding:20px 8px 9px;color:#887a6e;font-size:8px;font-weight:700;letter-spacing:.15em}.dish-meta span:last-child{color:var(--red);font-size:14px}.dish-card h3{font-family:var(--serif);font-size:clamp(24px,2.6vw,38px);font-weight:500;line-height:1.08;margin:0 8px 17px;letter-spacing:-.03em}.menu-note{text-align:center;color:#807166;font-size:11px;margin:26px 0 0}.mobile-menu-link{display:none}.philosophy{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--red-dark);color:#fff8ea}.philosophy-photo{min-height:520px;overflow:hidden}.philosophy-photo img{width:100%;height:100%;object-fit:cover}.philosophy-copy{padding:clamp(60px,8vw,118px) clamp(34px,8vw,120px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.light-kicker{color:rgba(255,248,234,.6);margin-bottom:35px}.light-kicker span{color:#e5bc73}.philosophy h2{font-family:var(--serif);font-size:clamp(46px,5.4vw,78px);font-weight:500;line-height:1.03;letter-spacing:-.045em;margin:0 0 28px}.philosophy h2 em{color:#efc67a}.philosophy-copy>p{color:rgba(255,248,234,.72);max-width:440px;margin-bottom:34px}.button-light{background:#f2dfbb;color:#4a251d}.button-light:hover{background:#fff1d2}.closing{background:var(--paper)}.closing-script{text-align:center;font-family:var(--serif);font-size:clamp(36px,5vw,68px);line-height:1.14;font-style:italic;color:var(--red);margin:0 auto clamp(90px,12vw,170px)}.closing-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.closing h2{font-size:clamp(42px,5vw,70px);margin-top:0}.closing h2 em{font-size:.83em}.closing-cta p{color:#655950;font-size:14px;line-height:1.8;max-width:370px;margin:0 0 24px}.site-footer{background:#211a16;color:#fff8ea;padding:65px var(--gutter) 20px}.footer-main{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:32px;padding-bottom:52px;border-bottom:1px solid rgba(255,248,234,.15)}.footer-brand img{width:82px;height:82px;filter:none}.footer-main p{color:rgba(255,248,234,.55);font-family:var(--serif);font-size:19px;line-height:1.4;margin:0}.social-link,.footer-links a{font-size:10px;letter-spacing:.1em;font-weight:600}.social-link span{color:#e5bc73;margin-left:9px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:36px 0}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-label{font-size:8px;letter-spacing:.2em;color:rgba(255,248,234,.45);margin-bottom:5px}.footer-links a{font-size:11px;letter-spacing:.02em;color:rgba(255,248,234,.86)}.footer-links a:hover,.social-link:hover{color:#efc67a}.footer-bottom{border-top:1px solid rgba(255,248,234,.15);padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,248,234,.45);font-size:8px;letter-spacing:.15em}.footer-bottom a{color:rgba(255,248,234,.68)}
@media(max-width:800px){.topline{justify-content:center}.topline span+span{display:none}.site-header{height:72px}.brand img{width:58px;height:58px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:transparent;padding:12px;z-index:6}.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{display:none;position:absolute;left:0;right:0;top:71px;padding:25px var(--gutter) 30px;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px}.main-nav.open{display:flex}.main-nav>a{font-size:14px}.nav-order{justify-content:space-between}.hero{height:auto;min-height:0;grid-template-columns:1fr}.hero-copy{min-height:550px;padding:72px var(--gutter) 80px}.hero h1{font-size:clamp(54px,12vw,88px)}.hero-photo{min-height:460px;height:70vw;max-height:650px}.hero-bottom{height:34px}.hero-foot{margin-top:42px}.intro-grid{grid-template-columns:1fr;gap:30px;margin-top:36px}.intro h2,.section-head h2{font-size:clamp(50px,11vw,76px)}.dish-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dish-card{padding:8px}.dish-card img,.dish-card-tall img{height:clamp(170px,42vw,330px)}.dish-card h3{font-size:clamp(23px,5vw,34px);margin-left:6px}.dish-meta{font-size:7px;padding:16px 6px 8px}.section-head{align-items:flex-start}.desktop-link{display:none}.mobile-menu-link{display:flex;justify-content:center;margin:30px 0 8px}.menu-note{line-height:1.7}.philosophy{grid-template-columns:1fr}.philosophy-photo{min-height:0;height:76vw;max-height:500px}.philosophy-copy{padding:66px var(--gutter) 76px}.closing-bottom{grid-template-columns:1fr;gap:32px}.closing-script{margin-bottom:85px}.closing h2{font-size:clamp(43px,9vw,66px)}.footer-main{grid-template-columns:74px 1fr;gap:18px 20px}.footer-brand img{width:68px;height:68px}.footer-main p{font-size:16px}.social-link{grid-column:1/-1;padding-top:10px}.footer-bottom{flex-wrap:wrap;line-height:1.5}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:420px){.hero-copy{min-height:510px}.hero-intro{font-size:14px}.hero-actions{gap:20px}.hero-actions .button{padding:16px}.hero-foot{font-size:7px;gap:9px}.dish-grid{gap:9px}.dish-card img,.dish-card-tall img{height:180px}.dish-meta{letter-spacing:.1em}.dish-card h3{font-size:24px}.footer-links{gap:20px}.footer-links a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Nashta identity: chili red, turmeric yellow, fresh green and a warm paper base. */
:root{--cream:#f7efdd;--paper:#fffaf0;--ink:#241914;--muted:#76675b;--red:#d32f2f;--red-dark:#9b1b1b;--turmeric:#ffc107;--sage:#326e64;--line:rgba(36,25,20,.15)}
.topline{background:var(--turmeric);color:#64251d}
.site-header{background:var(--paper);border-bottom:1px solid rgba(36,25,20,.12)}
.hero-copy{background:var(--red);color:#fff8ea}
.hero-copy:after{color:rgba(255,193,7,.10)}
.eyebrow{color:rgba(255,248,234,.72)}
.eyebrow-mark{color:var(--turmeric)}
.hero h1{color:#fff8ea}
.hero h1 em{color:#ffd45c}
.hero-intro{color:rgba(255,248,234,.8)}
.button-dark{background:var(--turmeric);color:#64251d}
.button-dark:hover,.nav-order:hover{background:#ffda54;color:#64251d}
.nav-order{background:var(--red);color:#fff8ea}
.hero-actions .text-link{color:#fff8ea;border-color:rgba(255,248,234,.55)}
.hero-actions .text-link:hover{color:#ffd45c;border-color:#ffd45c}
.hero-foot{color:rgba(255,248,234,.72)}
.hero-foot i{background:var(--turmeric)}
.hero-photo{border-left:8px solid var(--turmeric)}
.photo-note{background:var(--paper);color:#65231c;text-shadow:none;padding:15px 19px 15px 14px;box-shadow:5px 5px 0 var(--turmeric);font-style:normal;font-weight:600}
.note-star{font-family:var(--serif);font-size:18px;font-weight:700;font-style:italic;background:var(--red);color:#fff8ea;width:48px;height:48px;border-radius:50%;display:grid;place-items:center}

.hero-bottom{border-top-color:rgba(255,255,255,.4)}
.intro{background:#fffaf0}
.intro h2 em,.section-head h2 em{color:var(--sage)}
.intro .section-kicker span,.closing .section-kicker span{color:var(--red)}
.menu-section{background:var(--sage);color:#fff8ea}
.menu-section .section-kicker{color:rgba(255,248,234,.66)}
.menu-section .section-kicker span{color:var(--turmeric)}
.menu-section .section-head h2{color:#fff8ea}
.menu-section .section-head h2 em{color:#ffd45c}
.dish-grid{gap:20px}
.dish-card{background:var(--paper);padding:11px 11px 3px;position:relative;overflow:hidden}
.dish-card:before{content:"";height:5px;position:absolute;left:11px;right:11px;top:11px;z-index:1;background:var(--turmeric);opacity:.95}
.dish-card:nth-child(3n + 2):before{background:#e6783c}
.dish-card:nth-child(3n):before{background:#d32f2f}
.dish-card img{transition:transform .5s;filter:saturate(1.06)}
.dish-card:hover img{transform:scale(1.035)}
.dish-card h3{color:#2c594e}
.dish-meta{color:#807166}
.dish-meta span:last-child{color:var(--red)}
.menu-note{color:rgba(255,248,234,.75)}
.philosophy{background:var(--turmeric);color:#2b2118}
.philosophy-copy{background:#f7efdd}
.light-kicker{color:#75604d}
.light-kicker span{color:var(--red)}
.philosophy h2 em{color:var(--sage)}
.philosophy-copy>p{color:#5e5145}
.button-light{background:var(--sage);color:#fff8ea}
.button-light:hover{background:#244d45;color:#fff8ea}
.closing-script{color:var(--red)}
.closing h2 em{color:var(--sage)}
.site-footer{background:var(--red-dark)}
.footer-label{color:#ffd45c}
.social-link span,.footer-bottom a{color:#ffd45c}
.footer-links a:hover,.social-link:hover{color:#ffd45c}
@media(max-width:800px){.main-nav{background:var(--paper)}.hero-photo{border-left:0;border-top:7px solid var(--turmeric)}.photo-note{left:18px;bottom:54px}.dish-grid{gap:12px}.philosophy-copy{background:#f7efdd}}

/* Photo-led restaurant direction: pill navigation, immersive food hero, bright chips and a lively menu grid. */
:root{--green:#245a46;--green-deep:#193f33;--cream:#f8f1e5;--paper:#fffaf2;--brand-red:#d32f2f;--red:#d32f2f;--turmeric:#ffc107}
.topline{display:none}
.site-header{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:min(1320px,calc(100% - 2*var(--gutter)));height:76px;padding:0 24px;background:rgba(255,250,242,.94);border:1px solid rgba(255,255,255,.75);border-radius:100px;box-shadow:0 12px 42px rgba(28,39,28,.15);backdrop-filter:blur(14px)}
.brand img{width:64px;height:64px}
.main-nav{gap:clamp(20px,3vw,42px);color:var(--green-deep)}
.nav-order{background:var(--brand-red);border-radius:100px;padding:14px 20px;color:#fff}
.nav-order:hover{background:var(--green);color:#fff}
.hero{height:min(860px,100svh);min-height:660px;grid-template-columns:1fr;overflow:hidden;background:var(--green-deep)}
.hero-copy{width:min(790px,70%);min-height:100%;padding:160px 70px 105px var(--gutter);z-index:1;background:linear-gradient(90deg,rgba(25,63,51,.94) 0%,rgba(25,63,51,.78) 68%,rgba(25,63,51,0) 100%)}
.hero-copy:after{right:8px;bottom:62px;color:rgba(255,193,7,.08);font-size:clamp(130px,18vw,260px)}
.eyebrow{color:#f8e4c4;letter-spacing:.18em}
.eyebrow-mark{color:var(--turmeric);font-size:18px}
.hero h1{font-size:clamp(62px,8vw,118px);line-height:.93;letter-spacing:-.06em;margin-bottom:28px}
.hero h1 em{color:#ffd36b}
.hero-intro{max-width:430px;font-size:16px;line-height:1.75;color:rgba(255,250,242,.82)}
.hero-actions .button-dark{background:var(--brand-red);color:#fff;border-radius:100px;padding:18px 24px}
.hero-actions .button-dark:hover{background:var(--turmeric);color:var(--green-deep)}
.hero-actions .text-link{font-weight:600}
.hero-foot{color:rgba(255,250,242,.73);margin-top:clamp(38px,5vh,66px)}
.hero-foot i{background:var(--turmeric)}
.hero-photo{position:absolute;inset:0;z-index:0;height:100%;min-height:0;border:0;background:var(--green-deep)}
.hero-photo>.hero-food-photo{height:100%;object-position:center 55%;filter:saturate(.95);opacity:.93}
.hero-photo:after{background:linear-gradient(90deg,rgba(25,63,51,.32),rgba(25,63,51,.12) 55%,rgba(25,63,51,.15)),linear-gradient(0deg,rgba(25,63,51,.48),transparent 22%)}
.photo-note{left:auto;right:clamp(34px,6vw,84px);bottom:clamp(92px,13vh,142px);border-radius:16px;padding:12px 18px 12px 12px;box-shadow:0 10px 30px rgba(20,35,26,.2);font-family:var(--sans);font-size:13px;line-height:1.35}
.note-star{background:var(--turmeric);color:var(--green-deep);font-family:var(--sans);font-style:normal;font-size:12px;letter-spacing:.03em}

.hero-bottom{height:42px;border:0;color:rgba(255,250,242,.74);font-size:8px}
.section-pad{padding:clamp(82px,9vw,128px) var(--gutter)}
.intro{background:#fffaf2}
.intro .section-kicker,.section-head .section-kicker{justify-content:center;color:#7a766a}
.intro-grid{display:block;text-align:center;max-width:940px;margin:30px auto 0}
.intro h2{font-size:clamp(54px,7.2vw,100px);color:var(--green);line-height:.98}
.intro h2 em{color:var(--brand-red)}
.intro-text{max-width:680px;margin:26px auto 0;padding:0}
.intro-text p{font-size:15px;line-height:1.85}
.intro-text .text-link{margin-top:10px}
.menu-section{background:#e6d0af;color:var(--green-deep);padding-top:clamp(82px,9vw,126px);border-top:1px solid rgba(25,63,51,.12);border-bottom:1px solid rgba(25,63,51,.12)}
.section-head{justify-content:center;text-align:center;position:relative;margin-bottom:24px}
.section-head h2{font-size:clamp(52px,7vw,94px);color:var(--green);margin-top:19px}
.section-head h2 em{color:var(--brand-red)}
.menu-deck{font-size:14px;color:#75685a;margin:17px auto 0;line-height:1.6}
.desktop-link{position:absolute;right:0;bottom:7px}
.menu-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:32px auto 35px}
.menu-filters a{border:1px solid rgba(36,90,70,.24);color:var(--green);background:rgba(255,250,242,.72);padding:10px 16px;border-radius:100px;font-size:10px;font-weight:700;transition:background .2s,color .2s,border .2s}
.menu-filters a:hover{background:var(--green);border-color:var(--green);color:#fffaf2}
.dish-grid{gap:18px;max-width:1420px;margin:0 auto}
.dish-card{padding:10px 10px 1px;border-radius:14px;background:#fffaf2;box-shadow:0 8px 24px rgba(45,48,34,.05);overflow:hidden}
.dish-card:before{display:none}
.dish-card img,.dish-card-tall img{height:clamp(200px,23vw,330px);border-radius:9px;aspect-ratio:1.15;object-position:center}
.dish-card:nth-child(3n + 1){background:#fffcf7}
.dish-card:nth-child(3n + 2){background:#e8efe4}
.dish-card:nth-child(3n){background:#f8e7db}
.dish-meta{padding:17px 8px 8px;color:#877566;font-size:8px}
.dish-meta span:last-child{font-size:16px;color:var(--brand-red)}
.dish-card h3{font-size:clamp(24px,2.5vw,37px);color:var(--green);margin:0 8px 17px}
.mobile-menu-link .button-dark{border-radius:100px;background:var(--brand-red);color:#fff}
.menu-note{color:#7c6d5f;line-height:1.7}
.philosophy{grid-template-columns:1.05fr .95fr;min-height:600px;background:var(--green);color:#fffaf2}
.philosophy-photo{min-height:520px;position:relative}
.philosophy-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(36,90,70,.25))}
.philosophy-copy{background:var(--green);padding:clamp(60px,7vw,100px)}
.light-kicker{justify-content:flex-start;color:rgba(255,250,242,.7)}
.light-kicker span{color:var(--turmeric)}
.philosophy h2{font-size:clamp(49px,5.6vw,82px);color:#fffaf2}
.philosophy h2 em{color:#ffd36b}
.philosophy-copy>p{color:rgba(255,250,242,.8)}
.button-light{background:var(--brand-red);color:#fff;border-radius:100px}
.button-light:hover{background:var(--turmeric);color:var(--green-deep)}
.closing{background:#f8efdf}
.closing-script{color:var(--green);font-size:clamp(40px,6vw,78px)}
.closing h2{color:var(--green)}
.closing h2 em{color:var(--brand-red)}
.closing-cta .button-dark{border-radius:100px;background:var(--brand-red);color:#fff}
.closing-cta .button-dark:hover{background:var(--green);color:#fff}
.site-footer{background:var(--green-deep)}
.footer-main p{color:rgba(255,250,242,.7)}
.footer-brand{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:#fffaf2}
.footer-brand img{width:82px;height:82px}
.footer-label{color:#ffd36b}
.social-link span,.footer-bottom a{color:#ffd36b}
@media(max-width:800px){.site-header{top:14px;width:calc(100% - 28px);height:64px;padding:0 14px;border-radius:100px}.brand img{width:56px;height:56px}.main-nav{top:64px;border-radius:0 0 18px 18px;box-shadow:0 12px 24px rgba(30,40,30,.12)}.hero{height:auto;min-height:760px}.hero-copy{width:100%;min-height:760px;padding:150px var(--gutter) 100px;background:linear-gradient(90deg,rgba(25,63,51,.88),rgba(25,63,51,.46))}.hero h1{font-size:clamp(62px,12vw,94px)}.hero-photo{height:100%;min-height:760px}.hero-photo>img{object-position:57% center}.photo-note{right:20px;bottom:84px}.hero-bottom{bottom:0}.intro-grid{margin-top:25px}.section-head{margin-bottom:24px}.desktop-link{display:none}.menu-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:25px calc(-1 * var(--gutter)) 28px;padding:0 var(--gutter) 6px;scrollbar-width:none}.menu-filters::-webkit-scrollbar{display:none}.menu-filters a{white-space:nowrap}.dish-grid{gap:12px}.dish-card img,.dish-card-tall img{height:clamp(175px,42vw,300px)}.philosophy{grid-template-columns:1fr}.philosophy-photo{height:68vw;min-height:280px;max-height:480px}.philosophy-copy{padding:60px var(--gutter) 74px}.closing-bottom{grid-template-columns:1fr}.footer-brand{width:68px;height:68px}.footer-brand img{width:68px;height:68px}}
@media(max-width:420px){.hero{min-height:690px}.hero-copy{min-height:690px;padding-top:130px}.hero h1{font-size:58px}.hero-foot{font-size:7px;gap:9px}.hero-intro{max-width:340px}.dish-card img,.dish-card-tall img{height:155px}.dish-card h3{font-size:23px}.dish-meta{letter-spacing:.09em}.photo-note{font-size:12px}}

/* Multi-channel ordering links: keep direct ordering, Zomato and WhatsApp visible. */
.hero-actions .channel-link,.closing-channels .channel-link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.62);border-radius:100px;padding:15px 19px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#fff8ea;transition:transform .2s,background .2s;white-space:nowrap}
.hero-actions .channel-link:hover,.closing-channels .channel-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.11)}
.closing-channels{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.closing-cta .closing-channels .button{border-radius:100px;background:var(--brand-red);color:#fff}
@media(max-width:800px){.hero-actions{gap:10px}.hero-actions .channel-link{padding:14px 16px}.closing-channels{align-items:stretch}.closing-channels .button,.closing-channels .channel-link{flex:1 1 auto}}
@media(max-width:520px){.hero-actions .channel-link{font-size:9px}.closing-channels{flex-direction:column}.closing-channels .button,.closing-channels .channel-link{width:100%;justify-content:center}}

/* Desktop and phone hero fixes: keep the title clear of the floating navigation and the 24/7 badge above the image overlay. */
@media (min-width: 801px) {
  .hero {
    height: max(860px, 100svh);
    min-height: 860px;
  }
  .hero-copy {
    justify-content: flex-start;
    padding-top: clamp(180px, 20vh, 220px);
    padding-bottom: 96px;
  }
  .hero h1 {
    font-size: clamp(64px, 7.4vw, 104px);
  }
  .hero-actions {
    gap: 14px;
  }
  .hero-actions .channel-link {
    padding: 13px 15px;
  }
  .hero-foot {
    margin-top: 38px;
  }
  .photo-note {
    right: clamp(34px, 6vw, 84px);
    bottom: 126px;
    z-index: 3;
  }
}

@media (max-width: 800px) {
  .hero {
    min-height: 820px;
  }
  .hero-copy,
  .hero-photo {
    min-height: 820px;
  }
  .hero-copy {
    padding-top: 136px;
    padding-bottom: 112px;
  }
  .hero-actions {
    row-gap: 12px;
  }
  .photo-note {
    top: auto;
    right: 18px;
    bottom: 136px;
    z-index: 3;
  }
  
}

@media (max-width: 420px) {
  .hero,
  .hero-copy,
  .hero-photo {
    min-height: 820px;
  }
  .hero-copy {
    padding-top: 126px;
    padding-bottom: 116px;
  }
  .hero h1 {
    font-size: 58px;
  }
  .photo-note {
    right: 16px;
    bottom: 136px;
  }
}
@media (max-width: 800px) {
  .photo-note { bottom: 160px; }
}
@media (max-width: 420px) {
  .photo-note { bottom: 160px; }
}

/* Playful Nashta sticker system: illustrated food marks replace the numeric badge and capsule chips. */
.site-header {
  border-radius: 18px;
}
.nav-order,
.button,
.hero-actions .button-dark,
.hero-actions .channel-link,
.closing-channels .channel-link,
.mobile-menu-link .button-dark,
.button-light,
.closing-cta .button-dark {
  border-radius: 5px;
}
.nav-order,
.hero-actions .button-dark,
.closing-cta .button-dark {
  box-shadow: 3px 4px 0 var(--green-deep);
}
.hero-actions .channel-link {
  border: 2px solid rgba(255,250,242,.86);
  box-shadow: 3px 4px 0 rgba(25,63,51,.38);
}
.hero-photo > .hero-food-photo {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center 55%;
}
.menu-filters {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
  max-width: 1120px;
  margin: 38px auto 42px;
}
.menu-sticker {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 10px;
  min-height: 82px;
  padding: 12px 11px;
  border: 3px solid var(--paper);
  border-radius: 5px 13px 6px 11px;
  box-shadow: 0 4px 0 var(--green-deep), 0 0 0 1px rgba(25,63,51,.18);
  color: var(--green-deep);
  font-size: 11px;
  line-height: 1.15;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease;
}
.menu-sticker:nth-child(1) { transform: rotate(-2deg); }
.menu-sticker:nth-child(2) { transform: rotate(1.5deg); }
.menu-sticker:nth-child(3) { transform: rotate(-1deg); }
.menu-sticker:nth-child(4) { transform: rotate(2deg); }
.menu-sticker:nth-child(5) { transform: rotate(-1.5deg); }
.menu-sticker:hover,
.menu-sticker:focus-visible {
  transform: translateY(-5px) rotate(0deg);
  box-shadow: 0 8px 0 var(--green-deep), 0 0 0 1px rgba(25,63,51,.18);
}
.menu-sticker img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}
.menu-sticker b {
  align-self: start;
  font-size: 15px;
}
.menu-sticker-chai { background: #f6cf78; }
.menu-sticker-chole { background: #f0b36a; }
.menu-sticker-paratha { background: #ffd95b; }
.menu-sticker-vada { background: var(--brand-red); color: #fff8ea; }
.menu-sticker-chilli { background: #b8d0a4; }
@media (max-width: 1000px) and (min-width: 801px) {
  .menu-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 760px; }
}
@media (max-width: 800px) {
  .site-header { border-radius: 14px; }
  .hero { display: grid; grid-template-columns: 1fr; height: auto; min-height: 0; }
  .hero-copy {
    width: 100%;
    min-height: 0;
    padding: 132px var(--gutter) 58px;
    background: var(--green-deep);
  }
  .hero-photo {
    position: relative;
    inset: auto;
    z-index: 0;
    height: 76vw;
    min-height: 340px;
    max-height: 500px;
  }
  .hero-photo > .hero-food-photo { object-position: 57% center; }
  
  .hero-bottom { z-index: 4; }
  .menu-filters {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 28px calc(-1 * var(--gutter)) 34px;
    padding: 8px var(--gutter) 12px;
    scrollbar-width: none;
  }
  .menu-filters::-webkit-scrollbar { display: none; }
  .menu-sticker { flex: 0 0 184px; min-height: 76px; }
}
@media (max-width: 420px) {
  .hero-copy { padding-top: 124px; padding-bottom: 52px; }
  .hero-photo { height: 90vw; min-height: 330px; max-height: 390px; }
  .menu-sticker { flex-basis: 172px; }
}
@media (prefers-reduced-motion: reduce) {
  .menu-sticker { transition: none; }
}

/* Menu visual polish from the desktop review screenshot. */
.menu-section .section-head h2 { color: var(--green-deep); }
.menu-section .section-head h2 em { color: var(--brand-red); }
.menu-sticker b {
  align-self: center;
  justify-self: end;
  color: rgba(25,63,51,.56);
  font-size: 10px;
  line-height: 1;
  font-weight: 600;
}
.menu-section .dish-card {
  box-shadow: 0 5px 0 var(--green-deep), 0 12px 24px rgba(25,63,51,.12);
}
.menu-section .dish-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 0 var(--green-deep), 0 16px 28px rgba(25,63,51,.16);
}


/* Glisco Kitchens topographic wave, repeated across the dark footer. */
.site-footer { position: relative; overflow: hidden; isolation: isolate; }
.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("assets/images/brand-pattern.webp");
  background-size: 1100px auto;
  background-repeat: repeat;
  opacity: .58;
}
.site-footer > * { position: relative; z-index: 1; }

/* Phone layout: keep every section inside the viewport, with no sideways page or category scrolling. */
@media (max-width: 800px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }
  .menu-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    margin: 28px 0 34px;
    padding: 8px 0 12px;
  }
  .menu-sticker {
    min-width: 0;
    min-height: 68px;
    grid-template-columns: 36px minmax(0, 1fr) 10px;
    gap: 7px;
    padding: 8px;
    flex: initial;
  }
  .menu-sticker img {
    width: 34px;
    height: 34px;
  }
  .menu-sticker:nth-child(n) { transform: none; }
  .closing-channels .channel-link {
    color: var(--green-deep);
    border-color: rgba(25,63,51,.42);
    background: rgba(25,63,51,.04);
  }
  .closing-channels .channel-link:hover {
    background: rgba(25,63,51,.1);
  }
  .footer-bottom,
  .footer-bottom a {
    color: #fff8ea;
  }
}

/* The closing links sit on a light background, so keep them legible at desktop too. */
.closing-channels .channel-link {
  color: var(--green-deep);
  border-color: rgba(25,63,51,.42);
  background: rgba(25,63,51,.04);
}
.closing-channels .channel-link:hover {
  background: rgba(25,63,51,.1);
}
.footer-bottom,
.footer-bottom a {
  color: #fff8ea;
}

.closing-channels .channel-link {
  border-radius: 100px;
}


/* Match hero CTA heights for a calmer, cohesive button row. */
.hero-actions .button-dark,
.hero-actions .channel-link {
  height: 46px;
  min-height: 46px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Compact the closing section for phone screens: balanced quote, tighter CTA grouping. */
@media (max-width: 800px) {
  .closing {
    padding-top: 54px;
    padding-bottom: 58px;
  }
  .closing-script {
    max-width: 390px;
    margin: 0 auto 42px;
    font-size: clamp(26px, 7.5vw, 34px);
    line-height: 1.15;
  }
  .closing-bottom {
    gap: 22px;
  }
  .closing h2 {
    font-size: clamp(34px, 9vw, 48px);
    line-height: 1.04;
  }
  .closing-cta p {
    margin-bottom: 16px;
  }
}
@media (max-width: 420px) {
  .closing {
    padding-top: 46px;
    padding-bottom: 50px;
  }
  .closing-script {
    max-width: 320px;
    font-size: 26px;
  }
  .closing h2 {
    font-size: 34px;
  }
}
