/* v85: self-hosted fonts (no Google Fonts requests) */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/dm-sans-var.woff2) format('woff2')}
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/dm-serif-normal.woff2) format('woff2')}
@font-face{font-family:'DM Serif Display';font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/dm-serif-italic.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Telugu';font-style:normal;font-weight:600;font-display:block;src:url(assets/fonts/noto-telugu-600.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Telugu';font-style:normal;font-weight:700;font-display:block;src:url(assets/fonts/noto-telugu-700.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Kannada';font-style:normal;font-weight:600;font-display:block;src:url(assets/fonts/noto-kannada-600.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Kannada';font-style:normal;font-weight:700;font-display:block;src:url(assets/fonts/noto-kannada-700.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Tamil';font-style:normal;font-weight:600;font-display:block;src:url(assets/fonts/noto-tamil-600.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Tamil';font-style:normal;font-weight:700;font-display:block;src:url(assets/fonts/noto-tamil-700.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Malayalam';font-style:normal;font-weight:600;font-display:block;src:url(assets/fonts/noto-malayalam-600.woff2) format('woff2')}
@font-face{font-family:'Noto Sans Malayalam';font-style:normal;font-weight:700;font-display:block;src:url(assets/fonts/noto-malayalam-700.woff2) format('woff2')}

:root{--bg-rv:url(assets/village-reviews.webp);--bg-rw:url(assets/rewards-bg.webp);--bg-fb:url(assets/fbd2217782-700w.webp);--g:#174A32;--dk:#103A27;--go:#F7B12E;--go2:#DFA92E;--iv:#F8F4E8;--tc:#8B5635;--cr:#F5EED2;--br:#331709;--hf:"DM Serif Display",Georgia,serif;--bf:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 16px/1.6 var(--bf);background:var(--cr);color:#214C39;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.w{max-width:1200px;margin:0 auto;padding:0 32px}
h1,h2,h3{font-family:var(--hf);font-weight:400;color:var(--g);line-height:1.02}
h2{font-size:clamp(38px,4.4vw,58px)}
.eb{font:700 12px var(--bf);letter-spacing:.2em;text-transform:uppercase;color:var(--g);display:flex;align-items:center;gap:12px;margin-bottom:16px}.eb:after{content:"";width:28px;height:2px;background:var(--go)}
.btn{display:inline-flex;gap:12px;align-items:center;background:var(--go);color:var(--br);font-weight:700;font-size:15px;padding:14px 26px;border-radius:40px;transition:.3s;box-shadow:0 6px 16px rgba(247,177,46,.3)}
.btn:hover{transform:translateY(-3px);background:#F9C43F}.btn i{font-style:normal;transition:.3s}.btn:hover i{transform:translateX(5px)}.btn.dk{background:var(--g);color:#fff;box-shadow:none}
.lead{max-width:440px;margin:18px 0 28px}
.wv{display:block;width:100%;height:70px;position:absolute;left:0;z-index:5;pointer-events:none}
.wv.t{top:-69px}.wv.b{bottom:-69px;transform:scaleY(-1)}
.rv{opacity:0;transform:translateY(34px);transition:opacity .9s,transform .9s}.rv.in{opacity:1;transform:none}
header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--cr);height:84px;transition:height .3s,box-shadow .3s}
header.s{height:66px;box-shadow:0 6px 20px rgba(16,58,39,.12)}
.hw{position:absolute;top:100%;left:0;width:100%;height:22px;transform:scaleY(-1);color:var(--cr);margin-top:-1px}
.nv{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nv>a img{height:52px;width:auto;transition:.3s}header.s .nv>a img{height:44px}
nav{display:flex;gap:30px;font-size:13.5px;font-weight:500}
nav a{position:relative;padding:6px 0}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--go);transition:right .3s}nav a:hover:after,nav a.on:after{right:0}
.bg{display:none;background:none;border:0;font-size:28px;color:var(--g);cursor:pointer}
#home{position:relative;height:max(660px,100vh);overflow:hidden;background:#E9A56A}
.hbg{position:absolute;inset:-6% 0 0;width:100%;height:112%;object-fit:cover;object-position:78% 55%;will-change:transform}
.hc{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:max(130px,17vh)}
.hc>*{opacity:0;transform:translateY(30px);animation:up .9s cubic-bezier(.2,.7,.2,1) forwards}.hc>:nth-child(2){animation-delay:.15s}.hc>:nth-child(3){animation-delay:.3s}.hc>:nth-child(4){animation-delay:.45s}
@keyframes up{to{opacity:1;transform:none}}
h1{font-size:clamp(42px,4.8vw,70px);letter-spacing:-.02em;text-shadow:0 2px 20px rgba(255,225,170,.35)}h1 em{font-style:normal;color:var(--go);text-shadow:0 2px 0 rgba(110,50,0,.4),0 4px 24px rgba(60,20,0,.5)}
#home .lead{color:#3a2a14;font-weight:500;max-width:330px}
section.sc{position:relative;padding:110px 0 100px}
.g3{display:grid;grid-template-columns:1.05fr 1.1fr .8fr;gap:44px;align-items:center}
.bw{position:relative}.bl{overflow:hidden;border-radius:54% 46% 52% 48%/46% 52% 48% 54%;aspect-ratio:1.12;box-shadow:0 0 0 7px var(--cr),0 0 0 9px var(--go),0 24px 50px rgba(16,58,39,.22);transition:.6s}.bl:hover{border-radius:48% 52% 46% 54%/52% 46% 54% 48%}
.bl img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.bl:hover img{transform:scale(1.07)}
.lf{position:absolute;width:34%;z-index:2;filter:drop-shadow(0 6px 8px rgba(0,0,0,.2))}.lf.a{right:-6%;top:-16%;transform:rotate(25deg)}.lf.c{left:-8%;bottom:-14%;transform:rotate(200deg)}
.fl{border-left:1px solid rgba(200,115,52,.4);padding-left:34px;display:grid;gap:22px}
.ft{display:flex;gap:16px;align-items:center}.ic{flex:none;width:56px;height:56px;border-radius:50%;background:var(--g);display:grid;place-items:center;transition:.4s}.ft:hover .ic{transform:rotate(-8deg) scale(1.1);background:var(--go)}.ic svg{width:27px;height:27px;stroke:var(--go);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ft:hover .ic svg{stroke:var(--g)}
.ft b{font:400 19px var(--hf);color:var(--g);display:block;line-height:1.2}.ft span{font-size:13.5px;line-height:1.4;display:block;margin-top:2px}
#stay{background:var(--cr);padding-bottom:120px}
.g2{display:grid;grid-template-columns:.85fr 1.6fr .55fr;gap:40px;align-items:center}
.bl.wd{aspect-ratio:1.55;border-radius:50% 46% 52% 48%/58% 52% 48% 42%}
.wm{position:absolute;right:2%;bottom:-20px;width:min(210px,18vw);animation:fl 6s ease-in-out infinite;transform-origin:bottom}@keyframes fl{50%{transform:rotate(1.6deg) translateY(-6px)}}
.bd{position:absolute;right:20%;top:6%;width:70px;stroke:var(--g);fill:none;stroke-width:2;animation:fl 5s ease-in-out infinite}
#exp{background:var(--g);color:var(--cr);padding:0;position:relative}
.eg{display:grid;grid-template-columns:44% 56%;min-height:480px}
.ar{background:center/cover;clip-path:polygon(0 0,100% 0,95% 12%,100% 25%,94% 38%,100% 52%,94% 66%,100% 80%,95% 100%,0 100%)}
.ec{padding:80px 6% 80px 4%;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.ec h2{color:var(--cr)}.ec .eb{color:var(--go)}.ec p{margin:16px 0 26px;font-size:15px}
.xl{display:grid;gap:20px}.xl .ic{width:44px;height:44px;background:none;border-radius:0}.xl .ic svg{width:34px;height:34px;stroke:var(--cr)}.xl b{font:700 15px var(--bf);color:#fff;display:block}.xl span{font-size:13px;opacity:.8}.xl .ft:hover .ic{background:none;transform:scale(1.15)}.xl .ft:hover .ic svg{stroke:var(--go)}
#cta{background:var(--go);position:relative;padding:56px 0}.cg{display:flex;align-items:center;gap:48px}.cg img.lg{height:92px;width:auto}.cg small{display:block;font-size:12px;letter-spacing:.14em;color:var(--g);margin-top:8px}
.cg h2{font-size:clamp(30px,3.2vw,44px);margin-bottom:8px}.cg p{font-size:14px;color:#3a2a14}.cg .btn{white-space:nowrap;flex:none;margin-left:auto;margin-right:clamp(0px,16vw,220px)}
.sv{position:absolute;right:0;bottom:0;height:calc(100% + 34px);width:auto;pointer-events:none}
footer{background:var(--dk);color:var(--cr);padding:34px 0 0;font-size:13px}.fg{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.fg b{font:400 22px var(--hf)}.fg nav{font-size:12px;gap:0}.fg nav a{padding:0 14px;border-left:1px solid rgba(255,255,255,.25)}.fg nav a:first-child{border:0}.fg nav a:after{display:none}.fg nav a:hover{color:var(--go)}
.so{display:flex;gap:16px;justify-self:end}.so svg{width:22px;height:22px;stroke:var(--cr);fill:none;stroke-width:1.8;transition:.3s}.so a:hover svg{stroke:var(--go);transform:translateY(-3px)}
.cp{text-align:center;font-size:11px;opacity:.65;padding:22px 0 20px}
.orn{height:14px;background:repeating-linear-gradient(90deg,var(--go) 0 6px,transparent 6px 10px,#C87334 10px 14px,transparent 14px 20px);opacity:.8}
#mu{position:fixed;left:20px;bottom:20px;z-index:300;display:flex;align-items:center;gap:10px;background:var(--cr);border:2px solid var(--go);color:var(--g);font:700 12px var(--bf);letter-spacing:.1em;padding:10px 16px;border-radius:30px;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.25);transition:.3s}#mu:hover{transform:translateY(-3px)}
#mu span{display:flex;gap:2px;align-items:flex-end;height:16px}#mu i{width:3px;height:4px;background:var(--g);border-radius:2px}#mu.on i{animation:eq .9s ease-in-out infinite}#mu.on i:nth-child(2){animation-delay:.2s}#mu.on i:nth-child(3){animation-delay:.4s}#mu.on i:nth-child(4){animation-delay:.1s}@keyframes eq{50%{height:16px}}
@media(max-width:1000px){.sl img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:none;mask-image:none}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cr);flex-direction:column;padding:16px 32px 22px;gap:14px}nav.o{display:flex}.bg{display:block}header>.nv>.btn{display:none}
.g3,.g2,.eg,.ec{grid-template-columns:1fr}.fl{border:0;padding:0}.ar{min-height:300px;clip-path:none}.wm{position:relative;width:150px;margin:0 0 0 auto;right:0;bottom:0}.cg{flex-wrap:wrap;gap:22px}.cg .btn{margin:0}.sv{opacity:.35}.fg{grid-template-columns:1fr;justify-items:center}.so{justify-self:center}.fg nav{flex-wrap:wrap;justify-content:center;gap:8px 0}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
}
/* ===== new intro (scoped to #sx / .sx-*) ===== */


/* ===== Swagramam intro v3. Scoped to #sx / .sx-*.  TIMELINE: edit these three numbers to re-time. =====
   sketch draws in (0-3s) > regions paint in (2-7.5s) > lamps light > welcome in 4 languages > brand + tagline > CTA */
@property --r{syntax:"<length>";inherits:false;initial-value:0px}
#sx{--t-sk:.3s;--t-wl:5.4s;--t-cta:16.4s;--gold:#F7B12E;--cream:#FFF4D6;--brown:#3a1a00;
position:fixed;inset:0;z-index:1000;overflow:hidden;color:var(--cream);font-family:"DM Sans",system-ui,sans-serif;
background:radial-gradient(circle at 50% 45%,#f6e6b8,#dcbb74)}
#sx *{box-sizing:border-box;margin:0}
#sx::after{content:"";position:absolute;left:50%;top:55%;width:260vmax;height:260vmax;translate:-50% -50%;scale:0;border-radius:50%;z-index:8;pointer-events:none;background:radial-gradient(circle,#FFF4D6 0,#FFF4D6 40%,rgba(247,213,138,.85) 52%,rgba(247,177,46,0) 62%)}
#sx.veil::after{animation:sx-vl .8s .25s cubic-bezier(.5,0,.2,1) forwards}
#sx.veil .sx-cta{animation:sx-fo .3s forwards}
@keyframes sx-vl{to{scale:1}}
@keyframes sx-fo{from{opacity:1}to{opacity:0}}
#sx.out{opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s}

/* the artwork: all layers share one 3:2 box that is panned and zoomed as the "camera" */
.sx-art{position:absolute;left:0;top:50%;width:var(--W);aspect-ratio:3/2;translate:0 -50%;scale:var(--sc0);transform-origin:var(--zox) 62%;will-change:translate,scale}
.sx-art>*{position:absolute;inset:0}
.sx-sk{background:var(--sk) 0 0/100% 100%;-webkit-mask:linear-gradient(100deg,#000 38%,transparent 62%) 100% 0/320% 100% no-repeat;mask:linear-gradient(100deg,#000 38%,transparent 62%) 100% 0/320% 100% no-repeat}
.sx-bl{position:absolute;inset:0;background:var(--pt) 0 0/100% 100%;--r:calc(var(--W)*-.1);
-webkit-mask:radial-gradient(circle at var(--cx) var(--cy),#000 var(--r),transparent calc(var(--r) + var(--W)*.07));mask:radial-gradient(circle at var(--cx) var(--cy),#000 var(--r),transparent calc(var(--r) + var(--W)*.07))}
#sx.np .sx-bl{-webkit-mask:none;mask:none;opacity:0}
.sx-fc{background:var(--pt) 0 0/100% 100%;opacity:0}
.sx-sun{background:radial-gradient(circle at 75.5% 34.7%,rgba(255,200,90,.55),rgba(255,150,40,0) 17%);mix-blend-mode:screen;opacity:0}
.sx-lm{position:absolute;aspect-ratio:1;translate:-50% -50%;border-radius:50%;opacity:0;mix-blend-mode:screen;
background:radial-gradient(circle,rgba(255,226,140,.95),rgba(255,170,50,.35) 40%,rgba(255,150,30,0) 70%)}
.sx-dk{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;background:linear-gradient(180deg,rgba(70,24,100,.4),rgba(110,40,60,.08) 62%,transparent)}
.sx-vg{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;background:linear-gradient(180deg,rgba(30,10,0,.62),rgba(30,10,0,.18) 40%,transparent 56%),linear-gradient(0deg,rgba(30,10,0,.6),transparent 30%)}

/* fireflies + birds */
.sx-pt{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.sx-pt i{position:absolute;bottom:-10px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#FFD36B;
box-shadow:0 0 calc(var(--s)*3) calc(var(--s)*.5) var(--gold);opacity:0;animation:sx-rise var(--d) var(--l) linear infinite}
.sx-pt b{position:absolute;top:-24px;left:var(--x);width:var(--w);height:calc(var(--w)*.62);border-radius:60% 40% 60% 40%;background:radial-gradient(circle at 30% 30%,#FFD06B,#F08A1C);opacity:0}
#sx.go .sx-pt b{animation:sx-pf var(--d) var(--l) ease-in-out both}
@keyframes sx-pf{0%{opacity:0;transform:translate3d(0,0,0) rotate(0)}12%{opacity:.85}88%{opacity:.7}100%{opacity:0;transform:translate3d(var(--dx),106vh,0) rotate(var(--r))}}
.sx-ray{position:absolute;left:25%;top:6%;width:55vw;height:18vh;z-index:2;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,214,130,.16),transparent);rotate:-18deg;filter:blur(12px)}
#sx.go .sx-ray{animation:sx-ry 3.4s 5.6s ease-in-out both}
@keyframes sx-ry{0%{opacity:0;translate:-18vw 0}50%{opacity:1}100%{opacity:0;translate:18vw 0}}
.sx-tv{position:absolute;left:50%;top:15%;width:clamp(120px,22vw,300px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,226,140,.9),rgba(255,170,50,.35) 40%,rgba(255,150,30,0) 70%);mix-blend-mode:screen;opacity:0;z-index:4;pointer-events:none}
#sx.go .sx-tv{animation:sx-tv 1.9s calc(var(--t-wl) + 2.9s) cubic-bezier(.4,0,.3,1) both}
@keyframes sx-tv{0%{opacity:0;transform:translateY(46vh) scale(.25)}25%{opacity:.9}72%{opacity:.9;transform:translateY(0) scale(.7)}100%{opacity:0;transform:translateY(0) scale(1.9)}}
.sx-bd{position:absolute;z-index:3;left:-60px;top:var(--y);width:var(--s);fill:none;stroke:#3b1d08;stroke-width:1.7;stroke-linecap:round;opacity:0;pointer-events:none}
.sx-bd path{transform-box:fill-box;transform-origin:50% 100%;animation:sx-fp .45s ease-in-out infinite alternate}

/* welcome block, in the open sky */
.sx-wm{position:absolute;left:0;right:0;top:5.5%;z-index:5;text-align:center;pointer-events:none;padding:0 16px}
.sx-wm small{display:block;opacity:0;font:700 clamp(11px,1.4vw,15px) "DM Sans";letter-spacing:.5em;padding-left:.5em;text-shadow:0 2px 12px #000}
.sx-st{display:grid;place-items:center;min-height:clamp(74px,10.5vw,138px);filter:drop-shadow(0 3px 0 #7a3a00) drop-shadow(0 8px 22px rgba(40,10,0,.7))}
.sx-st>*{grid-area:1/1;opacity:0}
.sx-w{font:600 clamp(48px,8vw,116px)/1.3 "Noto Sans Telugu",sans-serif;padding:0 .05em;filter:drop-shadow(0 0 9px var(--gl,transparent));background:linear-gradient(180deg,#FFF8E0,var(--ac,#FFD98A));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.sx-w[lang=kn]{font-family:"Noto Sans Kannada",sans-serif}.sx-w[lang=ta]{font-family:"Noto Sans Tamil",sans-serif;font-size:clamp(40px,6.4vw,92px)}.sx-w[lang=ml]{font-family:"Noto Sans Malayalam",sans-serif}
.sx-br{font:400 clamp(40px,7.2vw,104px)/1.1 "DM Serif Display",Georgia,serif;letter-spacing:.075em;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%) 100% 0/250% 100% no-repeat,linear-gradient(105deg,#f9d878 0%,#fff3c7 28%,#d99a28 50%,#fff0b0 72%,#f9d878 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.sx-br::after{content:"";display:block;width:34%;height:8px;margin:4px auto 0;border-bottom:2px solid #F7B12E;border-radius:0 0 50% 50%/0 0 100% 100%;-webkit-mask:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);filter:drop-shadow(0 0 4px rgba(247,177,46,.6));transform:scaleX(0)}
.sx-wm em{display:inline-block;opacity:0;max-width:100%;margin-top:6px;font:700 clamp(10px,1.3vw,14px)/1.5 "DM Sans";font-style:normal;letter-spacing:.22em;color:var(--brown);background:var(--gold);padding:8px 20px;border-radius:30px}
.sx-tg{margin-top:14px}
.sx-tg i{font-style:italic}.sx-tg .r{display:inline-block}
.sx-tg span{display:inline-block;max-width:92vw;font:italic 400 clamp(18px,2.5vw,32px)/1.3 "DM Serif Display",Georgia,serif;color:var(--cream);text-shadow:0 1px 1px rgba(55,20,0,.9),0 4px 20px rgba(30,10,0,.82),0 0 28px rgba(255,195,90,.10);clip-path:inset(-10% 100% -10% 0)}

/* call to action */
.sx-cta{position:absolute;left:0;right:0;bottom:6%;z-index:5;text-align:center;opacity:0;padding:0 16px}
#sx .sx-ch{display:flex;flex-wrap:wrap;justify-content:center;width:max-content;max-width:100%;margin:0 auto 16px;padding:8px 18px;background:rgba(20,8,2,.6);backdrop-filter:blur(6px);border:1px solid rgba(247,177,46,.7);border-radius:30px}
.sx-ch span{font:700 12px "DM Sans";letter-spacing:.06em;white-space:nowrap}.sx-ch span+span::before{content:"·";color:var(--gold);margin:0 .7em}
.sx-bt{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.sx-bt a{font:700 15px "DM Sans";padding:14px 28px;border-radius:40px;background:var(--gold);color:#331709;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.sx-bt a{transition:transform .25s,box-shadow .25s,background .25s,border-color .25s,filter .25s}
@media(hover:hover){.sx-bt a:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(247,177,46,.35);filter:brightness(1.06)}.sx-bt a+a:hover{border-color:var(--gold);background:rgba(255,244,214,.14);box-shadow:none}}
.sx-bt a:active{filter:brightness(1.12)}
.sx-bt a+a{background:rgba(20,8,2,.5);color:var(--cream);border:2px solid rgba(255,244,214,.7);box-shadow:none}
.sx-bt a:focus-visible,.sx-ctl button:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* controls: skip, replay (remove when merging if you like), music toggle (on by default) */
.sx-ctl{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:9}
.sx-ctl button{display:flex;align-items:center;gap:8px;background:#F5EED2;border:2px solid var(--gold);color:#174A32;font:700 10px "DM Sans";letter-spacing:.1em;padding:7px 12px;border-radius:30px;cursor:pointer}
#sxmu span{display:flex;gap:2px;align-items:flex-end;height:12px}#sxmu i{width:3px;height:3px;background:#174A32;border-radius:2px}
#sxmu.on i{animation:sx-eq .9s ease-in-out infinite}#sxmu.on i:nth-child(2){animation-delay:.2s}#sxmu.on i:nth-child(3){animation-delay:.4s}
#sx.done #sxsk{display:none}

/* ===== sequence (all driven off #sx.go) ===== */
#sx.go .sx-art{animation:sx-cam 10.5s .2s cubic-bezier(.35,0,.2,1) both}
#sx.go .sx-sk{animation:sx-sk 3.2s var(--t-sk) cubic-bezier(.5,0,.3,1) both}
#sx.go .sx-bl{animation:sx-bl 2.4s var(--t) cubic-bezier(.4,0,.2,1) both}
#sx.np.go .sx-bl{animation:sx-vis 1.6s var(--t) ease both}
#sx.go .sx-fc{animation:sx-vis 1.4s 7.2s ease forwards}
#sx.go .sx-sun{animation:sx-vis 2s 6s forwards,sx-fk 4s 8s ease-in-out infinite alternate}
#sx.go .sx-lm{animation:sx-vis .9s var(--t) both,sx-fk 3.4s calc(var(--t) + .9s) ease-in-out infinite alternate}
#sx.go .sx-dk{animation:sx-vis 4s 7.4s forwards}
#sx.go .sx-vg{animation:sx-vis 1.6s calc(var(--t-wl) - .6s) forwards}
#sx.go .sx-bd{animation:sx-fly 11s var(--l) linear both}
#sx.go .sx-wm small{animation:sx-up .9s calc(var(--t-wl) - .3s) both}
#sx.go .sx-w{animation:sx-wr var(--du,1.45s) calc(var(--t-wl) + var(--ds,calc(var(--i)*1.05s))) both}#sx.go .sx-w.me{animation-name:sx-wr2}
#sx.go .sx-rp{animation:sx-vis 1.6s 7.4s forwards}
#sx.go .sx-sg{animation:sx-pl 1.6s calc(var(--t-wl) + 4.35s) ease-out both}
#sx.go .sx-br{animation:sx-bw 1.3s calc(var(--t-wl) + 4.3s) cubic-bezier(.5,0,.2,1) both,sx-sw 1.5s calc(var(--t-wl) + 5.4s) ease-in-out both}
#sx.go .sx-br::after{animation:sx-ul .9s calc(var(--t-wl) + 5.3s) cubic-bezier(.4,0,.2,1) both}
#sx.go .sx-wm em{animation:sx-up .9s calc(var(--t-wl) + 4.8s) both}
#sx.go .sx-tg span{animation:sx-wp 1.9s calc(var(--t-wl) + 5.2s) cubic-bezier(.65,0,.25,1) forwards}
#sx.go .sx-tg .s{animation:sx-sg 1.6s calc(var(--t-wl) + 6.7s) ease-out both}
#sx.go .sx-tg .r{animation:sx-rs 1.4s calc(var(--t-wl) + 7.2s) cubic-bezier(.3,0,.2,1) both}
#sx.go .sx-cta{animation:sx-up .9s var(--t-cta) both}
@keyframes sx-cam{to{translate:var(--panx) -50%;scale:1}}
@keyframes sx-sk{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes sx-bl{to{--r:calc(var(--W)*.9)}}
@keyframes sx-vis{to{opacity:1}}
@keyframes sx-fk{0%{opacity:.72}40%{opacity:1}65%{opacity:.8}100%{opacity:.95}}
@keyframes sx-bw{0%{opacity:1;clip-path:inset(-10% 100% -30% 0);transform:translateY(8px)}100%{opacity:1;clip-path:inset(-10% -3% -30% 0);transform:none}}
@keyframes sx-sw{from{background-position:100% 0}to{background-position:0 0}}
@keyframes sx-ul{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sx-sg{to{color:#FFE7A3;text-shadow:0 1px 1px rgba(55,20,0,.9),0 0 18px rgba(255,200,90,.75),0 4px 20px rgba(30,10,0,.8)}}
@keyframes sx-rs{0%{transform:translateY(-4px)}100%{transform:none;color:#F4C35E;text-shadow:0 1px 1px rgba(55,20,0,.9),0 3px 16px rgba(247,177,46,.3),0 4px 20px rgba(30,10,0,.8)}}
@keyframes sx-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes sx-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
@keyframes sx-wp{from{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% -3% -10% 0)}}
@keyframes sx-wr{0%{opacity:0;clip-path:inset(-40% 100% -40% 0);transform:translate(var(--dx,0),var(--dy,0))}14%{opacity:1}34%{clip-path:inset(-40% -10% -40% 0);transform:none}76%{opacity:1;clip-path:inset(-40% -10% -40% 0)}100%{opacity:0;clip-path:inset(-40% -10% -40% 0);transform:translateY(-8px)}}
@keyframes sx-lg{0%{opacity:0;transform:translateY(16px) scale(.97);filter:blur(6px)}22%{opacity:1;transform:none;filter:none}78%{opacity:1}100%{opacity:0;transform:translateY(-10px);filter:blur(4px)}}
@keyframes sx-fly{0%{opacity:0;translate:0 0}8%{opacity:.9}92%{opacity:.9}100%{opacity:0;translate:calc(100vw + 140px) -50px}}
@keyframes sx-fp{to{transform:scaleY(.3)}}
@keyframes sx-eq{50%{height:12px}}
@keyframes sx-rise{0%{opacity:0;transform:translate(0,0)}15%{opacity:var(--o)}100%{opacity:0;transform:translate(var(--dx),-105vh)}}
/* peacock: real feather fan opens behind the painted bird */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.sx-pfw{inset:auto;opacity:0;transform-origin:50% 100%;rotate:-6deg;pointer-events:none;
-webkit-mask:conic-gradient(from -90deg at 50% 100%,#000 calc(var(--ang) - 10deg),transparent var(--ang));mask:conic-gradient(from -90deg at 50% 100%,#000 calc(var(--ang) - 10deg),transparent var(--ang))}
.sx-pfw img{display:block;width:100%;height:100%;transform-origin:50% 100%}
.sx-pbd{position:absolute;inset:auto;height:auto;opacity:0;pointer-events:none;max-width:none}
#sx.go .sx-pbd{animation:sx-vis .7s 6.2s ease forwards}
#sx.go .sx-pfw{animation:sx-pfo 3.2s 7.2s cubic-bezier(.3,.1,.25,1) both}
#sx.go .sx-pfw img{animation:sx-pq 2.8s 10.6s ease-in-out infinite alternate}
@keyframes sx-pfo{0%{--ang:0deg;opacity:0;scale:.5}10%{opacity:1}100%{--ang:190deg;opacity:1;scale:1}}
@keyframes sx-pq{from{rotate:-.7deg}to{rotate:.7deg}}
#sx.np .sx-pfw{-webkit-mask:none;mask:none}
@media(prefers-reduced-motion:reduce){#sx .sx-pfw img{animation:none!important}}
.sx-tg span{text-wrap:balance}
/* walking villagers, rolling wheel, swaying boards, peacock fan */
.sx-fg img,.sx-pk,.sx-sn{pointer-events:none;user-select:none}
.sx-gp{position:absolute;inset:0;opacity:0}.sx-bob{position:absolute;inset:0}.sx-bob img{position:absolute;display:block;max-width:none;height:auto}
.sx-bob.b1{transform-origin:30% 95%}.sx-bob.b2{transform-origin:39% 93%}
#sx.go .sx-gp{animation:sx-gin .7s 3.7s ease forwards,sx-wk 26s 3.7s linear both}
#sx.go .b1{animation:sx-bb 2.6s ease-in-out infinite alternate}#sx.go .b2{animation:sx-bsw 1.9s ease-in-out infinite alternate}
#sx.go .wh{animation:sx-whl 26s 3.7s linear both}
@keyframes sx-gin{to{opacity:1}}@keyframes sx-wk{to{translate:1.8% 0}}@keyframes sx-whl{to{rotate:19deg}}
@keyframes sx-bb{from{translate:0 0;rotate:-.1deg}to{translate:0 -.13%;rotate:.1deg}}
@keyframes sx-bsw{0%{translate:0 0;rotate:-.25deg}50%{translate:0 -.14%;rotate:0deg}100%{translate:0 0;rotate:.25deg}}
.sx-pk{width:100%;height:100%;overflow:visible}
.sx-pk .pf{transform-origin:1452px 833px;opacity:0;rotate:96deg;scale:.3}
#sx.go .sx-pk .pf{animation:sx-fan 2.4s calc(7.1s + var(--i)*.09s) cubic-bezier(.25,1.2,.4,1) both}
@keyframes sx-fan{0%{opacity:0;rotate:96deg;scale:.3}15%{opacity:1}100%{opacity:1;rotate:var(--a);scale:1}}
.sx-sn{font-size:calc(var(--W)/100)}
.sx-sn .sxbg{position:absolute;left:18.5em;top:19em;width:0;height:0;opacity:0}
.sx-sn .sxbb{position:absolute;width:0;height:0;opacity:0}
#sx.go .sxbg{animation:sx-bd 1.3s var(--d) cubic-bezier(.3,.8,.4,1) both}
#sx.go .sxbb{animation:sx-bi .8s var(--d) cubic-bezier(.3,1.4,.5,1) both}
@keyframes sx-bd{0%{opacity:0;translate:0 -9em}55%{opacity:1;translate:0 .6em}75%{translate:0 -.25em}100%{opacity:1;translate:0 0}}
@keyframes sx-bi{from{opacity:0;translate:0 -2.5em}to{opacity:1;translate:0 0}}
.sx-sw{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0}
#sx.go .sx-sw{animation:sx-sy var(--s,3.6s) var(--p,0s) ease-in-out infinite alternate}
@keyframes sx-sy{from{rotate:calc(var(--g,2)*-1deg)}to{rotate:calc(var(--g,2)*1deg)}}
.sx-sn .rp{position:absolute;width:.22em;margin-left:-.11em;background:linear-gradient(#e0bd74,#8f6a2f);border-radius:.1em}
.sx-sn .sxmb{position:absolute;left:-10.5em;top:3.3em;width:21em;height:4.7em;display:flex;flex-direction:column;align-items:center;justify-content:center;border:.2em solid #E8B64A;border-radius:.6em;color:#FFE7A3;text-align:center;
background:repeating-linear-gradient(92deg,rgba(0,0,0,.08) 0 .15em,transparent .15em .55em),linear-gradient(180deg,#8d4c1c,#582a0b);box-shadow:0 .5em 1em rgba(30,10,0,.55),inset 0 0 .8em rgba(0,0,0,.45)}
.sx-sn .sxmb b{font:400 1.7em/1.05 "DM Serif Display",Georgia,serif;letter-spacing:.07em;text-shadow:0 .08em 0 #2a1000,0 0 .5em rgba(255,200,90,.35)}
.sx-sn .sxmb span{font:700 .78em/1.2 "DM Sans",sans-serif;letter-spacing:.16em;margin-top:.35em;color:#F7D58A;text-shadow:0 .08em 0 #2a1000}
.sx-sn .sxsb{position:absolute;left:-2.9em;top:0;width:5.8em;height:2.3em;display:grid;place-items:center;border:.14em solid #E8B64A;border-radius:.45em;color:var(--c);
font:700 .86em/1 "Noto Sans Telugu",sans-serif;text-shadow:0 .08em 0 #2a1000;background:linear-gradient(180deg,#7a3f16,#4d2409);box-shadow:0 .3em .6em rgba(30,10,0,.55),inset 0 0 .5em rgba(0,0,0,.4);white-space:nowrap}
.sx-sn .sxsb[lang=kn]{font-family:"Noto Sans Kannada",sans-serif}.sx-sn .sxsb[lang=ta]{font-family:"Noto Sans Tamil",sans-serif;font-size:.8em}.sx-sn .sxsb[lang=ml]{font-family:"Noto Sans Malayalam",sans-serif}
@media(prefers-reduced-motion:reduce){#sx .sx-sw,#sx .b1,#sx .b2{animation:none!important}}

/* pond ripples (flat rings, opacity + scale only) */
.sx-rp{opacity:0;pointer-events:none}
.sx-rp i{position:absolute;width:12%;aspect-ratio:3.2/1;translate:-50% -50%;border-radius:50%;border:2px solid rgba(255,248,225,.9);box-shadow:0 0 8px rgba(255,235,180,.45);opacity:0;animation:sx-rpl 4.4s var(--d) ease-out infinite}
@keyframes sx-rpl{0%{opacity:0;scale:.15}18%{opacity:.9}100%{opacity:0;scale:1}}
/* the Swagramam sign pulses once as the name appears */
.sx-sg{position:absolute;width:15%;aspect-ratio:2.6/1;translate:-50% -50%;border-radius:50%;opacity:0;mix-blend-mode:screen;background:radial-gradient(closest-side,rgba(255,238,175,.95),rgba(255,190,70,.4) 55%,rgba(255,170,50,0))}
@keyframes sx-pl{0%{opacity:0;scale:.8}35%{opacity:1;scale:1.2}100%{opacity:0;scale:1}}
/* the visitor's own language holds a little longer before the name */
@keyframes sx-wr2{0%{opacity:0;clip-path:inset(-40% 100% -40% 0);transform:translate(var(--dx,0),var(--dy,0))}10%{opacity:1}26%{clip-path:inset(-40% -10% -40% 0);transform:none}84%{opacity:1;clip-path:inset(-40% -10% -40% 0)}100%{opacity:0;clip-path:inset(-40% -10% -40% 0);transform:translateY(-8px)}}
/* a lamp of light under the cursor, once the intro has settled (desktop mouse only) */
.sx-dy{position:absolute;left:-190px;top:-190px;width:380px;height:380px;border-radius:50%;z-index:4;pointer-events:none;opacity:0;transition:opacity .7s;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,216,128,.55),rgba(255,172,62,.22) 38%,rgba(255,150,30,0) 68%)}
.sx-dy.lit{opacity:1}#sx:not(.done) .sx-dy,#sx.veil .sx-dy{opacity:0}
@media(max-width:700px){.sx-wm{top:64px}.sx-wm em{letter-spacing:.12em;border-radius:18px;padding:8px 14px}.sx-br{letter-spacing:.045em}.sx-ch{padding:7px 12px}.sx-ch span{font-size:10px;letter-spacing:.02em}.sx-ch span+span::before{margin:0 .45em}.sx-pt b,.sx-ray{display:none}.sx-bt a{padding:13px 24px}}
@media(prefers-reduced-motion:reduce){.sx-rp,.sx-dy,.sx-pt,.sx-bd,.sx-ray,.sx-tv{display:none}}

#sx .sx-br{text-shadow:none}
#sxpt,#sxski{display:none!important}   /* the page's img{display:block} would otherwise un-hide these two and push the home page down */
.sx-en{display:inline-block;margin-top:16px;padding:6px 10px;font:700 13px "DM Sans",system-ui,sans-serif;letter-spacing:.08em;color:var(--cream);opacity:.88;text-decoration:underline;text-decoration-color:rgba(247,177,46,.75);text-underline-offset:5px;transition:opacity .25s,color .25s}
.sx-en:hover,.sx-en:focus-visible{opacity:1;color:var(--gold)}.sx-en:focus-visible{outline:3px solid #fff;outline-offset:3px}

#home{position:relative;height:max(660px,100vh);overflow:hidden;background:var(--dk)}
#sl{position:absolute;inset:-8px}.hs{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}.hs.on{opacity:1}
.hs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hs.on img,.hs.out img{animation:zm 9s linear forwards}@keyframes zm{to{transform:scale(1.16)}}
.hs.dish{background:radial-gradient(circle at 72% 50%,#0a5c36,var(--dk) 75%)}.hs.dish img{left:auto;right:0;width:auto;aspect-ratio:1;transform-origin:70% 50%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%);mask-image:linear-gradient(90deg,transparent,#000 26%)}
.hs:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,8,2,.88) 0,rgba(14,8,2,.55) 38%,transparent 68%),linear-gradient(0deg,rgba(14,8,2,.55),transparent 34%)}
.hw2{position:relative;z-index:3;height:100%}.hx{height:100%;max-width:640px;display:flex;flex-direction:column;justify-content:center;padding-top:60px}
.hx>*{animation:up .9s both}.hx>:nth-child(2){animation-delay:.12s}.hx>:nth-child(3){animation-delay:.26s}.hx>:nth-child(4){animation-delay:.4s}@keyframes up{from{opacity:0;transform:translateY(28px)}}
.hx .eb{color:var(--go)}.hx .eb:after{transform-origin:left;animation:ln .9s .3s both}@keyframes ln{from{transform:scaleX(0)}}
.hx .hh{color:#FFF4D6;font-size:clamp(40px,5vw,74px);letter-spacing:-.01em;text-shadow:0 3px 26px rgba(0,0,0,.6)}.hx .hh em{color:var(--go)}
.hx p{color:#F5EED2;max-width:460px;margin:18px 0 28px;font-size:17px;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.hb2{display:flex;gap:14px;flex-wrap:wrap}.btn.gh{background:transparent;color:#FFF4D6;border:2px solid rgba(255,244,214,.6);box-shadow:none}.btn.gh:hover{background:rgba(255,244,214,.15)}
.hn{position:absolute;z-index:6;right:4vw;bottom:110px;display:flex;align-items:center;gap:18px}.th{display:flex;gap:10px}
.th button{width:76px;height:52px;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;opacity:.6;cursor:pointer;transition:.3s;background:none}.th button.on{border-color:var(--go);opacity:1;transform:translateY(-4px)}.th img{width:100%;height:100%;object-fit:cover}
.ha{display:flex;gap:8px}.ha button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,244,214,.6);background:rgba(2,40,25,.4);color:#FFF4D6;font-size:18px;cursor:pointer;transition:.3s}.ha button:hover{background:var(--go);color:var(--br)}
.pb{position:absolute;z-index:6;left:max(32px,calc((100vw - 1200px)/2 + 32px));bottom:96px;width:180px;height:3px;background:rgba(255,244,214,.25)}.pb i{display:block;height:100%;background:var(--go);width:0}
.fg4{display:grid;grid-template-columns:.8fr 2fr;gap:44px;align-items:center}#food h2,#food .lead{color:var(--cr)}#food .eb{color:var(--go)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cd{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/4;display:block;box-shadow:0 14px 30px rgba(0,0,0,.3);transition:.4s}.cd:hover{transform:translateY(-8px)}.cd img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.cd:hover img{transform:scale(1.1)}
.cd span{position:absolute;left:0;right:0;bottom:0;padding:38px 12px 12px;background:linear-gradient(0deg,rgba(2,40,25,.94),transparent);color:#fff;font-weight:700;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:6px}.cd i{font-style:normal;flex:none;width:24px;height:24px;border:1px solid var(--go);border-radius:50%;display:grid;place-items:center;color:var(--go)}
@media(max-width:1000px){.fg4{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.th{display:none}.hs.dish img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;-webkit-mask-image:none;mask-image:none}.hn{bottom:96px}.pb{bottom:82px}.hx{justify-content:flex-end;padding-bottom:150px}}

/* ===== v5: hero, sections matched to reference, hero effects ===== */
@keyframes up{from{opacity:0;transform:translateY(24px);filter:blur(6px)}}
@keyframes swp{0%,24%{opacity:0;transform:translateX(-78%) skewX(-10deg)}43%{opacity:.75}64%{opacity:.12;transform:translateX(78%) skewX(-10deg)}100%{opacity:0;transform:translateX(112%) skewX(-10deg)}}
@keyframes csw{0%{left:-60%;opacity:0}15%{opacity:1}100%{left:130%;opacity:0}}
@keyframes icoin{from{opacity:0;transform:scale(.4) rotate(-20deg)}}
@keyframes ftl{0%,100%{transform:translateX(-22%)}50%{transform:translateX(22%)}}
.rv{filter:blur(5px);transition:opacity .9s,transform .9s,filter .9s}.rv.in{filter:none}
.rv.in .ic{animation:icoin .7s cubic-bezier(.2,.9,.3,1.3) backwards;animation-delay:calc(.25s + var(--k,0)*.12s)}
.ft:nth-child(2){--k:1}.ft:nth-child(3){--k:2}.ft:nth-child(4){--k:3}
.hs.on::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,transparent 30%,rgba(255,214,140,.26) 46%,rgba(255,240,200,.36) 50%,transparent 62%);animation:swp 7s 1.2s ease-in-out infinite}
.bl,.cd{position:relative}.bl::after,.cd::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-12deg);opacity:0;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.38),transparent)}
.bl:hover::after,.cd:hover::after{animation:csw 1.1s ease forwards}
footer{position:relative;overflow:hidden}footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#f2d18a,transparent);animation:ftl 8s ease-in-out infinite}
/* hero: big type fills the left; building slide sits right with sky behind the text; dish slides get a framed organic plate */
.hx{max-width:none;width:min(56%,720px)}
.hx .hh{font-size:clamp(42px,5.4vw,86px);line-height:1}
.hx .eb{font-size:13px}.hx p{font-size:clamp(16px,1.4vw,20px);max-width:520px}
.hs{transition:opacity .9s ease}
.hs:after{background:linear-gradient(90deg,rgba(14,6,3,.72) 0%,rgba(14,6,3,.38) 32%,rgba(14,6,3,0) 58%),linear-gradient(0deg,rgba(14,6,3,.6) 0%,rgba(14,6,3,0) 28%),radial-gradient(130% 100% at 62% 50%,transparent 55%,rgba(14,6,3,.4) 100%)}
.hs img{object-fit:cover;object-position:var(--fx,60%) var(--fy,50%);transform-origin:var(--fx,60%) var(--fy,50%);will-change:transform}
/* Cinematic reveal: a framed picture opens out to the full screen while it clears, then a slow push-in toward the viewer */
@keyframes rev{0%{clip-path:inset(6% 4.5% 6% 4.5% round 26px);filter:blur(7px) brightness(.5) saturate(.85)}55%{filter:blur(0) brightness(.92) saturate(1)}100%{clip-path:inset(0 round 0);filter:none}}
@keyframes push{from{transform:scale(1)}to{transform:scale(1.16)}}
.hs.on{animation:rev 1.7s cubic-bezier(.2,.75,.15,1) both}
.hs.on img,.hs.out img{animation:push 9s cubic-bezier(.3,.08,.3,1) both}
/* sections to match the reference */
.g3{grid-template-columns:1.1fr 1.15fr .8fr;gap:40px}#about h2{font-size:clamp(34px,3.5vw,52px)}.lf{width:42%}.lf.a{right:-10%;top:-20%}.lf.c{left:-12%;bottom:-18%}
.bl{box-shadow:0 0 0 6px var(--cr),0 0 0 8px var(--go),0 24px 50px rgba(16,58,39,.22)}
#food .fg4{grid-template-columns:.85fr 1.7fr}#food h2{font-size:clamp(34px,3.6vw,52px)}.cd{aspect-ratio:1/1.1}
.ar{clip-path:polygon(0 0,96.0% 0.0%,98.8% 8.3%,98.8% 16.7%,96.0% 25.0%,93.2% 33.3%,93.2% 41.7%,96.0% 50.0%,98.8% 58.3%,98.8% 66.7%,96.0% 75.0%,93.2% 83.3%,93.2% 91.7%,96.0% 100.0%,0 100%)}
@media(min-width:1001px){#cta{--svw:min(30vw,430px)}#cta .cg{padding-right:max(0px,calc(var(--svw) + 16px - max(0px,(100vw - 1200px)/2) - 32px))}#cta .cg .btn{margin:0 0 0 auto}#cta .sv{width:var(--svw);height:auto}}
@media(max-width:1000px){.hx{width:100%}.hx .hh{font-size:clamp(36px,10vw,56px)}.hs:after{background:linear-gradient(0deg,rgba(14,6,3,.88),rgba(14,6,3,.3) 60%,transparent)}}
@media(prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;transition:none!important}.rv{filter:none;opacity:1;transform:none}}

/* ===== About Us page, Swagramam palette ===== */
.ab-page{display:none;position:relative;scroll-margin-top:88px}
body.ab-on .ab-page{display:block}
body.ab-on #home,body.ab-on #about,body.ab-on #food,body.ab-on #menu,body.ab-on #stay,body.ab-on #exp{display:none}
.ab-lbl{display:none}html.ab-edit .ab-lbl{display:inline-block}body.ab-on .ab-page.ab-ph{display:none}html.ab-edit body.ab-on .ab-page.ab-ph{display:block}
.ab-lbl{font:700 10px var(--bf);letter-spacing:.14em;text-transform:uppercase;background:var(--go);color:var(--br);border-radius:20px;padding:3px 10px;margin-bottom:10px}
.abh{background:var(--g);color:var(--cr);padding:max(120px,15vh) 0 0;overflow:hidden}
.abh .w{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;min-height:max(520px,66vh);padding-bottom:90px}
.abh :is(h1,h2){color:var(--cr);font-size:clamp(38px,4.1vw,58px)}.abh :is(h1,h2) em{font-style:normal;color:var(--go)}
.abh .eb{color:var(--go)}.abh p.lead{max-width:470px;color:rgba(245,238,210,.92);font-size:16.5px}
.abph{position:relative;border-radius:46% 54% 50% 50%/52% 46% 54% 48%;overflow:hidden;aspect-ratio:1.18;box-shadow:0 0 0 7px var(--g),0 0 0 9px var(--go),0 28px 60px rgba(0,0,0,.35);animation:abIn 1.4s cubic-bezier(.2,.75,.15,1) both}@keyframes abIn{from{opacity:0;transform:scale(.93)}to{opacity:1;transform:none}}
.abph img{width:100%;height:100%;animation:push 9s cubic-bezier(.3,.08,.3,1) both}
.abh .wv{bottom:-1px;color:var(--cr)}
.abs{padding:96px 0 90px}.abs.alt{background:#EFE5BF}
.abs .eb:after{width:0;transition:width .8s .25s}.abs.ab-in .eb:after{width:28px}
.abs h2{max-width:760px;margin-bottom:6px}.abs .sub{max-width:640px;margin:14px 0 36px}
.abg{display:grid;gap:22px}.g4{grid-template-columns:repeat(4,1fr)}.g2c{grid-template-columns:repeat(2,1fr)}.g3c{grid-template-columns:repeat(3,1fr)}
.abg>*.rv{transition-delay:calc(var(--i,0)*70ms)}
.abc{background:#FFFBEA;border:1px solid rgba(23,74,50,.12);border-radius:22px;padding:28px 24px;transition:transform .35s,box-shadow .35s;box-shadow:0 8px 22px rgba(16,58,39,.06)}
.abc h3{font-size:24px;margin-bottom:8px}.abc p{font-size:15px;line-height:1.55}
.abc .nm{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--g);color:var(--go);font:400 20px var(--hf);margin-bottom:16px;transition:.4s}
@media(hover:hover){.abc:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(16,58,39,.14)}.abc:hover .nm{background:var(--go);color:var(--br);transform:rotate(-8deg) scale(1.08)}.abp:hover img{transform:scale(1.05)}}
.abl{display:inline-block;margin-top:30px;font-weight:700;color:var(--g);border-bottom:2px solid var(--go);padding-bottom:3px;transition:.3s}.abl:hover{color:#8a5a00}
.abst{display:grid;grid-template-columns:.8fr 1.3fr .9fr;gap:44px;align-items:start}
.abst .bl{aspect-ratio:.9;border-radius:50% 50% 46% 54%/54% 46% 54% 46%}
.abq{font:italic 400 clamp(20px,1.9vw,26px)/1.35 var(--hf);color:#8a5a00;border-left:3px solid var(--go);padding:4px 0 4px 18px;margin:18px 0 6px;max-width:520px}
.abqn{margin-top:34px;max-width:680px;font:400 clamp(20px,2vw,27px)/1.4 var(--hf);color:var(--g)}
.abcp span{display:block;margin-bottom:14px;font-size:15.5px;line-height:1.7}
.abq{margin:30px 0 0;padding:26px 30px;border-left:4px solid var(--go);background:#FFFBEA;border-radius:0 22px 22px 0;box-shadow:0 8px 22px rgba(16,58,39,.07)}.abq p{font:400 clamp(24px,2.4vw,32px)/1.2 var(--hf);color:var(--g)}.abq em{color:#b87500;font-style:italic}.abq small{display:block;margin-top:12px;font:700 11px var(--bf);letter-spacing:.16em;text-transform:uppercase;color:#a86f00}
.abtl{position:relative;margin-top:22px;padding-left:34px;display:grid;gap:26px;--p:0}
.abtl:before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--go) calc(var(--p)*100%),rgba(23,74,50,.18) 0)}
.abtl article{position:relative;opacity:.45;transition:opacity .5s}.abtl article.on{opacity:1}
.abtl article:before{content:"";position:absolute;left:-31px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--cr);border:3px solid rgba(23,74,50,.3);transition:.4s}.abtl article.on:before{background:var(--go);border-color:var(--g);transform:scale(1.2)}
.abtl b{font:700 11px var(--bf);letter-spacing:.16em;text-transform:uppercase;color:#a86f00}.abtl h3{font-size:22px;margin:2px 0 4px}.abtl p{font-size:14.5px;line-height:1.5}
.abv{background:#FFFBEA;border:1px solid rgba(23,74,50,.12);border-radius:22px;padding:22px 26px;margin-bottom:26px;font-size:17px;max-width:760px}.abv strong{color:var(--g)}
.abso{display:flex;gap:16px;align-items:flex-start}.abso .ic{width:54px;height:54px;font:400 24px var(--hf);color:var(--go)}
.abso span.m{display:block;font-size:14.5px;line-height:1.5;margin-top:4px}
.abpr{background:var(--dk);color:var(--cr);padding:90px 0;position:relative}
.abpr .w{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.abpr h2{color:var(--cr)}.abpr .eb{color:var(--go)}.abpr p{margin:16px 0 28px;max-width:520px}
.abpr ul{list-style:none;padding:0;display:grid;gap:14px}.abpr li{padding:16px 22px;border:1px solid rgba(247,177,46,.4);border-radius:40px;font-weight:500;display:flex;gap:12px;align-items:center;transition:.3s}.abpr li:before{content:"✦";color:var(--go)}.abpr li:hover{background:rgba(247,177,46,.12);transform:translateX(6px)}
.abn{background:var(--g);color:var(--cr);padding:84px 0}.abn h2{color:var(--cr)}.abn .eb{color:var(--go)}
.abn .abg{margin-top:34px}.abn .stt{text-align:center;padding:26px 14px;border:1px solid rgba(247,177,46,.35);border-radius:22px}.abn strong{display:block;font:400 clamp(44px,5vw,68px)/1 var(--hf);color:var(--go)}.abn .stt span{font-size:14px;opacity:.9}
.abp{position:relative;display:block;width:100%;border:0;padding:0;cursor:zoom-in;overflow:hidden;border-radius:16px 16px 0 0;background:#E9DFB8;aspect-ratio:4/3}
.abp img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.abp.top img{object-position:center 20%}.abp.fit img{object-fit:contain}
.abaw{padding:0;overflow:hidden}.abaw figcaption{padding:20px 22px 24px}.abaw strong{font:400 21px/1.2 var(--hf);color:var(--g);display:block}.abaw span.m{display:block;font-size:14px;margin-top:6px;line-height:1.45}.abaw .zh{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#a86f00;margin-top:12px}
.abrl{background:var(--dk);color:var(--cr)}.abrl h2{color:var(--cr)}.abrl .eb{color:var(--go)}
.abrg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px}
.abre{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:9/16;background:#000;border:2px solid rgba(247,177,46,.5)}
.abre video{width:100%;height:100%;object-fit:cover}.abre figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);font-size:14px;font-weight:500}
.abre button{position:absolute;right:10px;top:10px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:18px;cursor:pointer}
#ab-lb{position:fixed;inset:0;z-index:300;background:rgba(2,24,14,.92);display:none;align-items:center;justify-content:center;padding:24px}#ab-lb.o{display:flex}
#ab-lb img{max-width:min(92vw,1100px);max-height:84vh;border-radius:14px;transform:scale(.9);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}#ab-lb.o.in img{transform:none;opacity:1}
#ab-lb button{position:absolute;width:48px;height:48px;border-radius:50%;border:0;background:var(--go);color:var(--br);font-size:22px;font-weight:700;cursor:pointer}
#ab-lb .x{top:18px;right:18px}#ab-lb .p{left:18px;top:50%}#ab-lb .n{right:18px;top:50%}#ab-lb small{position:absolute;bottom:18px;color:var(--cr);font-size:14px;text-align:center;padding:0 20px}

.abch{display:flex;flex-wrap:wrap;gap:16px}.abch span{font:400 clamp(24px,2.6vw,34px) var(--hf);color:var(--g);padding:16px 34px;border:2px solid var(--go);border-radius:50px;background:#FFFBEA;transition:.35s}
@media(hover:hover){.abch span:hover{background:var(--go);transform:translateY(-4px)}}
.abaw .abp{aspect-ratio:1/1}
.abh .rv>*{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.abh.ab-in .rv>*{opacity:1;transform:none}.abh.ab-in .rv>:nth-child(2){transition-delay:.18s}.abh.ab-in .rv>:nth-child(3){transition-delay:.36s}
.abph img{translate:var(--hpx,0) var(--hpy,0);transition:translate .35s ease-out}
.abpr li{transition:background .3s,transform .3s,opacity .8s,translate .8s}.abpr ul.rv li{opacity:0;translate:0 18px}.abpr ul.rv.in li{opacity:1;translate:0 0}
.abpr ul.rv.in li:nth-child(2){transition-delay:.07s}.abpr ul.rv.in li:nth-child(3){transition-delay:.14s}.abpr ul.rv.in li:nth-child(4){transition-delay:.21s}
.abn .stt,.abre{transition:transform .35s,box-shadow .35s,opacity .9s}
@media(hover:hover){.abn .stt:hover,.abre:hover{transform:translateY(-4px)}.abn .stt:hover{box-shadow:0 14px 30px rgba(0,0,0,.25)}.btn:hover{transform:translateY(-3px)}}

@media(max-width:1000px){.abh .w,.abst,.abpr .w{grid-template-columns:1fr}.abh .w{padding-bottom:70px}.g4,.abrg{grid-template-columns:repeat(2,1fr)}.g3c{grid-template-columns:1fr 1fr}.abs{padding:70px 0}}
@media(max-width:620px){.g4,.g2c,.g3c,.abrg{grid-template-columns:1fr}.abrg{grid-template-columns:1fr 1fr}.abh{padding-top:110px}}
@media(prefers-reduced-motion:reduce){.abh .rv>*,.abpr ul.rv li{opacity:1!important;transform:none!important;translate:none!important}.abph img{translate:none}.abs .eb:after{width:28px}.abtl article{opacity:1}.abph,.abph img{animation:none}}

/* ===== v7 ===== */
html{scroll-padding-top:104px}
header#hd{position:fixed;top:14px;left:0;right:0;margin:0 auto;width:min(1320px,calc(100% - 40px));height:82px;border-radius:999px;background:linear-gradient(105deg,#103A27,#174A32 55%,#033820);border:1px solid rgba(247,177,46,.42);box-shadow:0 14px 34px rgba(2,40,22,.28);transition:height .3s,top .3s,box-shadow .3s}
header#hd.s{height:66px;top:8px;box-shadow:0 18px 40px rgba(2,40,22,.4)}
.nb{height:100%;display:flex;align-items:center;padding-right:16px}
.nbd{flex:0 0 clamp(190px,17vw,250px);height:calc(100% + 2px);margin:-1px 0 -1px -1px;background:var(--cr);border-radius:999px 90px 90px 999px/50% 100% 100% 50%;display:grid;place-items:center;box-shadow:inset -3px 0 0 var(--go)}
.nbd img{height:54px;width:auto;transition:.3s}header#hd.s .nbd img{height:44px}
#hd #nv{flex:1;justify-content:center;gap:clamp(16px,2.1vw,32px);font-size:15px;font-weight:600}
#hd #nv a{color:var(--cr);padding:10px 0;transition:color .2s}#hd #nv a:hover,#hd #nv a.on{color:var(--go)}
#hd #nv a:after{left:50%;right:50%;border-radius:9px;box-shadow:0 0 10px rgba(247,177,46,.6);transition:left .25s,right .25s}#hd #nv a:hover:after,#hd #nv a.on:after{left:0;right:0}
.na{display:flex;align-items:center;gap:10px;padding-left:16px;position:relative}
.na:before{content:"";position:absolute;left:0;top:50%;height:28px;width:1px;translate:0 -50%;background:linear-gradient(transparent,rgba(247,177,46,.6),transparent)}
.ni{width:42px;height:42px;border:2px solid rgba(247,177,46,.7);border-radius:50%;display:grid;place-items:center;color:var(--go);transition:.25s}.ni:hover{background:var(--go);color:var(--dk);transform:translateY(-2px)}
.ni svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.na .btn{padding:11px 20px;font-size:14px}#hd .bg{color:var(--cr);border:2px solid rgba(247,177,46,.7);border-radius:50%;width:42px;height:42px;font-size:20px;line-height:1}
#nbk{position:fixed;inset:0;z-index:125;background:rgba(2,24,14,.55);opacity:0;pointer-events:none;transition:opacity .35s}#nbk.o{opacity:1;pointer-events:auto}
@media(max-width:1200px){.na .btn{display:none}}
@media(max-width:1000px){
header#hd{top:10px;width:calc(100% - 20px);height:68px}.nbd{flex:0 0 150px}.nbd img{height:44px}.nb{justify-content:space-between}.na{margin-left:auto}.na:before{display:none}
#hd #nv{display:flex;position:fixed;top:0;right:0;bottom:0;left:auto;width:min(86vw,340px);flex:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2px;padding:96px 18px 28px;background:linear-gradient(180deg,#174A32,#103A27);border-left:2px solid var(--go);border-radius:26px 0 0 26px;transform:translateX(105%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s .45s;z-index:130;box-shadow:-20px 0 50px rgba(0,0,0,.35)}
#hd #nv.o{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s}
#hd #nv a{font:400 22px var(--hf);padding:13px 16px;border-radius:12px;opacity:0;translate:18px 0;transition:opacity .4s,translate .4s,background .2s,color .2s}
#hd #nv.o a{opacity:1;translate:0 0;transition-delay:calc(var(--i)*55ms + 140ms),calc(var(--i)*55ms + 140ms),0s,0s}#hd #nv a:hover{background:rgba(255,255,255,.08)}#hd #nv a:after{display:none}
#hd #nv .nx{position:absolute;top:22px;right:20px;width:42px;height:42px;border-radius:50%;border:2px solid rgba(247,177,46,.7);background:none;color:var(--cr);font-size:24px;cursor:pointer}
footer nav{display:flex;position:static;flex-direction:row;background:none;padding:0}}
@media(min-width:1001px){#hd #nv .nx{display:none}}
/* hero: copy owns the empty left; the picture sits right and fades into a blurred copy of itself */
#home{background:#0a2416}#sl{inset:-10px}
#sl .hs{animation:none!important;clip-path:none;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s}#sl .hs.on{visibility:visible;transition:opacity .9s ease}
#sl .hs:after{background:linear-gradient(90deg,rgba(6,22,13,.84) 0,rgba(6,22,13,.56) 34%,rgba(6,22,13,0) 62%),linear-gradient(0deg,rgba(6,22,13,.6),transparent 30%)}
#sl .hs .hb{position:absolute;inset:-6%;width:112%;height:112%;max-width:none;object-fit:cover;filter:blur(28px) brightness(.55) saturate(1.15);animation:none;transform:none}
#sl .hf{position:absolute;top:0;right:0;bottom:0;width:min(62vw,106vh)}#sl .hf.wide{width:min(68vw,150vh)}
#sl .hf img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%);mask-image:linear-gradient(90deg,transparent 0,#000 28%);transform-origin:var(--ox,55%) 55%;animation:none}
#sl .hs.on .hf{animation:hrev 1.7s cubic-bezier(.2,.75,.15,1) both}#sl .hs.on .hf img{animation:hcam 9.5s cubic-bezier(.3,.08,.3,1) both}
@keyframes hrev{0%{clip-path:inset(9% 5% 9% 16% round 34px);filter:blur(7px) brightness(.55)}55%{filter:blur(0) brightness(.95)}100%{clip-path:inset(0 round 0);filter:none}}
@keyframes hcam{from{transform:scale(1.02)}to{transform:scale(1.14) translate3d(-1.2%,-1%,0)}}
#sl .hf.wide img{object-position:92% 50%}
#sl .hf i{position:absolute;left:54%;top:50%;width:74%;aspect-ratio:1;translate:-50% -50%;border:1.5px solid rgba(247,177,46,.5);border-radius:50%;pointer-events:none;opacity:0}
#sl .hf i+i{width:92%;border-style:dashed;border-color:rgba(247,177,46,.28)}#sl .hf.wide i{display:none}
#sl .hs.on .hf i{animation:ring 1.6s .6s ease both}@keyframes ring{from{opacity:0;scale:.82}to{opacity:1;scale:1}}
.sp{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.sp i{position:absolute;width:3px;height:3px;border-radius:50%;background:#f7d48c;box-shadow:0 0 12px rgba(247,212,140,.85);opacity:0;animation:spk 4.8s ease-in-out infinite}
@keyframes spk{0%,100%{opacity:0;transform:translateY(8px) scale(.5)}30%{opacity:.85}60%{opacity:.2;transform:translateY(-18px) scale(1)}}
#home:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.hx{width:min(46vw,620px)}.hx .hh{font-size:clamp(38px,4.6vw,76px)}
.sn{margin-top:30px;color:#e9dcb8;font-size:13px;letter-spacing:.2em;text-transform:uppercase}.sn b{color:#fff}.sn span{margin:0 8px;opacity:.55}
.hbm{position:absolute;z-index:6;left:0;right:0;bottom:92px}.hbi{display:flex;align-items:flex-end;gap:24px;border-top:1px solid rgba(255,244,214,.3);padding-top:14px}
.pgs{display:flex;gap:7px;flex:1;max-width:460px;align-self:center}.pgs button{height:4px;flex:1;border:0;padding:0;border-radius:9px;background:rgba(255,244,214,.28);overflow:hidden;cursor:pointer}
.pgs i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c58a1f,#ffe09a)}.pgs button.on i{animation:pf 7500ms linear forwards}@keyframes pf{to{width:100%}}
.hbi .ha{margin-left:auto}.th button:hover{opacity:1;transform:translateY(-4px)}
.lf{animation:lsw 7s ease-in-out infinite}@keyframes lsw{50%{translate:0 -6px;scale:1.03}}
@media(max-width:1000px){#sl .hf,#sl .hf.wide{width:100%;left:0}#sl .hf img{-webkit-mask-image:none;mask-image:none}#sl .hf i,#sl .hs .hb{display:none}.hx{width:100%}.hbm{bottom:84px}.hbi .ha{display:none}.pgs{max-width:none}}
@media(prefers-reduced-motion:reduce){.sp,#sl .hf i{display:none}#sl .hs.on .hf,#sl .hs.on .hf img,.lf,.pgs i{animation:none!important}.pgs button.on i{width:100%}}

/* ===== v8 ===== */
#sprog{position:fixed;top:0;left:0;right:0;height:3px;z-index:140;pointer-events:none}#sprog i{display:block;height:100%;background:linear-gradient(90deg,#c58a1f,#ffe09a);transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px rgba(247,177,46,.7)}
.vd{display:inline-block;width:14px;height:14px;border:2px solid #1c8a3c;border-radius:3px;position:relative;vertical-align:middle;margin-right:10px;flex:none}.vd:after{content:"";position:absolute;inset:2px;border-radius:50%;background:#1c8a3c}.vd.nv{border-color:#c0392b}.vd.nv:after{background:#c0392b}
.hx .eb{margin-bottom:10px}.hx .eb .vd{background:#fff;margin:0 -2px 0 0;width:15px;height:15px}
.hx p.ds{border-left:3px solid var(--go);padding:2px 0 2px 18px;margin:18px 0 18px;max-width:470px;font-size:clamp(16px,1.35vw,19px);line-height:1.65}
.tg{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;max-width:520px}.tg li{font:700 11.5px var(--bf);letter-spacing:.12em;text-transform:uppercase;color:#FFF4D6;padding:7px 14px;border:1px solid rgba(247,177,46,.65);border-radius:30px;background:rgba(6,22,13,.45);backdrop-filter:blur(6px)}
.hx .tg li{animation:tgi .8s both}@keyframes tgi{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hx .tg li:nth-child(1){animation-delay:.3s}.hx .tg li:nth-child(2){animation-delay:.42s}.hx .tg li:nth-child(3){animation-delay:.54s}
.sn em{font-style:normal;margin-left:14px;padding-left:14px;border-left:1px solid rgba(247,177,46,.6);letter-spacing:.1em;text-transform:none;color:#f5d48c}
#food .cards.sh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:34px;align-items:center}
.shl{display:grid;gap:4px}.sit{display:flex;gap:16px;padding:16px 18px;border-radius:18px;cursor:pointer;position:relative;border:1px solid transparent;transition:background .35s,border-color .35s;outline:0}
.sit:hover{background:rgba(255,244,214,.05)}.sit:focus-visible{border-color:var(--go)}.sit.on{background:rgba(255,244,214,.08);border-color:rgba(247,177,46,.45)}
.sit:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:rgba(255,244,214,.14)}.sit.on:before{background:linear-gradient(var(--go) 0 0) 0 0/100% 0 no-repeat rgba(255,244,214,.14)}.sit.on.rs:before{animation:slf 5.2s linear forwards}@keyframes slf{to{background-size:100% 100%}}
.sn2{font:400 28px/1 var(--hf);color:rgba(247,177,46,.5);transition:color .3s;min-width:34px}.sit.on .sn2{color:var(--go)}
.sb{flex:1;min-width:0}.sb>b{display:flex;align-items:center;font:400 clamp(21px,1.9vw,27px)/1.2 var(--hf);color:var(--cr)}
.sx2{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1)}.sx2>span{overflow:hidden;opacity:0;transition:opacity .4s}.sit.on .sx2{grid-template-rows:1fr}.sit.on .sx2>span{opacity:1;transition-delay:.15s}
.sx2 em{display:block;font-style:normal;font-size:14.5px;line-height:1.6;margin-top:10px;color:rgba(245,238,210,.9)}.tgs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tgs u{text-decoration:none;font:700 10.5px var(--bf);letter-spacing:.12em;text-transform:uppercase;color:var(--go);border:1px solid rgba(247,177,46,.5);border-radius:20px;padding:5px 11px}
.sl{display:inline-block;margin:14px 0 4px;font-weight:700;font-size:13.5px;color:var(--go);border-bottom:2px solid var(--go);padding-bottom:2px}.sl:hover{color:#fff}
.shi{position:relative;perspective:1100px;--rx:0deg;--ry:0deg}.shf{position:relative;aspect-ratio:1;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out;transform-style:preserve-3d}
.sim{position:absolute;inset:0;border-radius:52% 48% 50% 50%/48% 52% 48% 52%;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s .6s;box-shadow:0 0 0 7px var(--g),0 0 0 9px var(--go),0 30px 60px rgba(0,0,0,.4)}
.sim.on{opacity:1;visibility:visible;transition:opacity .6s;animation:srv 1.3s cubic-bezier(.2,.75,.15,1) both}.sim img{width:100%;height:100%;object-fit:cover}.sim.on img{animation:hcam 9s cubic-bezier(.3,.08,.3,1) both}
@keyframes srv{0%{clip-path:circle(18% at 50% 50%);filter:brightness(.6) blur(4px)}100%{clip-path:circle(75% at 50% 50%);filter:none}}
.shb{position:absolute;left:-6px;bottom:6%;z-index:3;background:var(--go);color:var(--br);font:700 11px var(--bf);letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;border-radius:30px;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.cap{position:absolute;left:-3%;bottom:-4%;z-index:4;display:flex;flex-direction:column;gap:2px;background:var(--cr);border:2px solid var(--go);border-radius:16px;padding:10px 16px;font-size:12.5px;color:#214C39;box-shadow:0 12px 26px rgba(16,58,39,.25);animation:capf 6s ease-in-out infinite}.cap b{font:400 17px var(--hf);color:var(--g)}@keyframes capf{50%{translate:0 -5px}}
@media(max-width:1000px){#food .cards.sh{grid-template-columns:1fr}.shi{order:-1;max-width:460px;margin:0 auto 10px;width:100%}.cap{left:2%}.hx .tg li{font-size:10.5px;padding:6px 11px}.sn em{display:block;margin:6px 0 0;padding:0;border:0}}
@media(max-width:1000px){#sl .hs:after{background:linear-gradient(0deg,rgba(6,22,13,.94) 0,rgba(6,22,13,.78) 48%,rgba(6,22,13,.3) 80%,rgba(6,22,13,.45))}.hx .hh{text-shadow:0 2px 14px rgba(0,0,0,.8)}}
@media(prefers-reduced-motion:reduce){.sim.on,.sim.on img,.cap,.sit.on.rs:before{animation:none!important}.sit.on:before{background-size:100% 100%}.shf{transform:none}}


/* SWAGRAMAM V9 — premium interaction layer; content/images/logo untouched */
:root{--v9-line:rgba(247,177,46,.32);--v9-shadow:0 28px 80px rgba(2,34,20,.22)}
html{scroll-padding-top:88px}
body:before{content:"";position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:multiply}
body:after{content:"";position:fixed;left:50%;top:50%;width:42vw;height:42vw;translate:-50% -50%;border-radius:50%;pointer-events:none;z-index:9991;opacity:0;transition:opacity .5s;background:radial-gradient(circle,rgba(247,177,46,.11),transparent 68%);mix-blend-mode:screen}
body.v9-pointer:after{opacity:1}
header{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}
header.s{background:rgba(245,238,210,.91);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,74,50,.08)}
.nv>a:first-child{position:relative}
.nv>a:first-child:after{content:"";position:absolute;inset:-8px -14px;border-radius:18px;background:radial-gradient(circle,rgba(247,177,46,.16),transparent 68%);opacity:.0;transition:opacity .5s;pointer-events:none}
.nv>a:first-child:hover:after{opacity:1}
nav a{transition:color .25s,transform .25s}nav a:hover{transform:translateY(-1px)}
.btn{position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0)}
.btn:before{content:"";position:absolute;inset:0;z-index:-1;translate:-120% 0;transform:skewX(-18deg);width:70%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:translate .7s}
.btn:hover:before{translate:170% 0}
#home:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 76% 42%,transparent 0 30%,rgba(0,20,10,.08) 64%,rgba(0,20,10,.25) 100%);mix-blend-mode:multiply}
#sl{z-index:0}.hw2{z-index:4}.hn,.pb{z-index:7}
.hx{position:relative}.hx:before{content:"";position:absolute;left:-28px;top:50%;width:2px;height:0;background:linear-gradient(var(--go),transparent);opacity:.65;transition:height 1.2s .35s}.hs.on .hx:before{height:210px}
.hx .hh{letter-spacing:-.035em}.hx .hh em{display:inline-block;position:relative}.hx .hh em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:linear-gradient(90deg,var(--go),transparent);transform:scaleX(0);transform-origin:left;transition:transform .9s .65s}.hs.on .hx .hh em:after{transform:scaleX(1)}
.hb2 .btn{min-width:170px;justify-content:center}.tg li{transition:transform .3s,color .3s}.tg li:hover{transform:translateX(5px);color:var(--go)}
.hn{padding:8px 10px;border:1px solid rgba(255,244,214,.16);border-radius:18px;background:rgba(2,40,25,.12);backdrop-filter:blur(8px)}
.th button{box-shadow:0 8px 24px rgba(0,0,0,.15)}
.th button.on{box-shadow:0 10px 26px rgba(247,177,46,.24)}
section.sc{overflow:clip}section.sc:before{content:"";position:absolute;left:50%;top:0;width:min(720px,70vw);height:1px;translate:-50% 0;background:linear-gradient(90deg,transparent,var(--v9-line),transparent);opacity:.5}
.g3,.g2,.fg4,.eg,.abg,.abst{position:relative}
.bl{box-shadow:0 0 0 6px var(--cr),0 0 0 8px var(--go),var(--v9-shadow);transition:transform .7s cubic-bezier(.2,.8,.2,1),border-radius .7s,box-shadow .7s}
.bw:hover .bl{transform:translateY(-7px) rotate(-.5deg);box-shadow:0 0 0 6px var(--cr),0 0 0 8px var(--go),0 36px 90px rgba(16,58,39,.28)}
.bw:after{content:"";position:absolute;inset:8% 8%;border-radius:50%;border:1px solid rgba(247,177,46,.22);pointer-events:none;transform:scale(.9);opacity:0;transition:.7s}.bw:hover:after{transform:scale(1);opacity:1}
.ft{padding:9px 10px;margin-left:-10px;border-radius:16px;transition:background .35s,transform .35s}.ft:hover{background:rgba(247,177,46,.08);transform:translateX(5px)}
.ic{box-shadow:0 8px 22px rgba(16,58,39,.12)}
#stay .wm{filter:drop-shadow(0 12px 12px rgba(16,58,39,.16))}
#exp{overflow-x:clip;overflow-y:visible}#exp:after{content:"";position:absolute;inset:-20% -10%;pointer-events:none;background:radial-gradient(circle at 75% 40%,rgba(247,177,46,.10),transparent 35%);animation:v9breathe 7s ease-in-out infinite alternate}@keyframes v9breathe{to{transform:translate3d(-3%,2%,0) scale(1.05)}}
.ec,.ar{position:relative;z-index:1}.xl .ft{padding:8px 10px}
.cards{perspective:1000px}.sit{transition:transform .4s,background .4s,border-color .4s}.sit.on{box-shadow:0 18px 45px rgba(0,0,0,.16)}
.shi{filter:drop-shadow(0 28px 38px rgba(0,0,0,.24));transition:transform .55s cubic-bezier(.2,.8,.2,1);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0)}
.shf .sim img{transition:transform 1s cubic-bezier(.2,.8,.2,1),filter 1s}.shf .sim.on img{filter:saturate(1.08) contrast(1.03)}
#cta{overflow:hidden}#cta:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 48%,transparent 70%);transform:translateX(-100%);animation:v9sweep 8s ease-in-out infinite}@keyframes v9sweep{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
.cg{position:relative;z-index:1}.cg img.lg{filter:drop-shadow(0 8px 16px rgba(80,42,0,.12))}
footer{border-top:1px solid rgba(247,177,46,.18)}
/* about page */
.abh{position:relative}.abh:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 45%,rgba(247,177,46,.11),transparent 30%)}
.abph{box-shadow:0 0 0 7px var(--g),0 0 0 9px var(--go),0 36px 90px rgba(0,0,0,.32);transition:transform .8s}.abph img{transform:translate3d(var(--hpx,0px),var(--hpy,0px),0) scale(1.04);transition:transform .25s ease-out}
.abc{position:relative;overflow:hidden}.abc:after{content:"";position:absolute;left:-120%;top:-20%;width:70%;height:150%;background:linear-gradient(90deg,transparent,rgba(247,177,46,.11),transparent);transform:skewX(-18deg);transition:left .8s}.abc:hover:after{left:150%}
.abtl article{transform:translateX(0);transition:opacity .5s,transform .5s}.abtl article.on{transform:translateX(4px)}
.abpr li{backdrop-filter:blur(5px)}
/* floating scroll progress / utility rail */
#v9rail{position:fixed;right:18px;top:50%;translate:0 -50%;z-index:120;display:grid;gap:7px;opacity:.55;transition:opacity .3s}.v9dot{width:6px;height:6px;border-radius:50%;border:1px solid var(--go);background:transparent;transition:.3s}.v9dot.on{height:24px;border-radius:5px;background:var(--go);box-shadow:0 0 12px rgba(247,177,46,.35)}#v9rail:hover{opacity:1}
#v9progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1001;pointer-events:none;background:transparent}#v9progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--go),#fff1a9,var(--go));box-shadow:0 0 10px rgba(247,177,46,.45)}
/* mobile: make the menu feel like a premium full-height sheet */
@media(max-width:1000px){header{height:76px}header.s{height:64px}.nv>a img{height:48px}nav{top:0;bottom:0;right:0;left:16%;height:100vh;padding:92px 30px 30px;background:rgba(245,238,210,.97);box-shadow:-24px 0 70px rgba(16,58,39,.25);justify-content:flex-start;gap:6px;transform:translateX(110%);transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex}nav.o{transform:translateX(0)}nav a{font:400 clamp(26px,7vw,42px) var(--hf);color:var(--g);padding:10px 0;border-bottom:1px solid rgba(23,74,50,.10)}nav a:after{height:3px}.bg{position:relative;z-index:101}.nv>.btn{display:none!important}.na{display:flex;align-items:center;gap:7px}.ni{width:42px;height:42px}.hx:before{display:none}.hx .hh{letter-spacing:-.025em}.hn{right:16px;bottom:88px}.pb{left:20px;right:20px;width:auto}.v9dot{display:none}#v9rail{right:8px}.shi{transform:none!important}.cards{perspective:none}}
@media(max-width:600px){body:after{display:none}.w{padding-left:20px;padding-right:20px}section.sc{padding:82px 0 76px}.hx{padding-top:100px}.hx .hh{font-size:clamp(40px,12vw,58px)}.hx p{font-size:16px}.hb2{gap:10px}.hb2 .btn{width:100%;justify-content:center}.tg{gap:6px}.tg li{font-size:10px}.hn{bottom:76px;right:12px}.th{display:none}.ha button{width:40px;height:40px}.cg{align-items:flex-start}.cg img.lg{height:70px}.cg .btn{width:100%;justify-content:center}.abph{transform:none!important}.abq{padding:20px}.abc{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){body:before{display:none}body:after{display:none}#v9rail{display:none}.btn:before,#cta:before,#exp:after{animation:none!important}.shi{transform:none!important}}


.v10a{margin-top:10px;font-size:15px;line-height:1.5}.v10a a{color:inherit;font-weight:700}
.v10b{display:flex;flex-direction:column;gap:12px;align-items:stretch}.v10b .btn{justify-content:center;text-align:center}
.fg a[href^="tel"]{color:inherit}
#v10bar{display:none}
@media(max-width:720px){
#v10bar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:9000;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:8px;background:rgba(23,74,50,.96);backdrop-filter:blur(10px)}
#v10bar a{display:grid;place-items:center;min-height:46px;border-radius:12px;font:700 14px/1 'DM Sans',Arial,sans-serif;color:#fff;text-decoration:none;border:1px solid rgba(247,177,46,.5)}
#v10bar a.p{background:#F7B12E;color:#03281a;border-color:#F7B12E}
body{padding-bottom:70px}#mu{bottom:84px!important}}


#menu{background:var(--cr)}#menu :is(h1,h2){max-width:16em}
.v11t{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 22px}
.v11t button{min-height:46px;padding:0 22px;border-radius:999px;border:1.5px solid var(--g);background:transparent;color:var(--g);font:700 15px 'DM Sans',Arial,sans-serif;cursor:pointer}
.v11t button[aria-selected=true]{background:var(--g);color:var(--cr)}
.v11t button:focus-visible,.v11pg:focus-visible,#v11x:focus-visible{outline:3px solid var(--go);outline-offset:3px}
.v11p{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v11p[hidden]{display:none}
.v11s{gap:0}
.v11pg{padding:0;border:0;background:#e9dcc0;cursor:zoom-in;border-radius:6px;overflow:hidden;box-shadow:0 18px 46px rgba(16,58,39,.2)}
.v11s .v11pg{border-radius:0}.v11s .v11pg:first-child{border-radius:6px 0 0 6px}.v11s .v11pg:last-child{border-radius:0 6px 6px 0}
.v11pg img{display:block;width:100%;height:auto}
.v11n{margin-top:18px;font-size:15px}.v11n a{color:inherit;font-weight:700}
#v11lb{position:fixed;inset:0;z-index:10000;background:rgba(3,30,18,.94)}#v11lb[hidden]{display:none}
.v11sc{position:absolute;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;display:grid;place-items:start center}
.v11sc img{display:block;width:min(100%,820px);height:auto;margin:0 auto}
#v11x{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:14px;z-index:2;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--go);background:var(--g);color:#fff;font:400 30px/1 Arial;cursor:pointer}
@media(max-width:720px){.v11p{grid-template-columns:1fr}.v11s{gap:12px}.v11s .v11pg,.v11s .v11pg:first-child,.v11s .v11pg:last-child{border-radius:6px}.v11sc img{width:230vw;max-width:none}}

/* ===== v12: real leaf/sketch assets cut from the reference; waves un-clipped; CTA overlap fix ===== */
section.sc{overflow-x:clip;overflow-y:visible}            /* v11 overflow:clip hid the wavy section edges the ref shows */
.lf{height:auto;aspect-ratio:132/121;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}
.lf.a{width:40%;right:-9%;top:-17%;transform:scaleX(-1) rotate(-6deg)}
.lf.c{width:44%;left:-17%;bottom:-19%;transform:scaleY(-1) rotate(14deg)}
.lf.s{width:22%;left:-8%;top:-9%;transform:scaleX(-1);filter:brightness(.72) saturate(1.5);opacity:1;z-index:3}
#stay .lf.c{width:24%;left:-13%;bottom:2%;z-index:1;transform:scaleY(-1) rotate(24deg)}
@media(min-width:1001px){#cta{--svw:min(25vw,400px)}#cta .cg{padding-right:max(0px,calc(var(--svw) + 70px - max(0px,(100vw - 1200px)/2) - 32px))}}
@media(max-width:1000px){.lf.s{display:none}.lf.a{width:34%;right:-4%}.lf.c{width:30%;left:-4%}}


/* ===== v13 HEADER — ChatGPT "Option 2: Floating Logo Card" =====
 tokens: header green #174A32 | secondary gold #DFA92E | ivory logo panel #F8F4E8 | terracotta #8B5635 | brand gold #F7B12E | cream #F5EED2 */
:root{--hg:#174A32;--hg2:#103A27;--go2:#DFA92E;--iv:#F8F4E8;--tc:#8B5635}
header#hd{top:0;left:0;right:0;width:100%;margin:0;height:78px;border-radius:0;border:0;border-bottom:1px solid rgba(223,169,46,.35);background:linear-gradient(100deg,var(--hg2) 0,var(--hg) 22%,var(--hg) 100%);box-shadow:0 10px 30px rgba(2,30,18,.30);overflow:visible;z-index:130}
header#hd.s{height:64px;top:0;box-shadow:0 12px 30px rgba(2,30,18,.42)}
header#hd:before{content:"";position:absolute;right:0;top:0;bottom:0;width:22%;background:radial-gradient(120% 140% at 100% 0,rgba(223,169,46,.10),transparent 60%);pointer-events:none}
header#hd .nb{position:relative;height:100%;max-width:1480px;margin:0 auto;padding:0 clamp(18px,3vw,48px) 0 clamp(250px,24vw,330px);display:flex;align-items:center;gap:20px}
header#hd .nbd{position:absolute;left:0;top:0;flex:none;margin:0;width:clamp(210px,20vw,290px);height:128px;background:radial-gradient(90% 80% at 45% 55%,#fff 0,var(--iv) 62%,#F1EBD6 100%);border-radius:0 0 clamp(110px,10vw,150px) 0/0 0 128px 0;border-right:3px solid var(--go);border-bottom:3px solid var(--go);box-shadow:0 18px 34px rgba(2,30,18,.34),0 0 26px rgba(247,177,46,.45),inset 0 0 22px rgba(247,177,46,.12);display:grid;place-items:center;padding:0 clamp(14px,1.6vw,26px) 0 0;transition:height .3s,width .3s}
header#hd .nbd img{height:106px;width:auto;transition:.3s;filter:drop-shadow(0 1px 1px rgba(80,50,10,.18))}
header#hd.s .nbd{height:104px}header#hd.s .nbd img{height:84px}
header#hd #nv{flex:1;justify-content:center;gap:clamp(22px,3.4vw,58px);font-size:clamp(15px,1.2vw,18px);font-weight:600;letter-spacing:.01em}
header#hd #nv a{color:var(--iv);padding:12px 2px}
header#hd #nv a:hover,header#hd #nv a.on{color:var(--go2)}
header#hd #nv a:after{height:3px;bottom:2px;background:var(--go2);box-shadow:0 0 12px rgba(223,169,46,.6);border-radius:9px}
header#hd .na{padding-left:0;gap:10px}header#hd .na:before{display:none}
header#hd .na .btn.bk{display:inline-flex;gap:10px;padding:13px 26px;font-size:clamp(14px,1.1vw,16px);background:var(--go);color:#12331F;box-shadow:0 8px 20px rgba(247,177,46,.28);white-space:nowrap}
header#hd .na .btn.bk svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
header#hd .na .btn.bk:hover{background:#FFC24A;transform:translateY(-2px)}
header#hd .bg{display:none}
#sprog{top:0}
@media(max-width:1200px){header#hd .na .btn.bk{display:inline-flex!important}header#hd #nv{gap:clamp(16px,2.2vw,30px)}}
@media(max-width:1000px){
header#hd{top:0;width:100%;height:64px}header#hd.s{height:58px}
header#hd .nb{padding:0 14px 0 150px;justify-content:flex-end}
header#hd .nbd{width:130px;height:92px;border-radius:0 0 70px 0/0 0 92px 0;padding:0 12px 0 0}header#hd .nbd img{height:68px}
header#hd.s .nbd{height:80px}header#hd.s .nbd img{height:58px}
header#hd .na{margin-left:auto}header#hd .na .btn.bk{display:none!important}
header#hd .bg{display:block;color:var(--iv);border:2px solid rgba(223,169,46,.75);border-radius:50%;width:42px;height:42px;font-size:20px;line-height:1}
#hd #nv{background:linear-gradient(180deg,#174A32,#103A27);border-left:2px solid var(--go2);justify-content:flex-start}
#hd #nv a{color:var(--iv)}#hd #nv a.on{color:var(--go2)}
}

/* ===== Our Cuisine (scoped #cz). Merge this block + the markup + the script into the home page ===== */
#cz{position:relative;padding:104px 0 96px;background:radial-gradient(ellipse at 20% 0%,#faf3dc 0%,var(--cr) 55%,#efe2bb 100%);overflow-x:clip}
#cz .w{max-width:1200px;margin:0 auto;padding:0 32px;position:relative;z-index:2}
#cz .eb{display:flex;align-items:center;justify-content:center;gap:12px;font:700 12px var(--bf);letter-spacing:.22em;text-transform:uppercase;color:var(--g)}
#cz .eb:before,#cz .eb:after{content:"";width:34px;height:2px;background:var(--go)}
#cz h2{font:400 clamp(36px,4.6vw,60px)/1.04 var(--hf);color:var(--g);text-align:center;margin:14px 0 12px;letter-spacing:-.01em}
#cz h2 em{font-style:normal;color:var(--go2)}
#cz .lead{max-width:600px;margin:0 auto;text-align:center;color:#3a4d3f;font-size:16.5px}
.cz-lf{position:absolute;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.28))}
.cz-lf.a{right:-1.5%;top:2%;width:150px;transform:scaleX(-1) rotate(-14deg)}
.cz-lf.b{left:-2%;bottom:5%;width:130px;transform:scaleY(-1) rotate(24deg)}
.cz-sp{position:absolute;pointer-events:none;filter:brightness(.72) saturate(1.5);opacity:.9}
.cz-sp.a{left:3%;top:5%;width:120px;transform:scaleX(-1)}
.cz-sp.b{right:3%;bottom:4%;width:100px;transform:rotate(190deg)}
/* state buttons */
.cz-chips{display:flex;justify-content:center;gap:clamp(14px,3.2vw,44px);margin:38px 0 44px}
.cz-chip{appearance:none;background:none;border:0;cursor:pointer;display:grid;justify-items:center;gap:10px;font:700 12px/1.2 var(--bf);letter-spacing:.16em;text-transform:uppercase;color:#3a4d3f;padding:6px 4px;transition:color .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.cz-chip small{display:block;font:500 11px var(--bf);letter-spacing:.06em;text-transform:none;opacity:.7;margin-top:2px}
.cz-dot{width:88px;height:88px;border-radius:50%;background-color:#efe1bf;border:4px solid var(--sc);box-shadow:0 10px 22px rgba(16,58,39,.2),inset 0 0 0 2px rgba(255,255,255,.4);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s,outline-offset .4s;outline:3px solid transparent;outline-offset:2px}
.cz-chip:hover .cz-dot{transform:translateY(-4px)}
.cz-chip[aria-pressed=true]{color:var(--g)}
.cz-chip[aria-pressed=true] .cz-dot{outline-color:var(--go);outline-offset:5px;transform:translateY(-6px) scale(1.06);box-shadow:0 18px 30px rgba(16,58,39,.28)}
.cz-chip:focus-visible{outline:2px solid var(--g);outline-offset:4px;border-radius:12px}
.cz-crop{background-repeat:no-repeat}
/* stage */
.cz-stage{display:grid;grid-template-columns:1.72fr 1fr;gap:34px;align-items:start}
.cz-bookwrap{position:relative;padding:12px;border-radius:14px;background:linear-gradient(135deg,#6b4423,#3a2312 60%,#4c2f19);box-shadow:0 34px 60px rgba(40,20,0,.34),inset 0 0 0 1px rgba(247,177,46,.35)}
.cz-book{position:relative;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#ecdcb7;box-shadow:inset 0 0 0 1px rgba(51,23,9,.4)}
.cz-book>img{display:block;width:100%;height:100%;object-fit:cover}
.cz-book:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 45%,rgba(70,40,10,.20) 48.8%,rgba(255,243,208,.20) 50%,rgba(70,40,10,.20) 51.2%,transparent 55%),linear-gradient(90deg,rgba(60,30,5,.26),transparent 3.5%,transparent 96.5%,rgba(60,30,5,.26))}
.cz-ov{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.cz-dim{fill:rgba(28,16,4,.24);fill-rule:evenodd;transition:opacity .5s;pointer-events:none}
.cz-r{fill:rgba(247,177,46,.001);stroke:rgba(247,177,46,0);stroke-width:2.5;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .3s,stroke .3s;outline:none}
.cz-r:hover,.cz-r:focus-visible{fill:rgba(247,177,46,.2);stroke:rgba(255,226,150,.9)}
.cz-r.on{fill:rgba(247,177,46,.10);stroke:#F7B12E;stroke-width:3.5;filter:drop-shadow(0 0 7px rgba(247,177,46,.95));pointer-events:none}
.cz-pin circle.d{fill:#F7B12E;stroke:#fff;stroke-width:3}.cz-pin circle.p{fill:none;stroke:#F7B12E;stroke-width:3;transform-origin:center;transform-box:fill-box;animation:czp 2.2s ease-out infinite}
@keyframes czp{0%{transform:scale(.6);opacity:.95}100%{transform:scale(3.4);opacity:0}}
.cz-open{position:absolute;right:24px;top:24px;z-index:3;display:inline-flex;gap:8px;align-items:center;background:rgba(23,74,50,.92);color:var(--cr);border:1px solid rgba(247,177,46,.6);border-radius:30px;padding:9px 16px;font:700 12px var(--bf);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:.3s;backdrop-filter:blur(4px)}
.cz-open:hover{background:var(--go);color:#2b2208}
.cz-cap{margin-top:14px;text-align:center;font:italic 400 15px var(--hf);color:#5b4a2a}
/* info card */
.cz-card{position:relative;background:linear-gradient(180deg,#fcf6df,#f3e6c0);border-radius:20px;padding:28px 28px 26px;box-shadow:0 26px 54px rgba(60,35,5,.2),0 0 0 1px rgba(247,177,46,.55);min-height:600px;display:flex;flex-direction:column}
.cz-card:before{content:"";position:absolute;inset:7px;border-radius:14px;border:1px dashed rgba(139,86,53,.35);pointer-events:none}
.cz-in{display:flex;flex-direction:column;flex:1;animation:czin .55s cubic-bezier(.2,.8,.2,1)}
@keyframes czin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cz-hd{display:flex;gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(139,86,53,.28)}
.cz-lm{flex:none;width:92px;height:92px;border-radius:50%;border:4px solid var(--sc);box-shadow:0 0 0 3px var(--cr),0 0 0 5px var(--go),0 10px 20px rgba(60,35,5,.25);background-color:#efe1bf}
.cz-hd small{display:block;font:700 11px var(--bf);letter-spacing:.2em;text-transform:uppercase;color:var(--ter)}
.cz-hd h3{font:400 clamp(30px,3vw,40px)/1.05 var(--hf);color:var(--g);margin-top:4px}
.cz-dishes{list-style:none;padding:0;margin:20px 0 20px;display:grid;gap:11px}
.cz-dishes li{display:flex;gap:12px;align-items:baseline;font:500 17px/1.3 var(--bf);color:#27402f;animation:czli .5s both}
.cz-dishes li:before{content:"";flex:none;width:9px;height:9px;background:var(--go);transform:rotate(45deg) translateY(-1px);box-shadow:0 0 0 2px #fcf6df,0 0 0 3px rgba(139,86,53,.5)}
@keyframes czli{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.cz-photo{margin:auto -8px 18px;width:calc(100% + 16px);border-radius:12px;-webkit-mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 58%,transparent 100%);filter:saturate(1.05)}
.cz-btns{display:flex;gap:10px;flex-wrap:wrap}
.cz-b{display:inline-flex;align-items:center;gap:9px;border-radius:40px;padding:12px 22px;font:700 14px var(--bf);text-decoration:none;cursor:pointer;border:2px solid var(--g);transition:.3s}
.cz-b.p{background:var(--go);border-color:var(--go);color:#2b2208;box-shadow:0 8px 18px rgba(247,177,46,.35)}.cz-b.p:hover{transform:translateY(-3px);background:#f9c43f}
.cz-b.s{background:transparent;color:var(--g)}.cz-b.s:hover{background:var(--g);color:var(--cr)}
/* printed menu strip */
.cz-strip{margin:58px auto 0;max-width:820px;display:flex;align-items:center;gap:34px;padding:22px 30px;border-radius:18px;background:linear-gradient(90deg,var(--dk),var(--g));color:var(--cr);box-shadow:0 22px 44px rgba(16,58,39,.3),0 0 0 2px rgba(247,177,46,.7) inset}
.cz-cv{flex:none;width:92px;border-radius:4px;box-shadow:0 14px 24px rgba(0,0,0,.45),-3px 0 0 #5b3a1f;transform:rotate(-5deg);transition:.5s;cursor:pointer;border:0;padding:0;background:none}
.cz-cv img{display:block;width:100%;border-radius:3px}.cz-strip:hover .cz-cv{transform:rotate(-1deg) translateY(-4px)}
.cz-strip h4{font:400 26px/1.15 var(--hf);color:#fff}.cz-strip p{font-size:15px;opacity:.85;margin-top:4px}.cz-strip .cz-b{margin-left:auto;white-space:nowrap}
/* lightbox */
#cz-lb{position:fixed;inset:0;z-index:99999;background:rgba(8,22,14,.94);display:none;flex-direction:column}
#cz-lb.on{display:flex}
.cz-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;color:var(--cr)}
.cz-bar button{appearance:none;background:transparent;border:1px solid rgba(247,177,46,.55);color:var(--cr);border-radius:30px;padding:8px 16px;font:700 12px var(--bf);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.cz-bar button[aria-pressed=true]{background:var(--go);color:#2b2208;border-color:var(--go)}
.cz-bar .x{margin-left:auto;font-size:22px;line-height:1;padding:6px 14px}
.cz-sc{flex:1;overflow:auto;display:grid;place-items:start center;padding:0 18px 30px}
.cz-sc img{display:block;width:min(100%,1400px);height:auto;cursor:zoom-in;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.6);transition:width .35s}
.cz-sc img.z{width:240%;max-width:none;cursor:zoom-out}.cz-sc.cov img{width:min(100%,640px)}
@media(max-width:1000px){
 #cz{padding:78px 0 74px}#cz .w{padding:0 20px}
 .cz-stage{grid-template-columns:1fr;gap:24px}
 .cz-chips{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 20px 14px;margin:30px -20px 26px;gap:18px;scrollbar-width:none}.cz-chip{scroll-snap-align:center;flex:none}
 .cz-dot{width:72px;height:72px}.cz-card{min-height:0}.cz-photo{margin-top:6px}
 .cz-strip{flex-wrap:wrap;gap:18px;padding:20px}.cz-strip .cz-b{margin-left:0}
 .cz-lf,.cz-sp{display:none}.cz-open{right:12px;top:12px;padding:7px 12px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* ===== v15 HERO: copy hugs the left, dish image gets most of the screen; header melts into the photo until you scroll ===== */
#home .w{max-width:1640px;padding-left:clamp(22px,4vw,80px);padding-right:clamp(22px,4vw,80px)}
header#hd{background:none;border-bottom-color:transparent;box-shadow:none;transition:box-shadow .35s,border-color .35s}
header#hd:before{inset:0;width:auto;background:linear-gradient(180deg,rgba(6,22,13,.62),rgba(6,22,13,.28) 62%,transparent);opacity:1;transition:opacity .35s}
header#hd:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#103A27 0,#174A32 22%,#174A32 100%);opacity:0;transition:opacity .35s;pointer-events:none}
header#hd.s,body.ab-on header#hd{border-bottom-color:rgba(223,169,46,.35);box-shadow:0 12px 30px rgba(2,30,18,.42)}
header#hd.s:after,body.ab-on header#hd:after{opacity:1}
header#hd.s:before,body.ab-on header#hd:before{opacity:0}
header#hd .nb{position:static}
header#hd #nv a,header#hd .na .btn{text-shadow:0 1px 10px rgba(0,0,0,.45)}header#hd .na .btn{text-shadow:none}
@media(min-width:1001px){
#sl .hf{width:min(82vw,176vh)}#sl .hf.wide{width:min(90vw,196vh)}
#sl .hf{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}#sl .hf img{-webkit-mask-image:none;mask-image:none}
#sl .hf i{left:50%}
.hx{width:min(36vw,520px)}.hx .hh{font-size:clamp(34px,3.9vw,66px)}.hx p.ds{max-width:min(420px,100%)}
#sl .hs:after{background:linear-gradient(90deg,rgba(6,22,13,.88) 0,rgba(6,22,13,.6) 22%,rgba(6,22,13,.12) 42%,rgba(6,22,13,0) 56%),linear-gradient(0deg,rgba(6,22,13,.6),transparent 30%)}
}
@media(max-width:1000px){#sl .hf{-webkit-mask-image:none;mask-image:none}header#hd:not(.s):before{background:linear-gradient(180deg,rgba(6,22,13,.7),transparent)}}

:root{--ic1:url(assets/97743dbd68.webp);--ic1l:url(assets/12bc68e8f7.webp);--ic2:url(assets/a34b19b3f4.webp);--ic2l:url(assets/e9630571b9.webp);--ic3:url(assets/f24730a967.webp);--ic3l:url(assets/079b087333.webp);--ic4:url(assets/f2f9021cff.webp);--ic4l:url(assets/7fdd52a2c6.webp);--ic5:url(assets/a3e06ebf80.webp);--ic5l:url(assets/9ddd71de22.webp);--ic6:url(assets/180e68df4d.webp);--ic6l:url(assets/78af0b7646.webp);--leaf:url(assets/c984f7c049.webp);}
/* ===== v16 OUR MENU — interactive Lunch / Dinner ===== */
#menu.mn{position:relative;background:
 radial-gradient(1100px 520px at 12% 0,rgba(247,177,46,.10),transparent 60%),
 radial-gradient(900px 600px at 100% 40%,rgba(23,74,50,.06),transparent 60%),#F5EED2;padding:104px 0 96px}
#menu.mn:before,#menu.mn:after{content:"";position:absolute;pointer-events:none;background:var(--leaf) center/contain no-repeat;filter:drop-shadow(0 12px 14px rgba(0,0,0,.22));z-index:0}
#menu.mn:before{width:clamp(130px,17vw,250px);aspect-ratio:132/121;right:-3%;top:34px;transform:scaleX(-1) rotate(-8deg);opacity:.95}
#menu.mn:after{width:clamp(110px,13vw,200px);aspect-ratio:132/121;left:-4%;bottom:48px;transform:scaleY(-1) rotate(14deg);opacity:.9}
#menu.mn .w{position:relative;z-index:1}
.mn-head{max-width:760px}
.mn-head :is(h1,h2){max-width:14em}
.mn-head .lead{max-width:560px}
/* sticky control deck */
.mn-deck{position:sticky;top:78px;z-index:40;margin:30px -14px 26px;padding:14px;border-radius:26px;background:rgba(251,246,230,.88);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(223,169,46,.38);box-shadow:0 16px 40px rgba(16,58,39,.14)}
.mn-row{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.mn-seg{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;background:#EADFB9;border:1px solid rgba(139,86,53,.2)}
.mn-seg button{position:relative;z-index:1;display:grid;gap:1px;min-width:128px;padding:9px 16px;border:0;background:none;border-radius:999px;cursor:pointer;text-align:center;color:#2b4a39;font:700 15px var(--bf);transition:color .3s}
.mn-seg button small{font:500 11.5px var(--bf);letter-spacing:.04em;opacity:.8}
.mn-seg button[aria-selected=true]{color:#F8F4E8}
.mn-th{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:linear-gradient(135deg,#1E5C40,#174A32);box-shadow:0 8px 18px rgba(16,58,39,.35);transition:transform .45s cubic-bezier(.3,.9,.3,1)}
.mn-seg[data-m=d] .mn-th{transform:translateX(100%)}
.mn-fl{display:flex;flex-wrap:wrap;gap:8px}
.mn-fl button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;border:1.5px solid rgba(23,74,50,.28);background:transparent;color:#174A32;font:700 13.5px var(--bf);cursor:pointer;transition:.25s}
.mn-fl button:hover{border-color:#174A32;transform:translateY(-1px)}
.mn-fl button[aria-pressed=true]{background:#174A32;border-color:#174A32;color:#F8F4E8}
.mn-q{margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 14px;height:42px;border-radius:999px;border:1.5px solid rgba(23,74,50,.28);background:#FFFDF3;min-width:176px}
.mn-q svg{width:17px;height:17px;stroke:#174A32;fill:none;stroke-width:2;stroke-linecap:round}
.mn-q input{border:0;background:none;outline:0;font:500 14px var(--bf);color:#214C39;width:100%;min-width:0}
.mn-q:focus-within{border-color:#DFA92E;box-shadow:0 0 0 3px rgba(223,169,46,.25)}
/* category rail */
.mn-rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:12px;padding:2px 0}
.mn-rail::-webkit-scrollbar{display:none}
.mn-rail a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;background:rgba(255,253,243,.7);border:1px solid rgba(139,86,53,.18);color:#4a3a22;font:600 13px var(--bf);white-space:nowrap;transition:.25s}
.mn-rail a i{width:30px;height:30px;border-radius:50%;background:#FBF3D6 var(--i) center/74% no-repeat;border:1px solid rgba(223,169,46,.55)}
.mn-rail a:hover,.mn-rail a[aria-current=true]{background:#174A32;border-color:#174A32;color:#F8F4E8}
.mn-rail a[aria-current=true] i,.mn-rail a:hover i{background-color:#F5EED2}
.mn-count{margin:0 0 4px 4px;font:600 13px var(--bf);letter-spacing:.06em;color:#8B5635;text-transform:uppercase}
/* category cards */
.mn-cat{position:relative;margin:0 0 26px;padding:34px clamp(20px,3.2vw,46px) 26px;border-radius:26px;background:linear-gradient(180deg,#FFFBEA,#FBF4DA);border:1px solid rgba(23,74,50,.14);box-shadow:0 14px 34px rgba(16,58,39,.08);scroll-margin-top:190px;overflow:hidden}
.mn-cat:before{content:"";position:absolute;inset:10px;border-radius:19px;border:1px dashed rgba(223,169,46,.5);pointer-events:none}
.mn-ch{display:flex;align-items:center;gap:18px;margin-bottom:10px;position:relative}
.mn-ci{flex:none;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#F4E9C8) ;border:1.5px solid rgba(223,169,46,.75);box-shadow:0 8px 18px rgba(139,86,53,.16),inset 0 0 0 5px rgba(255,255,255,.6);display:grid;place-items:center}
.mn-ci i{width:56px;height:46px;background:var(--i) center/contain no-repeat}
.mn-ch h3{font:400 clamp(26px,3vw,38px)/1.05 var(--hf);color:#174A32;margin:0}
.mn-ch span{display:block;margin-top:5px;font:700 12px var(--bf);letter-spacing:.2em;text-transform:uppercase;color:#8B5635}
.mn-ch em{margin-left:auto;font:500 13px var(--bf);font-style:normal;color:#7a6a4a;white-space:nowrap}
.mn-orn{height:14px;margin:6px 0 4px;background:linear-gradient(90deg,transparent,rgba(223,169,46,.7) 20%,rgba(223,169,46,.7) 80%,transparent) center/100% 1px no-repeat;position:relative}
.mn-orn:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;translate:-50% -50%;rotate:45deg;background:#DFA92E;box-shadow:0 0 0 4px #FDF8E3}
.mn-ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(28px,4vw,64px)}
.mn-it{position:relative;padding:15px 0 14px;border-bottom:1px dotted rgba(23,74,50,.24);animation:mnIn .55s both;animation-delay:calc(var(--k,0)*28ms)}
@keyframes mnIn{from{opacity:0;transform:translateY(12px)}}
.mn-ln{display:flex;align-items:baseline;gap:10px}
.mn-dot{flex:none;align-self:center;position:relative;width:15px;height:15px;border:1.5px solid var(--c);border-radius:3px}
.mn-dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--c)}
.t-v{--c:#2E8B3E}.t-n{--c:#C0392B}.t-e{--c:#E08A1E}
.mn-nm{font:700 16.5px/1.3 var(--bf);color:#214C39}
.mn-ld{flex:1;min-width:14px;border-bottom:2px dotted rgba(23,74,50,.3);transform:translateY(-4px)}
.mn-pr{font:400 21px/1 var(--hf);color:#174A32;white-space:nowrap}
.mn-pr:before{content:"₹";font:600 13px var(--bf);margin-right:2px;color:#8B5635}
.mn-sb{margin:3px 0 0 25px;font:500 13px/1.4 var(--bf);color:#6e5d3d;font-style:italic}
.mn-op{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 0 25px}
.mn-op span{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(223,169,46,.15);border:1px solid rgba(223,169,46,.55);font:600 12.5px var(--bf);color:#5a4220}
.mn-op b{font:400 17px/1 var(--hf);color:#174A32}.mn-op b:before{content:"₹";font:600 11px var(--bf);margin-right:1px;color:#8B5635}
.mn-tg{display:inline-flex;margin:7px 0 0 25px;gap:6px;flex-wrap:wrap}
.mn-tg em{font:700 10.5px var(--bf);font-style:normal;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.mn-tg .s{background:#174A32;color:#F5D98A}.mn-tg .d{background:rgba(139,86,53,.12);color:#8B5635;border:1px solid rgba(139,86,53,.3)}
.mn-it.f-s:before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:3px;border-radius:3px;background:linear-gradient(#DFA92E,rgba(223,169,46,.1))}
.mn-empty{padding:60px 20px;text-align:center;font:400 22px var(--hf);color:#174A32}
/* printed pages */
.mn-print{margin-top:38px;display:grid;grid-template-columns:auto 1fr;gap:26px 34px;align-items:center;padding:26px clamp(20px,3vw,40px);border-radius:26px;background:linear-gradient(120deg,#103A27,#174A32);color:#F5EED2;border:1px solid rgba(223,169,46,.6);box-shadow:0 20px 44px rgba(16,58,39,.28)}
.mn-pgs{display:flex;gap:14px}
.mn-pg{padding:0;border:0;background:#EADFB9;border-radius:6px;overflow:hidden;cursor:zoom-in;width:clamp(80px,9vw,116px);box-shadow:0 12px 26px rgba(0,0,0,.35);transition:transform .35s}
.mn-pg:nth-child(odd){transform:rotate(-3deg)}.mn-pg:nth-child(even){transform:rotate(2.5deg)}
.mn-pg:hover{transform:translateY(-6px) rotate(0)}
.mn-pg img{display:block;width:100%;height:auto}
.mn-pg[hidden]{display:none}
.mn-print h3{font:400 clamp(24px,2.6vw,32px)/1.1 var(--hf);margin:0 0 6px;color:#F8F4E8}
.mn-print p{margin:0 0 14px;font-size:14.5px;opacity:.9;max-width:520px}
.mn-print .btn{padding:11px 22px;font-size:14px}
.mn-note{margin-top:20px;font-size:14px;color:#4a3a22}.mn-note a{font-weight:700;color:inherit}
/* lightbox */
#mn-lb{position:fixed;inset:0;z-index:10000;background:rgba(3,30,18,.95);display:none}
#mn-lb.on{display:block}
#mn-lb .sc{position:absolute;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;display:grid;place-items:start center;padding:70px 14px 40px}
#mn-lb img{display:block;width:min(100%,860px);height:auto;border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
#mn-lb .bar{position:fixed;top:0;left:0;right:0;z-index:2;display:flex;gap:10px;justify-content:center;align-items:center;padding:12px;background:linear-gradient(rgba(3,30,18,.95),transparent)}
#mn-lb button{border:1.5px solid rgba(247,177,46,.7);background:rgba(3,30,18,.6);color:#F5EED2;border-radius:999px;padding:9px 18px;font:700 14px var(--bf);cursor:pointer}
#mn-lb button:hover{background:#F7B12E;color:#12331F}
#mn-lb .x{width:42px;padding:0;font-size:22px;line-height:1}
@media(max-width:900px){.mn-ul{grid-template-columns:1fr}.mn-q{margin-left:0;flex:1 1 100%}.mn-print{grid-template-columns:1fr;justify-items:start}.mn-ch em{display:none}}
@media(max-width:1000px){.mn-deck{top:64px}}
@media(max-width:600px){#menu.mn{padding:84px 0 76px}.mn-deck{margin:24px -8px 20px;padding:10px;border-radius:20px}.mn-seg{width:100%}.mn-seg button{min-width:0}.mn-fl{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:2px}.mn-fl::-webkit-scrollbar{display:none}.mn-fl button{flex:none}.mn-cat{padding:26px 18px 18px;border-radius:20px;scroll-margin-top:170px}.mn-ci{width:60px;height:60px}.mn-ci i{width:44px;height:36px}.mn-nm{font-size:15.5px}}
@media(prefers-reduced-motion:reduce){.mn-it{animation:none}.mn-th{transition:none}}

.mn-ul .mn-it:only-child{grid-column:1/-1}
@media(max-width:600px){.mn-deck{position:static}#mu{font-size:0!important;gap:0!important;padding:11px 13px!important}.mn-rail{margin-top:10px}}

/* rustic village icon medallions (About + Experiences) */
.rk{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf3,#F4E9C8);border:1.5px solid rgba(223,169,46,.75);box-shadow:0 10px 22px rgba(139,86,53,.16),inset 0 0 0 5px rgba(255,255,255,.6);display:grid;place-items:center;margin-bottom:18px;transition:transform .45s,box-shadow .45s}
.rk i{width:62px;height:50px;background:var(--i) center/contain no-repeat}
.abc:hover .rk{transform:rotate(-6deg) scale(1.07);box-shadow:0 14px 28px rgba(139,86,53,.24),inset 0 0 0 5px rgba(255,255,255,.6)}
.xl .ft .ic{width:68px;height:68px;border-radius:50%;background:rgba(245,238,210,.07);border:1.5px solid rgba(247,177,46,.55)}
.xl .ft .ic i{width:50px;height:40px;background:var(--i) center/contain no-repeat}
.xl .ft:hover .ic{background:rgba(247,177,46,.18);transform:rotate(-6deg) scale(1.08)}
.abtl{padding-left:62px}.abtl:before{left:24px}
.abtl article:before{display:none}
.abtl article>i.tli{position:absolute;left:-62px;top:-4px;width:50px;height:50px;border-radius:50%;background:#FFFBEA var(--i) center/68% no-repeat;border:2px solid rgba(23,74,50,.28);box-shadow:0 5px 12px rgba(16,58,39,.12);transition:.4s}
.abtl article.on>i.tli{border-color:#DFA92E;box-shadow:0 8px 18px rgba(223,169,46,.35);transform:scale(1.1)}
#ab-foundation{position:relative;overflow:hidden;min-height:430px}
#ab-foundation .w{position:relative;z-index:2}
.abft{position:absolute;right:max(0px,calc((100% - 1200px)/2 - 10px));bottom:-6px;height:116%;z-index:1;pointer-events:none}
.abft img{display:block;height:100%;width:auto;mix-blend-mode:multiply;opacity:.92;-webkit-mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 52%,transparent 100%)}
.abpr .w{grid-template-columns:1.05fr .95fr;align-items:center}
.abpr .abpl ul{margin-top:8px}
.abpf{margin:0;position:relative;transform:rotate(1.4deg);transition:transform .6s}
.abpf:hover{transform:rotate(0)}
.abpf .fr{overflow:hidden;border-radius:12px;background:#EDDEBE;padding:0;border:2px solid #DFA92E;box-shadow:0 0 0 9px rgba(245,238,210,.95),0 28px 60px rgba(0,0,0,.45)}
.abpf img{display:block;width:109%;max-width:none;margin:-3% 0 -2% -7%}
.abpf figcaption{margin-top:20px;text-align:center;font:italic 400 18px var(--hf);color:#F5D98A}
@media(max-width:900px){.abft{opacity:.28;right:-6%}.abpr .w{grid-template-columns:1fr}.rk{width:72px;height:72px}.rk i{width:52px;height:42px}#ab-foundation{min-height:0}}
@media(min-width:1001px){#cta{--svw:min(20vw,310px)}#cta .v10b{align-items:flex-start}#cta .cg{padding-right:calc(var(--svw) + 8px)}}


/* ===== v17 HERO: every slide is full-bleed (no half-screen split / blurred side panel); header floats over the photo ===== */
#home #sl .hs .hb{display:none}
#home #sl .hs .hf,#home #sl .hs .hf.wide{left:0;right:0;top:0;bottom:0;width:100%;-webkit-mask-image:none;mask-image:none}
#home #sl .hs .hf img{object-fit:cover;object-position:50% 50%;-webkit-mask-image:none;mask-image:none}
#home #sl .hs .hf.wide img{object-position:78% 50%}
#home #sl .hs .hf i{display:none}
/* reveal is now a soft focus-in, never a smaller box expanding */
@keyframes hrev{0%{filter:blur(6px) brightness(.6)}100%{filter:none}}
#home #sl .hs.on .hf{animation:hrev 1.3s ease both}
/* text legibility on the left + a light scrim at the top so the nav reads over any photo */
#home #sl .hs:after{background:linear-gradient(90deg,rgba(6,22,13,.8) 0,rgba(6,22,13,.52) 26%,rgba(6,22,13,.1) 50%,rgba(6,22,13,0) 64%),linear-gradient(180deg,rgba(6,22,13,.4),transparent 24%),linear-gradient(0deg,rgba(6,22,13,.6),transparent 30%)}
/* header: no band, no border, no shadow while sitting on the hero - it only turns solid after scrolling */
header#hd:not(.s){background:transparent;border-bottom-color:transparent;box-shadow:none}
header#hd:not(.s):before{background:linear-gradient(180deg,rgba(6,22,13,.45),rgba(6,22,13,0))}
body:not(.ab-on) header#hd:not(.s):after{opacity:0}
@media(max-width:1000px){#home #sl .hs .hf img{object-position:62% 50%}#home #sl .hs:after{background:linear-gradient(180deg,rgba(6,22,13,.5) 0,rgba(6,22,13,.3) 24%,rgba(6,22,13,.55) 52%,rgba(6,22,13,.82) 100%)}}


/* FIX: persistent Telugu wordmark under SWAGRAMAM so the final frame is never blank of Telugu */
.sx-tl{font:600 clamp(20px,3vw,40px)/1.5 "Noto Sans Telugu",sans-serif;opacity:0;margin-top:2px;padding:0 .05em;
background:linear-gradient(180deg,#FFF8E0,#FFD27A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
filter:drop-shadow(0 2px 0 #7a3a00) drop-shadow(0 6px 16px rgba(40,10,0,.65))}
#sx.go .sx-tl{animation:sx-up 1.1s calc(var(--t-wl) + 5.6s) both}
#sx.done .sx-tl{opacity:1;animation:none}
/* FIX: loader while art + fonts decode (before .go) */
.sx-ld{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:7;display:grid;justify-items:center;gap:16px;transition:opacity .5s;pointer-events:none}
#sx.go .sx-ld{opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}
.sx-ld .d{width:26px;height:36px;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;background:radial-gradient(circle at 50% 70%,#fff3c7,#F7B12E 55%,#c87334);box-shadow:0 0 28px 8px rgba(247,177,46,.55);animation:sx-fl 1.1s ease-in-out infinite alternate;transform-origin:50% 100%}
.sx-ld b{display:block;width:120px;height:3px;border-radius:3px;background:rgba(58,26,0,.18);overflow:hidden}
.sx-ld u{display:block;height:100%;width:40%;background:#F7B12E;border-radius:3px;animation:sx-ldb 1.2s ease-in-out infinite}
@keyframes sx-fl{from{transform:scale(.92,1) rotate(-2deg);opacity:.85}to{transform:scale(1.06,1.08) rotate(2deg);opacity:1}}
@keyframes sx-ldb{from{transform:translateX(-100%)}to{transform:translateX(300%)}}
/* FIX: bigger, always-visible Skip / music controls (44px touch targets) */
.sx-ctl{top:14px;right:14px;gap:8px}
.sx-ctl button{font-size:12px;min-height:44px;padding:10px 18px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
#sxmu span{height:14px}
@media(max-width:700px){.sx-ctl{top:10px;right:10px}.sx-ctl button{padding:10px 14px}}
/* FIX: intro sprites no longer inherit the site-wide .sp sparkle-layer rule */
.sx-bob img.sxs{position:absolute;display:block;max-width:none;height:auto;inset:auto;z-index:auto;overflow:visible}
@media(prefers-reduced-motion:reduce){.sx-ld .d,.sx-ld u{animation:none!important}}
/* v17: keep "Enter the site" clear of the mobile Book/Call/Directions bar */
@media(max-width:1000px){.sx-cta{bottom:calc(86px + env(safe-area-inset-bottom,0px))}}


/* ===== multi-page additions ===== */
html{scroll-behavior:smooth}
html.sx-seen #sx{display:none!important}
body[data-pg="about"] #ab-about{scroll-margin-top:0}
body[data-pg="menu"] #menu.mn{padding-top:clamp(130px,12vw,160px)}
/* ===== contact / catering / floating buttons ===== */
.ct{background:var(--iv);padding:90px 0;position:relative}
.ctg{display:grid;grid-template-columns:1fr 1fr;gap:40px 56px;align-items:start}
.ct h2,.cat h1,.cat3 h2{font:400 clamp(32px,4vw,52px)/1.1 var(--hf);color:var(--g);margin:0 0 16px}
.ct p{color:#3a2a1a;line-height:1.7;margin:0 0 20px}
.ctl{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:14px}
.ctl li{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:15px;line-height:1.55;color:#3a2a1a}
.ctl b{color:var(--tc);font:700 12px var(--bf);letter-spacing:.14em;text-transform:uppercase;padding-top:3px}
.ctl a{color:var(--g);font-weight:700}
.ctf form,.catq{background:#fff;border:1px solid rgba(23,74,50,.14);border-radius:18px;padding:28px;box-shadow:0 12px 30px rgba(23,74,50,.08);display:grid;gap:14px}
.ctf h3{font:400 24px var(--hf);color:var(--g);margin:0}
.ct label,.catq label{display:grid;gap:6px;font:700 12px var(--bf);letter-spacing:.08em;text-transform:uppercase;color:var(--tc)}
.ct input,.ct textarea,.catq input,.catq select,.catq textarea{font:400 15px var(--bf);letter-spacing:0;text-transform:none;color:#2b1a0b;padding:12px 14px;border:1px solid rgba(23,74,50,.25);border-radius:10px;background:#fffdf6;width:100%;box-sizing:border-box}
.ct input:focus,.ct textarea:focus,.catq input:focus,.catq select:focus,.catq textarea:focus{outline:2px solid var(--go);border-color:var(--go)}
.ct form .btn,.catq .btn{justify-self:start;margin:0;border:0;cursor:pointer}
.fm{color:var(--tc);font-size:13px;min-height:1em}
.ctm{grid-column:1/-1;border-radius:18px;overflow:hidden;border:1px solid rgba(23,74,50,.14);height:340px}
.ctm iframe{width:100%;height:100%;border:0;display:block}
.cat{background:var(--iv);padding:150px 0 70px}
.cath{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.cat p{color:#3a2a1a;line-height:1.75;font-size:17px;max-width:560px}
.catb{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.catb .btn{margin:0}
.catf{margin:0;justify-self:center;max-width:380px;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(51,23,9,.25);border:6px solid #fff;transform:rotate(1.5deg)}
.catf img{display:block;width:100%;height:auto}
.cat2{background:var(--cr);padding:80px 0}
.catc{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.catc article{background:#fff;border-radius:16px;padding:26px;border-top:4px solid var(--go);box-shadow:0 8px 22px rgba(51,23,9,.08)}
.catc h3{font:400 22px var(--hf);color:var(--g);margin:0 0 10px}
.catc p{margin:0;font-size:15px;line-height:1.65;color:#3a2a1a}
.cats{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cats li{counter-increment:s;background:var(--g);color:var(--cr);border-radius:16px;padding:26px 26px 26px 74px;position:relative;line-height:1.6;font-size:15px}
.cats li::before{content:counter(s);position:absolute;left:22px;top:22px;width:36px;height:36px;border-radius:50%;background:var(--go);color:var(--br);font:700 16px/36px var(--bf);text-align:center}
.cats b{display:block;color:var(--go);font-size:17px;margin-bottom:4px}
.cat3{background:var(--iv);padding:80px 0 90px}
.catq{max-width:760px;margin:0 auto}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fab{position:fixed;right:18px;bottom:22px;z-index:9500;display:grid;gap:12px}
.fab a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.3);transition:transform .25s}
.fab a:hover{transform:scale(1.08)}
.fab svg{width:28px;height:28px}
.fw{background:#25D366}
.fi{background:linear-gradient(45deg,#f09433,#dc2743 55%,#bc1888)}
@media(max-width:900px){.ctg,.cath,.catc,.cats{grid-template-columns:1fr}.cat{padding-top:120px}.ctl li{grid-template-columns:110px 1fr}}
@media(max-width:720px){.fab{bottom:86px;right:12px}.fab a{width:48px;height:48px}.r2{grid-template-columns:1fr}.ct{padding:64px 0}}

/*seo*/.sx-sro{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.hx .hh em{font-style:normal;text-shadow:0 2px 0 rgba(110,50,0,.4),0 4px 24px rgba(60,20,0,.5)}
.abh h1,.mn-head h1{letter-spacing:normal;text-shadow:none}.abh h1 em{text-shadow:none}.mn-head h1{font-size:clamp(38px,4.4vw,58px)}

/*perf*/:where(img[width][height]){height:auto}

/*rewards*/.sxr{background:var(--dk);color:var(--iv);padding:90px 0 84px;position:relative;overflow:hidden;background:var(--dk) var(--bg-rw) center bottom/auto 100% no-repeat}
.sxr::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--dk) 0,rgba(16,58,39,.78) 30%,rgba(16,58,39,.25) 62%,rgba(16,58,39,.55) 100%);pointer-events:none}.sxr .w{position:relative}
.sxr-hd{text-align:center;max-width:720px;margin:0 auto 44px}.sxr .eb{justify-content:center;color:var(--go)}
.sxr h2{font:400 clamp(32px,4.4vw,54px)/1.1 var(--hf);color:var(--iv);margin-bottom:14px}
.sxr-eq{display:inline-block;font:700 15px var(--bf);letter-spacing:.06em;color:var(--br);background:var(--go);padding:9px 22px;border-radius:40px}
.sxr-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sxr-t{border:1px solid rgba(247,177,46,.45);border-radius:20px;padding:26px 18px;text-align:center;background:rgba(255,255,255,.04);transition:transform .3s,background .3s}
.sxr-t:hover{transform:translateY(-6px);background:rgba(255,255,255,.08)}
.sxr-t b{display:block;font:400 clamp(34px,3.4vw,46px)/1 var(--hf);color:var(--go);margin-bottom:6px}
.sxr-t b small{display:block;font:700 12px var(--bf);letter-spacing:.16em;text-transform:uppercase;color:var(--go2);margin-top:6px}
.sxr-t span{display:block;font:500 16px/1.4 var(--bf);margin-top:12px}
.sxr-top{background:var(--go);border-color:var(--go)}.sxr-top:hover{background:#F9C43F}.sxr-top b,.sxr-top b small,.sxr-top span{color:var(--br)}
.sxr-hw{text-align:center;margin:34px auto 0;max-width:640px;font:500 17px/1.6 var(--bf);opacity:.92}
.sxr-tc{max-width:640px;margin:26px auto 0;border:1px dashed rgba(247,177,46,.5);border-radius:16px;padding:6px 22px;font:400 14px/1.6 var(--bf)}
.sxr-tc summary{cursor:pointer;padding:12px 0;font-weight:700;color:var(--go);list-style:none}.sxr-tc summary::-webkit-details-marker{display:none}
.sxr-tc summary::after{content:"+";float:right}.sxr-tc[open] summary::after{content:"\2212"}
.sxr-tc ul{margin:0 0 14px;padding-left:18px}.sxr-tc li{margin:4px 0}
@media(max-width:1000px){.sxr-g{grid-template-columns:repeat(2,1fr)}.sxr-top{grid-column:1/-1}}
@media(max-width:520px){.sxr{padding:64px 0 60px;background-size:auto 100%;background-position:12% bottom}.sxr::before{background:linear-gradient(180deg,var(--dk) 0,rgba(16,58,39,.82) 25%,rgba(16,58,39,.72) 70%,rgba(16,58,39,.85) 100%)}.sxr-g{gap:12px}.sxr-t{padding:20px 12px}}

/*lg*/.sx-lg{display:inline-block;margin-top:10px;font-size:12px;line-height:1.7;opacity:.8}
/*ftnav*/@media(max-width:1000px){footer nav{position:static;height:auto;transform:none;box-shadow:none;background:none;padding:0;transition:none;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 0}footer nav a{font:500 13.5px var(--bf);color:var(--cr);padding:4px 14px;border:0}footer nav a+a{border-left:1px solid rgba(245,238,210,.3)}footer nav a.on{color:var(--go)}}

/*legal*/.lgh{background:var(--g);color:var(--cr);padding:max(130px,16vh) 0 70px;position:relative}
.lgh .w,.lgb .w{max-width:820px}.lgh h1{font:400 clamp(36px,4.6vw,58px)/1.08 var(--hf);color:var(--cr);margin:0 0 10px}
.lgh .eb{color:var(--go)}.lgh small{display:block;font:500 13px var(--bf);letter-spacing:.04em;opacity:.8}
.lgb{background:var(--iv);padding:56px 0 90px}.lgb .w{max-width:820px}
.lgb p,.lgb li{font:400 16.5px/1.75 var(--bf);color:var(--br)}.lgb p.lead{font-size:18.5px;line-height:1.7;margin:0 0 26px;max-width:none;color:var(--br)}
.lgb h2{font:400 clamp(24px,2.6vw,31px)/1.2 var(--hf);color:var(--g);margin:42px 0 12px;padding-top:22px;border-top:1px solid rgba(23,74,50,.16)}
.lgb ul{padding-left:20px;margin:0 0 8px}.lgb li{margin:6px 0}.lgb li::marker{color:var(--go2)}
.lgb a{color:var(--g);font-weight:600;text-decoration:underline;text-decoration-color:var(--go);text-underline-offset:3px}
.lgc{background:var(--cr);border:1px solid rgba(223,169,46,.55);border-left:4px solid var(--go);border-radius:14px;padding:18px 22px;margin:0 0 6px;display:grid;gap:4px;font:400 14.5px/1.55 var(--bf);color:var(--br)}
.lgc b{font:400 21px var(--hf);color:var(--g)}
.cp a{color:inherit;text-decoration:underline;text-decoration-color:rgba(247,177,46,.6);text-underline-offset:3px;margin:0 2px}
@media(max-width:520px){.lgh{padding:112px 0 52px}.lgb{padding:40px 0 70px}.lgb p,.lgb li{font-size:16px}}

/*legal2*/.sxr-cn{margin-top:10px;font-size:13px;opacity:.75}.sxr-cn a{color:var(--go);text-decoration:underline;text-underline-offset:3px}

/*rewards-fx*/.sxr-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;--ih:36.4vw;--iw:100vw}
.sxr-fx .glow{position:absolute;inset:0;background:radial-gradient(60% 46% at 50% 64%,rgba(247,177,46,.13),rgba(247,177,46,.04) 55%,transparent 75%),radial-gradient(34% 30% at 82% 58%,rgba(255,196,90,.10),transparent 70%)}
.sxr-fx .kol{position:absolute;left:50%;top:58%;width:min(760px,86%);transform:translate(-50%,-50%);opacity:.075}
.sxr-fx .im{position:absolute;bottom:0;left:0;width:100%;aspect-ratio:2078/757}
.sxr-fx .tr{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sxr-fx .an{animation-play-state:paused}.sxr-fx.on .an{animation-play-state:running}
.sxr-fx i.an{position:absolute;bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:#FFD670;box-shadow:0 0 8px 2px rgba(255,214,112,.55);opacity:0;animation:sxrUp var(--d) linear var(--dl) infinite}
.sxr-fx i.p1{border-radius:80% 0 80% 0;background:#F28C28;box-shadow:none;width:calc(var(--s) * 1.7);height:calc(var(--s) * 1.1)}
@keyframes sxrUp{0%{transform:translate(0,0) rotate(0);opacity:0}12%{opacity:.85}50%{transform:translate(18px,-46vh) rotate(160deg)}88%{opacity:.7}100%{transform:translate(-14px,-92vh) rotate(320deg);opacity:0}}
.sxr-fx .coin{position:absolute;width:1.35%;aspect-ratio:1;border-radius:50%;left:89.2%;top:33%;opacity:0;background:radial-gradient(circle at 35% 30%,#FFF1B0,#F7B12E 55%,#B9791A);box-shadow:0 0 12px 3px rgba(255,200,80,.5);animation:sxrDrop 3.6s cubic-bezier(.45,.05,.7,1) infinite}
.sxr-fx .c2{animation-delay:1.2s}.sxr-fx .c3{animation-delay:2.4s}
@keyframes sxrDrop{0%{transform:translate(0,0) scale(.9);opacity:0}10%{opacity:1}72%{transform:translate(calc(var(--iw) * -.024),calc(var(--ih) * .17)) scale(.9);opacity:1}82%{transform:translate(calc(var(--iw) * -.026),calc(var(--ih) * .2)) scale(.5);opacity:0}100%{opacity:0}}
.sxr-fx .slot{position:absolute;left:86.7%;top:50.4%;width:3%;aspect-ratio:2/1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,226,140,.95),rgba(255,200,80,.35) 60%,transparent);opacity:0;animation:sxrGlint 1.2s ease-out infinite}
@keyframes sxrGlint{0%,58%{opacity:0;transform:translate(-50%,-50%) scale(.4)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}
.sxr-fx .steam{position:absolute;width:3.2%;aspect-ratio:1/1.5;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.28),transparent);filter:blur(5px);opacity:0;animation:sxrSteam 5.5s ease-out infinite}
.sxr-fx .s2{animation-delay:-2.7s}
@keyframes sxrSteam{0%{transform:translate(0,0) scale(.6);opacity:0}25%{opacity:.8}100%{transform:translate(1.5vw,-7vw) scale(1.6);opacity:0}}
.sxr-t:not(.sxr-top){background:rgba(12,46,31,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
@media(min-width:1001px){.sxr{background-size:100% auto;background-position:center bottom}
.sxr::before{background:linear-gradient(180deg,var(--dk) calc(100% - 36.4vw),rgba(16,58,39,0) calc(100% - 36.4vw + 200px)),linear-gradient(180deg,rgba(16,58,39,.9) 0,rgba(16,58,39,.7) 34%,rgba(16,58,39,.3) 64%,rgba(16,58,39,.5) 100%)}}
@media(max-width:1000px){.sxr{background-image:none;--H:max(330px,45vw);padding-bottom:calc(var(--H) * .52 + 30px)}
.sxr::before{background:linear-gradient(180deg,var(--dk) 0,rgba(16,58,39,.9) 40%,rgba(16,58,39,.5) 100%)}
.sxr-fx{--ih:var(--H);--iw:calc(var(--H) * 2.745)}
.sxr-fx::before,.sxr-fx::after{content:"";position:absolute;bottom:0;width:52%;height:var(--H);background:linear-gradient(rgba(10,40,26,.3),rgba(10,40,26,.3)),var(--bg-rw) left bottom/auto var(--H) no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 62%,transparent),linear-gradient(0deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 62%,transparent),linear-gradient(0deg,#000 70%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.sxr-fx::before{left:0}
.sxr-fx::after{right:0;background:linear-gradient(rgba(10,40,26,.3),rgba(10,40,26,.3)),var(--bg-rw) right bottom/auto var(--H) no-repeat;-webkit-mask-image:linear-gradient(270deg,#000 62%,transparent),linear-gradient(0deg,#000 70%,transparent);mask-image:linear-gradient(270deg,#000 62%,transparent),linear-gradient(0deg,#000 70%,transparent)}
.sxr-fx .im{left:auto;right:0;width:var(--iw);height:var(--H)}
.sxr-fx .tr,.sxr-fx .steam{display:none}
.sxr-fx .kol{opacity:.06}.sxr-fx i.an:nth-of-type(n+7){display:none}}
@media(prefers-reduced-motion:reduce){.sxr-fx .an{display:none}}
/*rewards-fx-end*/

/*reviews*/.rvw{background:var(--iv);padding:96px 0 88px;position:relative}
.rvh{text-align:center;max-width:680px;margin:0 auto 48px}.rvh .eb{justify-content:center}.rvh h2{margin-bottom:14px}
.rvh p{font:400 17px/1.6 var(--bf);color:var(--br);opacity:.85;margin:0 auto}
.rvg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rvc{margin:0;background:var(--cr);border:1px solid rgba(223,169,46,.5);border-radius:20px;padding:30px 28px 26px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 10px 30px -18px rgba(51,23,9,.35)}
.rvc::before{content:"\201C";position:absolute;top:6px;right:20px;font:400 96px/1 var(--hf);color:var(--go);opacity:.3}
.rvs{color:var(--go2);letter-spacing:3px;font-size:18px;line-height:1}
.rvq{margin:16px 0 20px;flex:1;font:400 clamp(19px,1.7vw,22px)/1.4 var(--hf);color:var(--g)}
.rvq.sh{font-size:clamp(24px,2.2vw,28px)}
.rvt{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.rvt span{font:600 12px var(--bf);border:1px solid rgba(23,74,50,.28);color:var(--g);border-radius:99px;padding:5px 11px}
.rvn{font:700 13px var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--tc)}.rvn::before{content:"\2014\00a0"}
.rvf{text-align:center;margin:30px 0 0;font:500 13px var(--bf);letter-spacing:.04em;color:var(--br);opacity:.65}
@media(max-width:1000px){.rvg{grid-template-columns:repeat(2,1fr)}.rvw{padding:80px 0 72px}}
@media(max-width:700px){.rvw{padding:64px 0 56px}.rvg{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -20px;padding:4px 20px 16px;scroll-padding:0 20px;scrollbar-width:none}.rvg::-webkit-scrollbar{display:none}
.rvc{flex:0 0 84%;scroll-snap-align:center}}
/*reviews-end*/

/* ---- About page: review pass (readability + editing) ---- */
.abh p.lead{font-size:18px;line-height:1.65;max-width:520px;margin-bottom:26px}
.abst-lead{font:400 clamp(21px,1.9vw,26px)/1.4 var(--hf);color:var(--g);margin:18px 0 14px}
.abst .rv>p:not(.eb):not(.abst-lead){font-size:17px;line-height:1.7;max-width:560px}
.abmore{margin-top:16px;max-width:560px}
.abmore summary{cursor:pointer;font-weight:700;color:var(--g);border-bottom:2px solid var(--go);display:inline-block;padding-bottom:3px}
.abmore summary:focus-visible{outline:3px solid var(--go);outline-offset:4px}
.abmore[open] summary{margin-bottom:16px}
.abcp p{margin:0 0 14px;font-size:16px;line-height:1.7}
.abtl{gap:34px}
.abtl article{opacity:.55}
.abtl b{font-size:13px}
.abtl h3{font-size:26px;margin:4px 0 6px}
.abtl p{font-size:16.5px;line-height:1.6}
.abs .sub{font-size:17.5px;line-height:1.65}
.abc p{font-size:16.5px;line-height:1.6}
.abc h3{font-size:26px}
.abg3{gap:28px}
.abg3 .abp{aspect-ratio:1/1;border-radius:20px 20px 0 0}
.abaw strong{font-size:26px}
.abaw .m{font-size:16.5px;line-height:1.6;display:block;margin-top:6px}
.abaw figcaption{padding:24px 26px 28px}
.abpr li{font-size:19px;padding:20px 26px}
.abq small{font-size:12.5px}
.ab-sec .zh{font-size:12.5px}
.abch span{font-size:17px}

/* ---- Home page: review pass ---- */
#hd #nv a{font-size:clamp(15px,1.15vw,17px)}
.sxr-g{grid-template-columns:repeat(3,1fr)}
.sxr-sub{margin:10px 0 0;font-size:17px;line-height:1.6;opacity:.92;max-width:560px}
.sxr-hd .sxr-sub{margin-left:auto;margin-right:auto}
@media(max-width:700px){.sxr-g{grid-template-columns:1fr}}
.ctd{background:#FFFBEA;border:1px solid rgba(23,74,50,.14);border-radius:18px;padding:6px 22px}
.ctd summary{cursor:pointer;padding:14px 0;font-weight:700;color:var(--g);list-style:none}
.ctd summary::-webkit-details-marker{display:none}
.ctd summary::after{content:"+";float:right}
.ctd[open] summary::after{content:"\2212"}
.ctd summary:focus-visible{outline:3px solid var(--go);outline-offset:3px}
.ctd form{padding-bottom:18px}
.cti .btn+.btn{margin-left:10px}
@media(max-width:520px){.cti .btn+.btn{margin:10px 0 0}}
.hx .ds{font-size:clamp(17px,1.5vw,19px);line-height:1.6}
.fl .ft span,.xl .ft span{font-size:15.5px}

/* ---- Menu page: review pass ---- */
.mn-seg{flex:1 1 100%;max-width:520px}
.mn-seg button span{font-size:1.05em}
.mn-cat{margin-bottom:20px;padding:26px clamp(18px,3vw,42px) 18px}
.mn-ch{margin-bottom:6px}
.mn-it{padding:11px 0 10px}
.mn-nm{font-size:17px}
.mn-pr{font-size:17px;color:#5b5230}
.mn-pr:before{font-size:12px}
.mn-sb{font-size:13px}
.mn-in{margin:6px 0 0;font:400 15px/1.45 var(--bf);color:#5e4a2c;max-width:46ch}
.mn-lg{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 4px 0;font:500 13px var(--bf);color:#5e4a2c}
.mn-lg span{display:inline-flex;align-items:center;gap:6px}
.mn-lg .mn-dot{width:12px;height:12px;display:inline-block}
.mn-fav{margin:0 0 26px;padding:22px clamp(18px,3vw,36px);border-radius:22px;background:#174A32;color:#F5EED2}
.mn-fav h2{font:400 clamp(24px,2.6vw,32px)/1.1 var(--hf);color:#F8F4E8;margin:0 0 14px}
.mn-fav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mn-fav li{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:baseline;padding:14px 16px;border:1px solid rgba(247,177,46,.45);border-radius:16px}
.mn-fav li b{font:700 16px/1.3 var(--bf)}
.mn-fav li small{grid-column:2;font-size:13px;opacity:.85}
.mn-fav li em{grid-row:1;grid-column:3;font:400 18px var(--hf);font-style:normal;color:#F7B12E}
.mn-fav a{display:inline-block;margin-top:14px;font-weight:700;color:#F7B12E;border-bottom:2px solid #F7B12E}
@media(max-width:800px){.mn-fav ul{grid-template-columns:1fr}.mn-cat{padding:22px 16px 14px}}
.mn-fav[hidden]{display:none}
.mn-q{margin-left:0;flex:1 1 100%;max-width:none;min-width:0}
.mn-seg{flex:0 1 460px}
.mn-fl{flex:1 1 auto}

/* ---- Catering page: review pass ---- */
.cat p{max-width:500px}
.cat .catpf{margin:18px 0 0;font-weight:600;color:var(--g);font-size:15.5px;line-height:1.5}
.cat .catcl{margin:14px 0 0;font-size:15.5px}
.cat .catcl a{font-weight:700;color:var(--g)}
.catfd{list-style:none;display:flex;gap:14px;padding:0;margin:26px 0 0}
.catfd li{width:clamp(88px,9vw,120px);text-align:center;font:600 13px/1.3 var(--bf);color:var(--g)}
.catfd img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 8px 18px rgba(51,23,9,.2);margin-bottom:8px}
.cath2{font-size:clamp(30px,3.2vw,42px);margin:6px 0 26px;max-width:18em}
.catc article .rk{margin:0 0 14px;width:72px;height:72px}
.catc article .rk i{width:52px;height:42px}
.catc p{font-size:16px}
.catm{margin-bottom:6px}
.cats li{font-size:16px}
.catr{max-width:640px;margin:26px 0 0;font-size:17px;line-height:1.6;color:#3a2a1a}
.catfi{margin:0 0 4px;font-size:16.5px;line-height:1.6;color:#3a2a1a}
.catq h2{font-size:clamp(28px,3vw,38px)}
.cat .btn.gh{background:transparent;border:2px solid var(--g);color:var(--g)}

/* ---- Legal pages: quieter, easier to scan ---- */
body[data-pg="legal"] .fab{display:none}
.lgh small{opacity:.7}
.lgb{padding:36px 0 64px}
.lgb h2{margin:34px 0 10px;padding-top:18px}
.lgc{padding:14px 18px;font-size:14px;border-color:rgba(223,169,46,.35);border-left-width:3px}
.lgc b{font-size:15px}
.lgn{display:flex;flex-wrap:wrap;gap:6px 18px;margin:22px 0 4px;padding:14px 0;border-top:1px solid rgba(23,74,50,.16);border-bottom:1px solid rgba(23,74,50,.16);font:500 14.5px/1.5 var(--bf)}
.lgn span{font-weight:700;color:var(--br)}
.lgb .lgn a{font-weight:500;text-decoration:none;border-bottom:1px solid var(--go)}
.lgb h2{scroll-margin-top:96px}
.lgs{list-style:none;padding-left:0}
.lgs li{margin:14px 0}
.lgs li>b:first-child{display:block;font:400 19px/1.3 var(--hf);color:var(--g);margin-bottom:2px}
.lgk{list-style:none;padding-left:0}
.lgr{margin-top:22px;font-size:15px}
.lgf .sx-lg{display:none}

/* === About: reference-style sketch bands (v20) === */
.abwhy{position:relative;overflow:hidden;background:var(--iv);padding:84px 0 76px}
.abwhy .wsk{position:absolute;left:0;top:34px;width:min(34vw,470px);height:auto;opacity:.8;pointer-events:none}
.abwhy .wlamp{position:absolute;right:0;top:0;bottom:0;width:min(17vw,250px);pointer-events:none;z-index:0}
.abwhy .wlamp img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.abwhy .w{position:relative;z-index:1;max-width:1180px}
.abwhy .w>.rv,.abwhy .sub{margin-left:max(30%,0px);padding-right:22%}
.abwhy .eb{margin-bottom:12px}
.abwhy h2{font-size:clamp(30px,3.3vw,44px);line-height:1.12;max-width:520px}
.abwhy .sub{margin-top:14px;max-width:none}
.abwhy .abg{gap:0;margin-top:46px;padding-right:12%}
.abwhy .abc{background:none;border:0;border-radius:0;box-shadow:none;padding:6px 26px;text-align:left;border-left:1px solid rgba(23,74,50,.16)}
.abwhy .abc:first-child{border-left:0;padding-left:0}
.abwhy .abc:after{display:none}
.abwhy .abc h3{font-family:var(--hf);font-size:18px;font-weight:400;color:var(--g);margin:14px 0 6px}
.abwhy .abc p{font-size:13.5px;line-height:1.55;color:#4a5d4f}
.abwhy .abl{margin-left:max(30%,0px)}
.abpr{background:var(--iv);color:var(--g);overflow:hidden;padding:70px 0}
.abpr .w{grid-template-columns:1fr 1.15fr;gap:40px}
.abpr h2{color:var(--g)}.abpr .eb{color:var(--g)}
.abpr p{color:#3f5646}
.abpr ul{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px}
.abpr li{padding:0;border:0;border-radius:0;font-size:13.5px;color:var(--g);background:none}
.abpr li:hover{background:none;transform:none}
.abpr li:before{color:var(--go2)}
.abps img{display:block;width:100%;height:auto;opacity:.85}
@media(max-width:1000px){.abwhy .wsk{position:relative;display:block;width:70%;margin:0 0 18px 20px;top:auto}.abwhy .wlamp{display:none}.abwhy .w>.rv,.abwhy .sub,.abwhy .abl{margin-left:0;padding-right:0}.abwhy .abg{padding-right:0;gap:18px}.abwhy .abc{border-left:0;padding:6px 0}.abpr .w{grid-template-columns:1fr}}

/* v20b tighten to reference */
.abwhy{padding:52px 0 44px;background:linear-gradient(100deg,#F8F2DE 0%,#F6EBCB 100%)}
.abwhy .wsk{top:22px;width:min(32vw,440px);opacity:.9}
.abwhy .wlamp{width:min(14vw,210px)}
.abwhy .w>.rv,.abwhy .sub{margin-left:max(32%,0px);padding-right:20%}
.abwhy h2{font-size:clamp(26px,2.7vw,36px);max-width:460px}
.abwhy .sub{font-size:15px;margin-top:10px}
.abwhy .abg{margin-top:26px;padding-right:14%}
.abwhy .abc{padding:2px 22px}
.abwhy .abc h3{margin:10px 0 4px;font-size:17px}
.abwhy .abl{margin-left:max(32%,0px);margin-top:22px;display:inline-block}
.abpr{padding:48px 0;background:linear-gradient(100deg,#F8F2DE 0%,#F6EBCB 100%)}
.abpr h2{font-size:clamp(28px,3vw,38px)}
.abpr p{margin:12px 0 22px;font-size:15px}
.abpr ul{margin-top:16px}
.abps{position:relative}
.abps:before{content:"";position:absolute;inset:-10% -4% -6%;background:radial-gradient(ellipse at 55% 55%,rgba(247,200,110,.34),transparent 68%);z-index:0}
.abps img{position:relative;z-index:1;opacity:1}
/* v20c soft gold icons on About difference band */
.abwhy .rk{width:64px;height:64px;background:radial-gradient(circle at 40% 35%,#FBF3DA,#F3E4B8);border:1.5px solid rgba(223,169,46,.85);box-shadow:0 4px 10px rgba(139,86,53,.10);transform:none!important}
.abwhy .rk i{width:40px;height:34px;filter:sepia(1) saturate(2.4) hue-rotate(-12deg) brightness(1.12) contrast(.95);opacity:.9}

/* === v21 home: merged sections === */
.stm .lead{margin-bottom:22px}
.stx{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px}
.stx li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center}
.stk{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#FBF3DA,#F3E4B8);border:1.5px solid rgba(223,169,46,.85);box-shadow:0 4px 10px rgba(139,86,53,.10)}
.stk i{width:30px;height:26px;background:var(--i) center/contain no-repeat;filter:sepia(1) saturate(2.4) hue-rotate(-12deg) brightness(1.12) contrast(.95);opacity:.9}
.stx b{display:block;color:var(--g);font:700 15px var(--bf)}
.stx small{display:block;color:#4a5d4f;font-size:13.5px;margin-top:2px}
.stb{display:flex;flex-wrap:wrap;gap:12px}
.rsv{background:var(--go);padding:96px 0 64px;position:relative;overflow:hidden}
.rsv .wv.t{pointer-events:none}
.rsg{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:stretch;position:relative;z-index:1}
.rsl img.lg{height:64px;width:auto;margin-bottom:14px;filter:drop-shadow(0 8px 16px rgba(80,42,0,.12))}
.rsv h2{color:var(--g);margin:0 0 10px}
.rsv p{color:#3a2a14;margin:0 0 20px;max-width:520px}
.rsb{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.rsv .ctl b{color:var(--br)}
.rsv .ctl,.rsv .ctl li{color:#2b1a0b}
.rsv .ctl a{color:var(--g)}
.rsv .ctd{background:rgba(255,251,234,.92);border-color:rgba(23,74,50,.2)}
.rsr{position:relative;display:flex;flex-direction:column}
.rsm{flex:1;min-height:420px;border-radius:20px;overflow:hidden;border:2px solid rgba(23,74,50,.25);box-shadow:0 18px 40px rgba(80,42,0,.18);background:#EDE3C0}
.rsm iframe{width:100%;height:100%;min-height:420px;border:0;display:block}
.rsi{width:min(260px,52%);height:auto;align-self:flex-end;margin:-64px 12px -18px 0;position:relative;z-index:2;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(80,42,0,.2))}
@media(max-width:1000px){.rsg{grid-template-columns:1fr;gap:32px}.rsm,.rsm iframe{min-height:300px}.rsv{padding:80px 0 56px}.rsb .btn{flex:1 1 auto;justify-content:center}}
.stm .g2{grid-template-columns:1.15fr 1.15fr .5fr;gap:36px}
.stm h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1;margin-bottom:14px}
@media(max-width:1000px){.stm .g2{grid-template-columns:1fr}}

/* v21b restored folk-painting band (slim) */
.expb{padding:0}
.expb .eg{min-height:340px;grid-template-columns:42% 58%}
.expb .ec{grid-template-columns:1fr;padding:64px 6% 56px 3%}
.expb .ec h2{font-size:clamp(28px,3.2vw,42px);line-height:1.1}
.expb .ec p{margin:12px 0 22px;max-width:520px}
.expb .ar{background-position:center 40%}
.rst{display:block;font-size:12px;letter-spacing:.14em;color:var(--g);margin:-6px 0 14px}
@media(max-width:1000px){.expb .eg{grid-template-columns:1fr}.expb .ar{min-height:240px}.expb .ec{padding:48px 20px}}

/* ===== v17 menu dish photos ===== */
.mn-it.has-ph{display:grid;grid-template-columns:clamp(74px,7.4vw,92px) minmax(0,1fr);column-gap:16px;align-items:start;padding:14px 0 13px}
.mn-bd{min-width:0}
.mn-ph{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--bg,#e8dcb4);cursor:zoom-in;box-shadow:0 0 0 1.5px rgba(223,169,46,.8),0 8px 18px rgba(16,58,39,.18);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;-webkit-tap-highlight-color:transparent}
.mn-ph img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.mn-ph img.ld{opacity:1;transform:none}
.mn-ph:hover,.mn-ph:focus-visible{transform:translateY(-3px) rotate(-1.2deg);box-shadow:0 0 0 1.5px #DFA92E,0 16px 28px rgba(16,58,39,.3)}
.mn-ph:hover img.ld,.mn-ph:focus-visible img.ld{transform:scale(1.08)}
.mn-ph:focus-visible{outline:3px solid #174A32;outline-offset:3px}
.mn-zi{position:absolute;right:6px;bottom:6px;width:24px;height:24px;border-radius:50%;background:rgba(16,58,39,.82);opacity:0;scale:.7;transition:opacity .3s,scale .3s}
.mn-zi:before,.mn-zi:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.8px;margin:-.9px 0 0 -5px;border-radius:2px;background:#F5D98A}
.mn-zi:after{rotate:90deg}
.mn-ph:hover .mn-zi,.mn-ph:focus-visible .mn-zi{opacity:1;scale:1}
@media(hover:none){.mn-zi{opacity:.92;scale:1}}
.mn-it.has-ph .mn-nm{font-size:17.5px}
.mn-it.has-ph .mn-pr{font-size:18px}
/* favourites with photos */
.mn-fav li.has-ph{grid-template-columns:64px auto 1fr auto;column-gap:12px;align-items:center}
.mn-fav li.has-ph .mn-ph{grid-row:1/3;grid-column:1;width:64px;border-radius:12px;box-shadow:0 0 0 1.5px rgba(247,177,46,.85)}
.mn-fav li.has-ph .mn-dot{grid-column:2;grid-row:1}
.mn-fav li.has-ph b{grid-column:3;grid-row:1}
.mn-fav li.has-ph small{grid-column:3;grid-row:2}
.mn-fav li.has-ph em{grid-column:4;grid-row:1}
/* viewer */
#mn-dv{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:clamp(14px,3vw,40px);border:0;background:none;color:#F5EED2;overflow:auto;display:none;place-items:center}
#mn-dv[open]{display:grid}
#mn-dv::backdrop{background:rgba(3,30,18,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.dv-c{--h:min(78vh,760px);position:relative;display:grid;grid-template-columns:auto minmax(260px,380px);gap:clamp(22px,3.4vw,52px);align-items:center;justify-content:center;width:100%;max-width:980px}
.dv-f{margin:0;width:calc(var(--h)*2/3);max-width:100%;aspect-ratio:2/3;border-radius:22px;overflow:hidden;background:var(--bg,#3a3a2a);box-shadow:0 0 0 2px rgba(223,169,46,.85),0 30px 80px rgba(0,0,0,.55)}
.dv-i{display:block;width:100%;height:100%;object-fit:cover;touch-action:pan-y;user-select:none;-webkit-user-drag:none}
.dv-i.sr{animation:dvS .5s cubic-bezier(.2,.8,.2,1)}.dv-i.sl{animation:dvS .5s cubic-bezier(.2,.8,.2,1) reverse}
@keyframes dvS{from{opacity:0;transform:translateX(28px) scale(1.02)}}
#mn-dv[open] .dv-t{animation:dvT .55s .15s cubic-bezier(.2,.8,.2,1) both}
@keyframes dvT{from{opacity:0;translate:0 16px}}
.dv-k{font:600 14px/1.3 var(--bf);color:#F7B12E}
.dv-n{margin:8px 0 0;font:400 clamp(32px,4vw,46px)/1.05 var(--hf);color:#F8F4E8}
.dv-p{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-top:16px}
.dv-p .mn-pr{font-size:34px;color:#F7B12E}.dv-p .mn-pr:before{color:#F5D98A;font-size:18px}
.dv-p small{font:500 15px/1.4 var(--bf);font-style:italic;color:#E9DFBC}
.dv-o.mn-op{margin:14px 0 0}
.dv-o.mn-op:empty{display:none}
.dv-o.mn-op span{background:rgba(247,177,46,.14);border-color:rgba(247,177,46,.6);color:#F5EED2;font-size:14px}
.dv-o.mn-op b{color:#F7B12E;font-size:19px}.dv-o.mn-op b:before{color:#F5D98A}
.dv-g{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:18px;font:600 14px var(--bf)}
.dv-ty{display:inline-flex;align-items:center;gap:8px}
.dv-ty .mn-dot{width:15px;height:15px;background:#FFFDF3;border-radius:3px}
.dv-g em{font-style:normal;color:#F5D98A}
.dv-nav{display:flex;align-items:center;gap:14px;margin-top:28px}
.dv-nav button,.dv-x{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(247,177,46,.7);background:rgba(3,30,18,.55);color:#F5EED2;font:400 22px/1 var(--bf);cursor:pointer;transition:background .25s,color .25s,transform .25s}
.dv-nav button:hover,.dv-x:hover{background:#F7B12E;color:#12331F}
.dv-nav button:active,.dv-x:active{transform:scale(.92)}
.dv-nav button:focus-visible,.dv-x:focus-visible{outline:3px solid #F5D98A;outline-offset:3px}
.dv-ct{min-width:56px;text-align:center;font:600 14px var(--bf);color:#E9DFBC}
#mn-dv[data-one="1"] .dv-nav{display:none}
.dv-x{position:absolute;top:-6px;right:-6px;font-size:26px;z-index:3}
::view-transition-group(dish){animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.8,.2,1);border-radius:18px;overflow:clip}
::view-transition-old(dish),::view-transition-new(dish){height:100%;object-fit:cover}
@media(max-width:820px){
 #mn-dv{place-items:start center}
 .dv-c{--h:min(56vh,500px);grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px;padding-top:34px}
 .dv-t{width:100%;max-width:440px}
 .dv-x{top:-2px;right:0}
}
@media(max-width:600px){
 .mn-it.has-ph{grid-template-columns:76px minmax(0,1fr);column-gap:14px}
 .mn-it.has-ph .mn-nm{font-size:16.5px}
 .mn-fav li.has-ph{grid-template-columns:60px auto 1fr auto}
 .mn-fav li.has-ph .mn-ph{width:60px}
}
@media(prefers-reduced-motion:reduce){
 .mn-ph,.mn-ph img,.mn-zi{transition:none}.mn-ph img{transform:none}.mn-ph:hover,.mn-ph:focus-visible{transform:none}
 .dv-i.sr,.dv-i.sl,#mn-dv[open] .dv-t{animation:none}
}
/* photo rows are taller than text rows: flow the list in two independent columns so neighbours never stretch */
.mn-ul{display:block;column-count:2;column-gap:clamp(28px,4vw,64px)}
.mn-ul .mn-it{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid}
.mn-ul .mn-it:only-child{column-span:all}
@media(max-width:900px){.mn-ul{column-count:1}}
@media(max-width:600px){
 .mn-it.has-ph{grid-template-columns:64px minmax(0,1fr);column-gap:12px}
 .mn-it.has-ph .mn-ln{gap:8px}
 .mn-it.has-ph .mn-ld{min-width:0}
 .mn-ph{border-radius:13px}
}

/* ===== v18 reviews: village backdrop + snap carousel ===== */
@property --rva{syntax:"<angle>";initial-value:0deg;inherits:false}
section.rvw{position:relative;isolation:isolate;overflow:hidden;background:#0d3320;color:#F5EED2;padding:104px 0 92px}
.rvbg{position:absolute;inset:-60px 0;z-index:-2;background:linear-gradient(180deg,rgba(8,36,22,.55),rgba(8,36,22,.2) 40%,rgba(8,36,22,.7)),var(--bg-rv) center/cover no-repeat}
section.rvw:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 55%,rgba(6,30,18,.55),transparent 70%);pointer-events:none}
@supports(animation-timeline:view()){.rvbg{animation:rvPar linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes rvPar{from{transform:translateY(-34px)}to{transform:translateY(34px)}}}
section.rvw .rvh h2{color:#F8F4E8}
section.rvw .rvh p{color:#F5EED2;opacity:.92}
section.rvw .rvh .eb{color:#F7B12E}
.rvx{position:relative}
.rvk{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:6px}
.rvb{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(247,177,46,.75);background:rgba(8,36,22,.55);color:#F5EED2;font:400 22px/1 var(--bf);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s,color .25s,transform .25s}
.rvb:hover{background:#F7B12E;color:#12331F}.rvb:active{transform:scale(.92)}.rvb:focus-visible,.rvd button:focus-visible{outline:3px solid #F5D98A;outline-offset:3px}
.rvd{display:flex;gap:10px}
.rvd button{width:11px;height:11px;padding:0;border-radius:99px;border:0;background:rgba(245,238,210,.45);cursor:pointer;transition:width .4s cubic-bezier(.2,.8,.2,1),background .3s}
.rvd button[aria-current=true]{width:30px;background:#F7B12E}

/* v25 menu: hero + dark gallery band (tokens as agreed) */
:root{--gal:#0B2A1C;--card:#174A32;--sec:#103A27;--gold:#F7B12E;--gold-line:#DDAE55;--champ:#F3D79A;--ink:#29271D;--cream:#F5EED2;--ivory:#F8F4E8;--tw:clamp(40px,5.5vw,84px)}
#menu.sc{padding-top:0;overflow-x:clip}
.mh{position:relative;width:100vw;margin:0 0 0 calc(50% - 50vw);min-height:clamp(380px,34vw,470px);background:var(--cream)}
.mh-t{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:clamp(6.5rem,10vw,8.5rem) clamp(1rem,4vw,3rem) calc(var(--tw) + 1.5rem)}
.mh-e{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;font:500 .8125rem/1 var(--bf);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.mh-e:before,.mh-e:after{content:"";width:22px;height:1px;background:var(--gold-line)}
.mh h1{font:400 clamp(2.2rem,4.4vw,3.6rem)/1.08 var(--hf);color:var(--sec);margin:0;max-width:11em}
.mh-or{display:block;width:min(240px,50%);height:1px;margin:1.1rem 0;background:linear-gradient(90deg,transparent,var(--gold-line),transparent);position:relative}
.mh-or:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;background:var(--gold-line);transform:translate(-50%,-50%) rotate(45deg)}
.mh-l{margin:0;font:400 1.0625rem/1.5 var(--bf);color:var(--ink);max-width:26em}
.mh-p{position:absolute;right:0;top:0;bottom:0;width:62%;z-index:1}
.mh-i{width:100%;height:100%;object-fit:cover;object-position:60% 55%;display:block;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}
.mh-pot{position:absolute;right:4%;bottom:calc(var(--tw) + .5rem);width:clamp(120px,15vw,230px);aspect-ratio:1;object-fit:cover;border-radius:50%;border:3px solid var(--gold-line);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.gal{position:relative;width:100vw;margin:0 0 0 calc(50% - 50vw);background:var(--gal);color:var(--ivory);padding:1px 0}
.gal-w{position:absolute;left:0;width:100%;height:var(--tw);display:block;pointer-events:none;color:var(--gal)}
.gal-wt{top:calc(1px - var(--tw))}
.gal-wb{bottom:calc(1px - var(--tw));transform:scaleY(-1)}
.gal-in{max-width:1360px;margin:0 auto;padding:clamp(1.5rem,3vw,2.25rem) clamp(1rem,4vw,3rem) clamp(2.5rem,5vw,4rem)}
.gal-chips{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;margin-bottom:1.5rem}
.gal-chips button{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--gold-line);background:var(--cream);color:var(--ink);font:700 .8125rem/1.1 var(--bf);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.25)}
.gal-chips button i{width:20px;height:20px;flex:none;background:var(--sec);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.gal-chips button[aria-pressed=true]{background:var(--sec);color:var(--ivory);border-color:var(--gold);box-shadow:0 0 0 2px var(--sec),0 0 0 3px var(--gold-line)}
.gal-chips button[aria-pressed=true] i{background:var(--gold)}
.gal-chips button:focus-visible,.gc-b:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.gal-g{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.gc{margin:0;display:flex;width:calc((100% - 5rem)/6)}
.gc-b{all:unset;box-sizing:border-box;display:flex;flex-direction:column;width:100%;cursor:pointer;border:1px solid var(--gold-line);border-radius:8px;overflow:hidden;background:linear-gradient(var(--card),var(--sec));transition:border-color .2s,box-shadow .2s}
.gc-im{display:block;aspect-ratio:8/7;background:var(--bg);overflow:hidden}
.gc-im img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;opacity:0;transition:opacity .5s,transform .5s}
.gc-im img.ld{opacity:1}
.gc-tx{flex:1;display:flex;flex-direction:column;padding:.8rem .9rem .95rem}
.gc-k{display:flex;align-items:center;gap:.4rem;font:500 .75rem/1.2 var(--bf);letter-spacing:.08em;text-transform:uppercase;color:var(--champ)}
.gc-n{display:block;font:400 1.25rem/1.15 var(--hf);margin:.35rem 0 .6rem;color:var(--ivory)}
.gc-p{font:700 .9375rem/1 var(--bf);color:var(--gold);margin-top:auto}
.gc-v{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.8rem;font:500 .875rem/1 var(--bf);color:var(--ivory)}
.gc-v i{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid var(--gold-line);border-radius:50%;font-style:normal;color:var(--gold);line-height:1}
@media(hover:hover){.gc-b:hover{border-color:var(--gold);box-shadow:0 14px 30px rgba(0,0,0,.45)}.gc-b:hover .gc-im img{transform:scale(1.05)}}
.xp{display:flex;justify-content:center;margin:calc(var(--tw) + 1rem) 0 1.5rem;font:400 clamp(1.3rem,2.6vw,1.9rem)/1 var(--hf);letter-spacing:.07em;text-transform:uppercase;color:var(--ink)}
.xp span{padding:.75rem 2.4rem;border:1px solid var(--gold-line);border-radius:6px;background:linear-gradient(#FBF1D4,#EFDDA6);box-shadow:0 3px 10px rgba(80,50,10,.15)}
@media(max-width:1100px){.gc{width:calc((100% - 2rem)/3)}.gal-chips{display:flex;overflow-x:auto;scrollbar-width:none}.gal-chips::-webkit-scrollbar{display:none}.gal-chips button{flex:none}}
@media(max-width:700px){.mh-p{position:relative;width:100%;height:230px;order:2}.mh{display:flex;flex-direction:column}.mh-t{padding-bottom:1.25rem}.mh-i{-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}.mh-pot{display:none}.gc{width:calc((100% - .75rem)/2)}.gal-g{gap:.75rem}.gc-n{font-size:1.05rem}.gc-tx{padding:.65rem .7rem .8rem}.xp span{padding:.65rem 1.1rem}}
@media(prefers-reduced-motion:reduce){.gc-im img,.gc-b{transition:none}}
.mn-it.mn-hit{animation:mnhit 2.6s ease-out}
@keyframes mnhit{0%,55%{box-shadow:0 0 0 3px #F7B12E,0 0 0 9px rgba(247,177,46,.25);background:rgba(247,177,46,.14)}100%{box-shadow:0 0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){.mn-it.mn-hit{animation:none;outline:3px solid #F7B12E}}
body #menu.mn{padding-top:0!important}
body #menu.mn:before{display:none}
#menu .xp{max-width:none;width:100%;text-align:center}
.xp span{white-space:nowrap}
.gal-chips button{letter-spacing:.04em;padding-inline:.5rem;white-space:nowrap}
@media(max-width:700px){.xp span{white-space:normal}}
/* v25 compare fixes: tighter hero, ribbon straddles the torn seam, no duplicate favourites panel */
.mh{min-height:0}
.mh-t{padding-top:clamp(5.5rem,7vw,6.5rem);padding-bottom:calc(var(--tw) + .25rem)}
.mh-l{max-width:none}
.gal-in{padding-bottom:clamp(1.25rem,2vw,1.75rem)}
#menu .xp{position:relative;z-index:3;margin:calc(var(--tw) * .22) 0 1.75rem}
#mn-fav{display:none!important}
@media(max-width:700px){.mh-t{padding-bottom:1.25rem}#menu .xp{margin-top:calc(var(--tw) * .3)}}
.mh-t{padding-top:clamp(6.25rem,8vw,7.25rem)}
/* v25 menu list in the mockup layout: toolbar, course sidebar, dish rows, info panel */
.xp{display:flex;align-items:center;justify-content:center;gap:1rem}
.xp:before,.xp:after{content:"";flex:0 1 170px;height:14px}
.xp:before{background:linear-gradient(90deg,transparent,#DDAE55) center/100% 1px no-repeat,radial-gradient(circle,#DDAE55 3px,transparent 4px) right center/12px 12px no-repeat}
.xp:after{background:linear-gradient(270deg,transparent,#DDAE55) center/100% 1px no-repeat,radial-gradient(circle,#DDAE55 3px,transparent 4px) left center/12px 12px no-repeat}
.mn-sel,.mp-info{display:none}
.mp-sh{display:none}
@media(min-width:1101px){
 :root{--pad:max(clamp(1rem,4vw,3rem),calc((100vw - 1360px)/2))}
 .mn-deck,.mp{width:100vw;margin-left:calc(50% - 50vw);padding-inline:var(--pad);box-sizing:border-box}
 .mn-deck{position:static;margin-top:0;margin-bottom:1.25rem;padding-block:0;background:none;border:0;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}
 .mn-row{flex-wrap:nowrap;gap:1.25rem;align-items:stretch}
 .mn-q{order:1;margin:0;width:274px;flex:none;height:44px;border-radius:8px;border:1px solid #DDAE55;background:#FFF9ED}
 .mn-seg{order:2;border-radius:8px;background:#EDE0BE;border:1px solid #DDAE55;padding:3px}
 .mn-th{border-radius:6px;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:#103A27;box-shadow:inset 0 0 0 1px #DDAE55}
 .mn-seg button{border-radius:6px;min-width:120px;padding:6px 14px;color:#103A27}
 .mn-seg button span{font:700 13px/1.2 var(--bf);letter-spacing:.1em;text-transform:uppercase}
 .mn-seg button small{font-size:11px}
 .mn-seg button[aria-selected=true]{color:#F8F4E8}
 .mn-fl{order:3;flex-wrap:nowrap;gap:0;border:1px solid #DDAE55;border-radius:6px;overflow:hidden;background:#F8F4E8}
 .mn-fl button{border:0;border-right:1px solid #DDAE55;border-radius:0;padding:0 16px;font:700 12px var(--bf);letter-spacing:.07em;text-transform:uppercase;color:#29271D}
 .mn-fl button:last-child{border-right:0}
 .mn-fl button:hover{transform:none;background:#EFE3BE}
 .mn-fl button[aria-pressed=true]{background:#103A27;color:#F8F4E8;box-shadow:inset 0 -3px 0 #F7B12E}
 .mn-sel{display:flex;order:4;margin-left:auto}
 .mn-sel select{appearance:none;height:44px;min-width:200px;padding:0 2.2rem 0 1rem;border:1px solid #DDAE55;border-radius:6px;background:#F8F4E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23103A27' stroke-width='2'/%3E%3C/svg%3E") right .9rem center/11px no-repeat;font:700 12px var(--bf);letter-spacing:.07em;text-transform:uppercase;color:#29271D;cursor:pointer}
 .mn-lg,.mn-count{display:none}
 .mp{display:grid;grid-template-columns:230px minmax(0,1fr) 250px;gap:1.25rem;align-items:start;padding-bottom:1rem}
 .mp-side{position:sticky;top:84px;border-radius:8px;overflow:hidden;background:#103A27;border:1px solid #DDAE55;box-shadow:0 10px 26px rgba(16,58,39,.25)}
 .mp-sh{display:flex;align-items:center;gap:.6rem;margin:0;padding:.95rem 1rem;background:#0B2A1C;color:#F7B12E;font:700 13px var(--bf);letter-spacing:.12em;text-transform:uppercase}
 .mp-sh i{width:20px;height:20px;background:#F7B12E;-webkit-mask:var(--leaf) center/contain no-repeat;mask:var(--leaf) center/contain no-repeat}
 .mp-side .mn-rail{flex-direction:column;gap:0;overflow:visible;margin:0;padding:.35rem 0}
 .mp-side .mn-rail a{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border:0;border-left:3px solid transparent;border-radius:0;background:none;color:#F8F4E8;font:600 14px var(--bf)}
 .mp-side .mn-rail a:after{content:"\203A";margin-left:auto;color:#DDAE55;font-size:18px}
 .mp-side .mn-rail a i{width:26px;height:26px;border:0;background:var(--i) center/contain no-repeat;filter:brightness(0) invert(1);opacity:.85}
 .mp-side .mn-rail a:hover,.mp-side .mn-rail a[aria-current=true]{background:rgba(247,177,46,.14);border-left-color:#F7B12E;color:#F7B12E}
 .mp-side .mn-rail a:hover i,.mp-side .mn-rail a[aria-current=true] i{background-color:transparent;filter:brightness(0) saturate(100%) invert(75%) sepia(60%) saturate(900%) hue-rotate(350deg);opacity:1}
 .mp-main{background:#FFF9ED;border:1px solid #E2CF98;border-radius:8px;padding:.25rem 1.5rem 1rem;box-shadow:0 10px 26px rgba(16,58,39,.08)}
 .mp-main .mn-cat{margin:0;padding:1.5rem 0 .5rem;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;scroll-margin-top:84px}
 .mp-main .mn-cat:before{display:none}
 .mp-main .mn-ch{gap:1rem;margin-bottom:.4rem}
 .mp-main .mn-ci{width:54px;height:54px}.mp-main .mn-ci i{width:38px;height:32px}
 .mp-main .mn-ch h3{font-size:28px;color:#103A27}
 .mp-main .mn-ch span{font-size:11.5px;color:#8B5635}
 .mp-main .mn-in{margin:.25rem 0 0;font:400 14px/1.4 var(--bf);color:#4a3a22}
 .mp-main .mn-orn{margin:.5rem 0 0}
 .mp-main .mn-orn:after{box-shadow:0 0 0 4px #FFF9ED}
 .mp-main .mn-ul{display:block}
 .mp-main .mn-it{padding:1rem 0;border-bottom:1px solid #EADFC0}
 .mp-main .mn-it:last-child{border-bottom:0}
 .mp-main .mn-it.has-ph{grid-template-columns:136px minmax(0,1fr);column-gap:1.25rem;align-items:center}
 .mp-main .mn-ph{aspect-ratio:5/4;border-radius:6px}
 .mp-main .mn-ld{display:none}
 .mp-main .mn-ln{justify-content:flex-start;gap:.7rem;align-items:center}
 .mp-main .mn-pr{margin-left:auto;font:400 24px/1 var(--hf);color:#29271D}
 .mp-main .mn-nm{font:400 22px/1.2 var(--hf);color:#103A27}
 .mp-main .mn-it.has-ph .mn-nm{font-size:22px}.mp-main .mn-it.has-ph .mn-pr{font-size:24px}
 .mp-main .mn-it.f-s .mn-nm:after{content:" \2605";color:#F7B12E}
 .mp-main .mn-it.f-s:before{display:none}
 .mp-main .mn-sb{margin-left:calc(15px + .7rem);font-size:13.5px}
 .mp-main .mn-op,.mp-main .mn-tg{margin-left:calc(15px + .7rem)}
 .mp-info{display:block;position:sticky;top:84px}
 .mp-fr{position:relative;padding:1.6rem 1.25rem 1.4rem;text-align:center;border:1px solid #DDAE55;border-radius:8px;background:linear-gradient(#FFF9ED,#F5E8CC);box-shadow:inset 0 0 0 6px #FFF9ED,inset 0 0 0 7px rgba(221,174,85,.7),0 10px 26px rgba(16,58,39,.1)}
 .mp-bd{display:block;width:84px;height:84px;margin:0 auto .9rem;border-radius:50%;background:#103A27 var(--ic4) center/62% no-repeat;border:2px solid #DDAE55;box-shadow:inset 0 0 0 4px #103A27}
 .mp-fr h3{font:400 22px/1.2 var(--hf);color:#103A27;margin:0 0 .6rem}
 .mp-fr p{font:400 14px/1.55 var(--bf);color:#4a3a22;margin:0 0 1.1rem}
 .mp-b{display:block;padding:.8rem 1rem;border-radius:6px;background:#F7B12E;color:#103A27;font:700 14px var(--bf);margin:.5rem 0}
 .mp-b2{background:none;border:1px solid #103A27}
 .mp-fr small{display:block;margin-top:.9rem;font:500 12.5px/1.5 var(--bf);color:#6e5d3d}
}
@media(max-width:1100px){.mp-main .mn-cat{padding-top:1rem}.mp-side{position:sticky;top:60px;z-index:30;margin:0 -8px 12px;padding:6px 8px;background:rgba(251,246,230,.94);backdrop-filter:blur(10px)}.mn-count{display:block}.mp-info{display:block;margin-top:1.25rem}.mp-fr{padding:1.25rem;text-align:center;border:1px solid #DDAE55;border-radius:10px;background:#FFF9ED}.mp-bd{display:none}.mp-fr h3{font:400 22px var(--hf);color:#103A27;margin:0 0 .4rem}.mp-b{display:inline-block;padding:.7rem 1.1rem;border-radius:6px;background:#F7B12E;color:#103A27;font:700 14px var(--bf);margin:.4rem .25rem}.mp-b2{background:none;border:1px solid #103A27}}
/* compare pass 2: mockup proportions */
:root{--tw:clamp(26px,3.4vw,52px)}
.mh-t{max-width:1432px;padding-top:clamp(5rem,5.6vw,5.5rem);padding-bottom:calc(var(--tw) * .7)}
.mh h1{font-size:clamp(2.1rem,3.2vw,3rem);line-height:1.1}
.mh-or{margin:.8rem 0}
.mh-pot{bottom:calc(var(--tw) + .25rem);width:clamp(110px,12vw,190px)}
.gal-in{max-width:1432px}
.mn-seg button small{white-space:nowrap}
@media(min-width:1101px){:root{--pad:max(clamp(1rem,4vw,3rem),calc((100vw - 1420px)/2))}
 .mn-fl button{white-space:nowrap;padding:0 14px}
 .mn-seg button{min-width:112px}}
/* compare pass 3 */
.mh-t{padding-top:clamp(6.25rem,6.6vw,6.75rem)}
.gc-im{aspect-ratio:10/9}
.gc-n{font-size:1.3rem}
#menu .xp{margin-top:calc(var(--tw) * -.15);font-size:clamp(1.15rem,1.7vw,1.5rem);letter-spacing:.05em}
.xp span{padding:.6rem 2rem;border-radius:4px}
.xp:before,.xp:after{flex:0 1 120px}
@media(min-width:1101px){
 :root{--pad:max(clamp(1rem,4vw,3rem),calc((100vw - 1344px)/2))}
 .mn-q,.mn-sel select{height:40px}
 .mn-q{width:260px}
 .mn-seg button small{display:none}
 .mn-seg button{min-width:110px;padding:8px 14px}
 .mn-fl button{padding:0 13px}
 .mn-row{align-items:center}
 .mn-seg,.mn-fl{height:40px}
 .mn-seg{margin-left:auto}
 .mn-sel{margin-left:0}
 .mn-fl{margin-left:0}
}
/* compare pass 4 */
@media(min-width:1101px){
 .mp-main .mn-ul{column-count:1;display:block}
 .mn-seg button{min-width:92px}
 .mp-bd{position:relative}
 .mp-bd:before{content:"";position:absolute;inset:20%;background:#F7B12E;-webkit-mask:var(--ic4) center/contain no-repeat;mask:var(--ic4) center/contain no-repeat}
}
@media(min-width:1101px){.mn-seg{flex:none;width:232px;grid-template-columns:1fr 1fr}.mn-fl,.mn-q,.mn-sel{flex:none}.mn-seg button{min-width:0}}
.mh-t{padding-top:clamp(6.9rem,7.4vw,7.6rem)}
@media(max-width:700px){.xp:before,.xp:after{display:none}#menu .xp{font-size:1.05rem;letter-spacing:.04em;margin-top:calc(var(--tw) * .1)}.xp span{white-space:nowrap;padding:.55rem 1.1rem}.mn-seg button small{white-space:normal}}
/* measured vertical focus (detail x colour) for 10:9 and 5:4 crops of the 4:5 photos */
img[src$="/ambur-biryani-t.webp"]{object-position:50% 94%}
img[src$="/ankapur-natukodi-t.webp"]{object-position:50% 98%}
img[src$="/britisher-la-mushroom-t.webp"]{object-position:50% 100%}
img[src$="/chennai-65-biryani-t.webp"]{object-position:50% 100%}
img[src$="/chitti-rekkalu-platter-t.webp"]{object-position:50% 100%}
img[src$="/coconut-pudding-t.webp"]{object-position:50% 100%}
img[src$="/creamy-kothimeera-kodi-t.webp"]{object-position:50% 63%}
img[src$="/gongura-paneer-t.webp"]{object-position:50% 86%}
img[src$="/khazana-veg-biryani-t.webp"]{object-position:50% 80%}
img[src$="/mastan-keema-mirchi-bajji-t.webp"]{object-position:50% 100%}
img[src$="/mulberry-malai-t.webp"]{object-position:50% 96%}
img[src$="/mutton-marag-t.webp"]{object-position:50% 45%}
img[src$="/ooru-kodi-vepudu-t.webp"]{object-position:50% 100%}
img[src$="/paneer-biryani-t.webp"]{object-position:50% 59%}
img[src$="/paya-nool-parotta-t.webp"]{object-position:50% 2%}
img[src$="/perugu-annam-t.webp"]{object-position:50% 31%}
img[src$="/sp-thalapakatti-t.webp"]{object-position:50% 92%}
img[src$="/veg-lollipops-t.webp"]{object-position:50% 100%}
img[src$="/aritaku-bhojanam-t.webp"]{object-position:50% 50%}
/* hero: photo sits below the fixed header, built at its displayed shape, no overlay on the dish */
.mh{min-height:clamp(300px,25.5vw,420px)}
.mh-p{top:64px;bottom:0;width:62%}
.mh-i{object-fit:cover;object-position:50% 50%}
.mh-pot{display:none}
@media(max-width:700px){.mh{min-height:0}.mh-p{top:auto;height:210px;width:100%}.mh-i{object-position:64% 50%}}
@media(max-width:700px){.mh-i{-webkit-mask-image:linear-gradient(transparent,#000 12%);mask-image:linear-gradient(transparent,#000 12%)}}
/* contrast + usability pass */
:root{--ctl:#9A6F1C}
#mn-q::placeholder{color:#5f5646;opacity:1}
@media(min-width:1101px){
 .mn-q,.mn-sel select{border-color:var(--ctl)}
 .mn-seg,.mn-fl{border-color:var(--ctl)}
 .mn-fl button{border-right-color:var(--ctl)}
}
.mn-q{border-color:var(--ctl)}
.t-e{--c:#C66F0A}
.mn-seg button:focus-visible,.mn-fl button:focus-visible,.mn-sel select:focus-visible,.mn-q input:focus-visible,.mp-b:focus-visible,.mp-side a:focus-visible{outline:3px solid #103A27;outline-offset:2px}
.mn-q:focus-within{outline:3px solid #103A27;outline-offset:2px}
.mp-side a:focus-visible{outline-color:#F7B12E;outline-offset:-3px}
.gc{position:relative}
.gc-z{position:absolute;right:.55rem;top:calc(.55rem);width:36px;height:36px;border-radius:50%;border:1px solid var(--gold-line);background:rgba(11,42,28,.82);cursor:pointer;display:grid;place-items:center;padding:0;transition:background .2s,transform .2s}
.gc-z:before{content:"";width:16px;height:16px;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.gc-z:hover,.gc-z:focus-visible{background:var(--gold)}
.gc-z:hover:before,.gc-z:focus-visible:before{background:#103A27}
.gc-z:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(hover:hover){.gc-z{opacity:0}.gc:hover .gc-z,.gc:focus-within .gc-z,.gc-z:focus-visible{opacity:1}}
@media(max-width:700px){.gc-z{width:32px;height:32px;right:.4rem;top:.4rem}.gc-z:before{width:14px;height:14px}}

/* Menu: Photos view = staggered mosaic (tall tile beside wide/narrow tiles, mirrored on alternate blocks), white only behind the photos; thin caption at each tile's bottom edge */
.mn-vw{display:inline-flex;border:1.5px solid rgba(23,74,50,.28);border-radius:999px;overflow:hidden;flex:none}
.mn-vw button{padding:9px 15px;border:0;background:transparent;color:#174A32;font:700 13px var(--bf);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.25s}
.mn-vw button[aria-pressed=true]{background:#174A32;color:#F8F4E8}
.mn-vw button:focus-visible{outline:3px solid #DFA92E;outline-offset:-3px}
.mn-mos{--R:clamp(160px,14.5vw,225px);display:flex;flex-direction:column;gap:6px;margin:1rem 0 .5rem;padding:6px;background:#fff;border:1px solid #E6D6A3;border-radius:8px}
.mp-main .mn-blk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:var(--R);gap:6px}
.mn-blk.b2,.mn-blk.b3,.mn-blk.b4{grid-auto-rows:calc(var(--R)*1.2)}
.mn-blk.b4{grid-auto-rows:var(--R)}
.mp-main .mn-blk .mn-tl{min-width:0;padding:0;border:0;display:block;margin:0}
/* 5-block: tall + 2 top + 2 bottom */
.b5 .mn-tl:nth-child(1){grid-column:1/5;grid-row:1/3}.b5 .mn-tl:nth-child(2){grid-column:5/8;grid-row:1}.b5 .mn-tl:nth-child(3){grid-column:8/13;grid-row:1}.b5 .mn-tl:nth-child(4){grid-column:5/10;grid-row:2}.b5 .mn-tl:nth-child(5){grid-column:10/13;grid-row:2}
.b5.x .mn-tl:nth-child(1){grid-column:9/13;grid-row:1/3}.b5.x .mn-tl:nth-child(2){grid-column:1/6;grid-row:1}.b5.x .mn-tl:nth-child(3){grid-column:6/9;grid-row:1}.b5.x .mn-tl:nth-child(4){grid-column:1/4;grid-row:2}.b5.x .mn-tl:nth-child(5){grid-column:4/9;grid-row:2}
/* 4-block: two rows of two, offset */
.b4 .mn-tl:nth-child(1){grid-column:1/8}.b4 .mn-tl:nth-child(2){grid-column:8/13}.b4 .mn-tl:nth-child(3){grid-column:1/6}.b4 .mn-tl:nth-child(4){grid-column:6/13}
.b4.x .mn-tl:nth-child(1){grid-column:1/6}.b4.x .mn-tl:nth-child(2){grid-column:6/13}.b4.x .mn-tl:nth-child(3){grid-column:1/8}.b4.x .mn-tl:nth-child(4){grid-column:8/13}
/* 3-block: one row */
.b3 .mn-tl:nth-child(1){grid-column:1/6}.b3 .mn-tl:nth-child(2){grid-column:6/9}.b3 .mn-tl:nth-child(3){grid-column:9/13}
.b3.x .mn-tl:nth-child(1){grid-column:1/5}.b3.x .mn-tl:nth-child(2){grid-column:5/8}.b3.x .mn-tl:nth-child(3){grid-column:8/13}
/* 2-block */
.b2 .mn-tl:nth-child(1){grid-column:1/8}.b2 .mn-tl:nth-child(2){grid-column:8/13}
.b2.x .mn-tl:nth-child(1){grid-column:1/6}.b2.x .mn-tl:nth-child(2){grid-column:6/13}
/* phones: 2 columns, tall tile beside two stacked tiles */
.mn-blk.b3m,.mn-blk.b2m{grid-template-columns:1fr 1fr}
.b3m .mn-tl:nth-child(1){grid-column:1;grid-row:1/3}.b3m .mn-tl:nth-child(2){grid-column:2;grid-row:1}.b3m .mn-tl:nth-child(3){grid-column:2;grid-row:2}
.b3m.x .mn-tl:nth-child(1){grid-column:2;grid-row:1/3}.b3m.x .mn-tl:nth-child(2){grid-column:1;grid-row:1}.b3m.x .mn-tl:nth-child(3){grid-column:1;grid-row:2}
.b2m .mn-tl:nth-child(n){grid-column:auto;grid-row:auto}
.mn-blk.b2m{grid-auto-rows:calc(var(--R)*1.3)}
.mp-main .mn-tl .mn-ph{position:relative;width:100%;height:100%;aspect-ratio:auto;border-radius:3px;box-shadow:none;cursor:pointer;overflow:hidden}
.mp-main .mn-tl .mn-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;transition:opacity .5s,transform .8s cubic-bezier(.2,.8,.2,1)}
.mp-main .mn-tl .mn-ph:hover,.mp-main .mn-tl .mn-ph:focus-visible{transform:none;box-shadow:none}
.mp-main .mn-tl .mn-ph:hover img.ld,.mp-main .mn-tl .mn-ph:focus-visible img.ld{transform:scale(1.05)}
.mp-main .mn-tl .mn-ph:focus-visible{outline:3px solid #DFA92E;outline-offset:-3px}
.mp-main .mn-tl .mn-zi{display:none}
.mn-cap{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:26px 10px 8px;background:linear-gradient(to top,rgba(8,28,18,.88),rgba(8,28,18,.55) 55%,transparent);text-align:left;pointer-events:none}
.mn-cap .mn-dot{flex:none;width:12px;height:12px;background:#FFFDF3;border-radius:3px}
.mp-main .mn-cap .mn-nm{flex:1;min-width:0;font:400 14.5px/1.2 var(--hf);color:#FFF9ED;text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mp-main .mn-cap .mn-pr{flex:none;margin:0;font:600 14.5px/1.2 var(--hf);color:#FFC654;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.mn-cap .mn-pr:before{color:#FFE2A0}
.mp-main .mn-tl.f-s .mn-nm:after{content:" \2605";color:#F7B12E}
.mn-more{margin:1.4rem 0 .1rem;font:700 12px var(--bf);letter-spacing:.18em;text-transform:uppercase;color:#8B5635}
@media(min-width:1101px){.mn-deck,.mp{padding-inline:clamp(14px,1.8vw,32px)}.mp{grid-template-columns:200px minmax(0,1fr) 230px;gap:1rem}.mp-main{padding:.25rem 1rem 1rem}}
@media(max-width:560px){.mn-mos{--R:41vw}.mp-main .mn-cap .mn-nm,.mp-main .mn-cap .mn-pr{font-size:13px}.mn-cap{padding:22px 7px 6px;gap:6px}}
/* white photo band runs edge to edge across the menu card (cancels the card's 16px side padding) */
.mn-mos{position:relative;z-index:1;margin-inline:-16px;border-inline:0;border-radius:0}
/* Rewards review fixes: balanced line breaks (no orphan words), air above the pill, readable tier cards over the photo */
#rewards .sxr-hd h2,#rewards .sxr-sub,#rewards .sxr-hw p{text-wrap:balance}
#rewards .sxr-eq{margin:16px 0 8px}
#rewards .sxr-hw p,#rewards .sxr-sub{margin-inline:auto}
#rewards .sxr-t{background:rgba(8,32,20,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#rewards .sxr-cn{opacity:.9}

/* Rewards v32: Village Club badges, compact */
#rewards.sxr{padding:70px 0 56px}
#rewards .sxr-hd{margin-bottom:28px;max-width:640px}
#rewards .sxr-sub{margin:12px auto 0;font:500 16px/1.55 var(--bf);opacity:.92;text-wrap:balance}
#rewards .sxr-eq{margin:12px 0 0}
.sxc-g{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px}
.sxc{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:20px 20px 12px;border:1px solid rgba(247,177,46,.45);border-radius:20px;background:rgba(8,32,20,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .3s}
.sxc:hover{transform:translateY(-5px)}
.sxc-b{width:58px;height:58px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.sxc-b svg{width:100%;height:100%;display:block}
.sxc-t h3{font:400 26px/1.1 var(--hf);color:var(--iv);margin:0}
.sxc-t p{margin:3px 0 0;font:500 13px/1.35 var(--bf);color:var(--go2);opacity:.95}
.sxc>ul{grid-column:1/-1;list-style:none;margin:14px 0 0;padding:0}
.sxc>ul li{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-top:1px dashed rgba(247,177,46,.35)}
.sxc>ul b{flex:0 0 76px;font:400 28px/1 var(--hf);color:var(--go)}
.sxc>ul b small{font:700 10px var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--go2);margin-left:4px}
.sxc>ul span{font:500 15px/1.35 var(--bf)}
.sxc-g{align-items:stretch}
.sxc-e{background:linear-gradient(160deg,#FFD670,#F7B12E 60%,#E39A1B);border-color:#FFD670}
.sxc-e .sxc-t h3,.sxc-e .sxc-t p,.sxc-e>ul span{color:var(--br)}.sxc-e>ul li{border-color:rgba(23,74,50,.3)}.sxc-e>ul b,.sxc-e>ul b small{color:#174A32}
.sxc-e::after{content:"Top badge";position:absolute;top:12px;right:14px;font:700 10px var(--bf);letter-spacing:.14em;text-transform:uppercase;color:#174A32;opacity:.75}
#rewards .sxr-cn{text-align:center;margin:20px auto 0;max-width:640px}
#rewards .sxr-tc{margin-top:14px;max-width:640px}
@media(max-width:1000px){.sxc-g{grid-template-columns:1fr;gap:12px;max-width:520px}
#rewards.sxr{--H:250px;padding:54px 0 calc(var(--H) * .5 + 20px)}}
@media(max-width:520px){.sxc{padding:16px 16px 8px}.sxc-b{width:50px;height:50px}.sxc-t h3{font-size:23px}.sxc>ul b{font-size:25px;flex-basis:68px}.sxc>ul span{font-size:14.5px}}
.sxc{align-items:start;align-content:start}
.sxc>ul b{flex:0 0 92px;white-space:nowrap}
.sxc>ul li{align-items:center}
@media(max-width:520px){.sxc>ul b{flex-basis:84px}}

/* Rewards v33: split layout (cards left, art panel right) */
#rewards.sxr{background:linear-gradient(180deg,#103A27,#174A32 55%,#103A27);padding:70px 0 64px}
#rewards.sxr::before{background:radial-gradient(60% 50% at 70% 60%,rgba(247,177,46,.08),transparent 70%)}
#rewards .sxr-fx::before,#rewards .sxr-fx::after,#rewards .sxr-fx .im{display:none}
.sxr-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:26px;align-items:stretch;max-width:1180px;margin:0 auto}
.sxr-split .sxc-g{grid-template-columns:1fr;gap:14px;max-width:none;margin:0}
.sxp{position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(247,177,46,.5);box-shadow:0 18px 44px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,214,112,.12);min-height:300px}
.sxp svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.sxp::after{content:"";position:absolute;inset:0;border-radius:24px;box-shadow:inset 0 0 60px rgba(8,32,20,.55);pointer-events:none}
.sxp .an{animation-play-state:paused}.sxp.on .an{animation-play-state:running}
.sxp .cn{transform-box:fill-box;transform-origin:center;opacity:0;animation:sxpDrop 3.6s cubic-bezier(.45,.05,.7,1) infinite}
.sxp .c2{animation-delay:1.2s}.sxp .c3{animation-delay:2.4s}
@keyframes sxpDrop{0%{transform:translate(0,0) scale(.9);opacity:0}10%{opacity:1}72%{transform:translate(-47px,122px) scale(.9);opacity:1}82%{transform:translate(-51px,144px) scale(.5);opacity:0}100%{opacity:0}}
.sxp .gl{transform-box:fill-box;transform-origin:center;opacity:0;animation:sxpGlint 1.2s ease-out infinite}
@keyframes sxpGlint{0%,58%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(1.5)}}
.sxp .st{transform-box:fill-box;transform-origin:center;opacity:0;animation:sxpSteam 5.5s ease-out infinite}.sxp .s2{animation-delay:-2.7s}
@keyframes sxpSteam{0%{transform:translate(0,0) scale(.6);opacity:0}25%{opacity:.8}100%{transform:translate(30px,-138px) scale(1.6);opacity:0}}
@media(max-width:1000px){#rewards.sxr{--H:auto;padding:54px 0 50px}.sxr-split{grid-template-columns:1fr;max-width:520px;gap:14px}.sxp{aspect-ratio:1000/640;min-height:0}}
@media(prefers-reduced-motion:reduce){.sxp .an,.sxp .trl{display:none}}
.sxc-b,.sxc-t{grid-row:1}.sxc>ul{grid-row:2}
.sxc{align-content:center}


/* Rewards v36: cream layout (ref 3) + card style (ref 2) */
#rewards.sxr{background:linear-gradient(180deg,#F5EBD8,#F2E7D2 60%,#F6EBD8);color:#1D2520;padding:78px 0 70px}
#rewards.sxr::before{display:none}#rewards .sxr-fx{display:none}
#rewards .w{position:relative;z-index:2;max-width:1240px}
.rw-d{position:absolute;pointer-events:none;z-index:1;height:auto}
.rw-tl{top:0;left:0}.rw-tr{top:0;right:0}.rw-bl{bottom:0;left:0}.rw-br{bottom:0;right:0}
#rewards .sxr-hd{max-width:none;margin:0 auto 34px;display:flex;flex-direction:column;align-items:center}
.rw-eb{display:block;margin:0 auto 4px}
#rewards .eb{justify-content:center;color:#A13E1B;font-size:13px;letter-spacing:.16em;margin:0 0 6px;gap:16px}
#rewards .eb::before,#rewards .eb::after{content:"";width:70px;height:1px;background:#C98A5E}
.rw-h{display:flex;align-items:flex-end;justify-content:center;gap:10px}
.rw-hl,.rw-hr{width:74px;height:auto;margin-bottom:6px}
#rewards .sxr-hd h2{color:#0E2A1C;font-size:clamp(38px,4.4vw,60px);line-height:1.06;margin:0}
#rewards .sxr-eq{display:inline-flex;align-items:center;gap:12px;background:none;color:inherit;padding:0;margin:14px 0 0;position:static;font:700 18px var(--bf);letter-spacing:0}
#rewards .sxr-eq::before,#rewards .sxr-eq::after{display:none}
#rewards .sxr-eq{background:none}
#rewards .sxr-eq>img{width:44px;height:auto}
#rewards .sxr-eq{--pill:#B04A1E}
#rewards .sxr-eq{isolation:isolate}
#rewards .sxr-eq{padding:9px 24px;background:var(--pill);color:#fff;border-radius:40px;gap:0;position:relative;margin-top:16px}
#rewards .sxr-eq img{position:absolute;top:50%;transform:translateY(-50%)}
#rewards .sxr-eq img:first-child{right:calc(100% + 8px)}#rewards .sxr-eq img:last-child{left:calc(100% + 8px)}
#rewards .sxr-sub{color:#2B2B24;margin:14px auto 0;font:500 16.5px/1.55 var(--bf);max-width:560px;opacity:1}
.sxr-split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;max-width:1240px;align-items:stretch}
.sxr-split .sxc-g{background:none;border:0;box-shadow:none;padding:0;border-radius:0;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
#rewards .sxc{position:relative;display:block;padding:18px 22px 10px;border-radius:22px;color:#0E1719;box-shadow:0 10px 26px rgba(80,55,20,.12);transition:transform .3s}
#rewards .sxc:hover{transform:translateY(-4px)}
#rewards .sxc-b{width:86px;height:86px;display:block;margin:0 0 6px -4px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}
#rewards .sxc-t h3{font:400 31px/1.1 var(--hf);color:#0E1719;margin:0}
#rewards .sxc-t p{margin:4px 0 12px;font:500 14.5px/1.4 var(--bf);color:#3B3B36;opacity:1}
#rewards .sxc>ul{display:block;margin:0;padding:0;list-style:none}
#rewards .sxc>ul li{display:flex;align-items:center;gap:0;padding:12px 0;min-height:62px;border-top:1px solid rgba(14,23,25,.14)}
#rewards .sxc>ul b{flex:0 0 112px;display:flex;align-items:baseline;gap:5px;padding:0 14px 0 0;margin-right:14px;border-right:1.5px solid rgba(14,23,25,.55);align-self:center;height:34px;align-items:center;font:700 29px/1 var(--bf);color:#1B5A33}
#rewards .sxc>ul b small{font:700 11.5px var(--bf);letter-spacing:.04em;text-transform:uppercase;color:#1B5A33;margin:6px 0 0}
#rewards .sxc>ul span{font:600 15.5px/1.3 var(--bf);color:#1D2520}
#rewards .sxc::after{position:absolute;top:18px;right:18px;font:700 12px/1.25 var(--bf);letter-spacing:.05em;text-transform:uppercase;white-space:pre;text-align:center;padding:7px 12px;border-radius:14px}
#rewards .sxc-s{background:linear-gradient(165deg,#FFFFFF,#F4F1EA);border:1px solid #E5DFD0}
#rewards .sxc-s::after{content:"From\A 500 pts";background:#E4E7E6;color:#3D4A47}
#rewards .sxc-gd{background:linear-gradient(165deg,#FDEBC0,#FBDC98);border:1px solid #EBC57A}
#rewards .sxc-gd::after{content:"From\A 2000 pts";background:#FBD483;color:#6B4210}
#rewards .sxc-gd>ul b,#rewards .sxc-gd>ul b small{color:#7A4F0E}
#rewards .sxc-gd>ul li{border-color:rgba(122,79,14,.25)}
#rewards .sxc-e{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;background:linear-gradient(120deg,#14412A,#0B311D);border:1px solid #D9B25E;color:#F3EBD2;padding:16px 24px 8px}
#rewards .sxc-e .sxc-b{grid-row:1;margin:0}
#rewards .sxc-e .sxc-t{grid-row:1}#rewards .sxc-e .sxc-t h3{color:#F3D78F}#rewards .sxc-e .sxc-t p{color:#E8E2CD;margin:4px 0 0}
#rewards .sxc-e>ul{grid-column:1/-1;margin-top:8px}
#rewards .sxc-e>ul li{border-color:rgba(243,215,143,.35)}
#rewards .sxc-e>ul b{border-color:rgba(243,215,143,.7);color:#F0CE84}#rewards .sxc-e>ul b small{color:#F0CE84}
#rewards .sxc-e>ul span{color:#F6F0DC}
#rewards .sxc-e::after{content:"From 5000 pts";background:#EBCA87;color:#0F3520;top:50%;margin-top:-52px}
.sxp{border:2px solid #E2B867;box-shadow:0 0 0 7px #FAF1DE,0 0 0 8px rgba(223,169,46,.55),0 22px 44px rgba(70,45,15,.22);border-radius:28px}
.sxp::after{border-radius:26px;box-shadow:inset 0 0 40px rgba(8,32,20,.35)}
#rewards .sxr-cn{color:#2B2B24;opacity:1;margin:30px auto 0;max-width:640px;text-align:center}
#rewards .sxr-cn a{color:#A13E1B;font-weight:700;text-decoration:underline}
.rw-tm{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}.rw-tm img{width:52px;height:auto;flex:none}
#rewards .rw-tm .sxr-tc{margin:0;flex:0 1 640px;width:100%;max-width:640px;border:1.5px solid #E3B964;border-radius:40px;background:#FFF9EC;color:#5B3A1C;padding:0 26px}
#rewards .rw-tm .sxr-tc summary{color:#5B3A1C;font-size:17px}#rewards .rw-tm .sxr-tc li{color:#3b3b36}
#rewards .rw-tm .sxr-tc::before,#rewards .rw-tm .sxr-tc::after{display:none}
@media(max-width:1000px){
#rewards.sxr{padding:54px 0 50px}.sxr-split{grid-template-columns:1fr;max-width:560px;gap:20px}.sxp{aspect-ratio:1000/640;min-height:0}
.sxr-split .sxc-g{grid-template-columns:1fr}
#rewards .sxc{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:14px 16px 6px}
#rewards .sxc-b{grid-row:1;width:68px;height:68px;margin:0}#rewards .sxc-t{grid-row:1;padding-right:92px}#rewards .sxc-t h3{font-size:26px}#rewards .sxc-t p{margin:3px 0 0}
#rewards .sxc>ul{grid-column:1/-1;margin-top:8px}#rewards .sxc::after{top:14px;right:14px;font-size:10.5px;padding:5px 9px}
#rewards .sxc-e{grid-column:auto}#rewards .sxc-e::after{top:14px;margin-top:0}
.rw-tl{width:190px}.rw-tr{width:150px}.rw-bl{display:none}.rw-br{width:170px}
.rw-hl,.rw-hr{display:none}.rw-tm img{display:none}}
@media(max-width:520px){#rewards .sxc>ul b{flex-basis:84px;font-size:23px;padding-right:8px;margin-right:10px}#rewards .sxc>ul b small{font-size:9.5px}#rewards .sxc>ul span{font-size:13.5px}#rewards .sxr-eq>img{display:none}#rewards .eb::before,#rewards .eb::after{width:28px}}
#rewards .sxr-hd h2{max-width:9.2em;text-wrap:balance}
#rewards .sxc>ul b{flex:0 0 100px;font-size:26px;padding-right:10px;margin-right:12px}
#rewards .sxc>ul b small{font-size:10.5px;margin-left:0}
#rewards .sxc>ul span{font-size:15px}
#rewards .sxc-t p{margin-bottom:10px}
.rw-tr{-webkit-mask-image:radial-gradient(ellipse 85% 90% at 100% 0,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 85% 90% at 100% 0,#000 55%,transparent 100%)}
.rw-br{-webkit-mask-image:radial-gradient(ellipse 90% 95% at 100% 100%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 90% 95% at 100% 100%,#000 62%,transparent 100%)}
@media(max-width:520px){#rewards .sxr-hd h2{max-width:none}#rewards .sxc>ul b{flex-basis:80px;font-size:22px;padding-right:6px;margin-right:9px}#rewards .sxc>ul span{font-size:13.5px}}
@media(max-width:1000px){#rewards .sxc-e::after{content:"From\A 5000 pts"}}
/* v37 type tuning (checked with real DM Sans / DM Serif Display) */
#rewards .eb{font-size:14px}
#rewards .sxr-eq{font-size:19px}
#rewards .sxc-t h3{font-size:34px}
#rewards .sxc-t p{font-size:15px}
#rewards .sxc>ul span{font-weight:700;font-size:16px}
#rewards .sxc>ul b small{font-size:11.5px}
#rewards .sxr-cn{font-size:13.5px}
@media(max-width:520px){#rewards .sxc-t h3{font-size:27px}#rewards .sxc>ul span{font-size:14px}#rewards .sxc>ul b small{font-size:10px}}
#rewards .sxr-cn{max-width:760px;text-wrap:balance}

#rewards .sxr-tg{margin:26px auto 0;text-align:center;font:400 clamp(22px,3.4vw,30px)/1.3 var(--hf);color:#174A32;text-wrap:balance}
#rewards .sxr-tg span{color:#B04A1E;white-space:nowrap}
@media(max-width:520px){#rewards .sxr-tg{font-size:21px;margin-top:20px}#rewards .sxr-tg span{white-space:normal}}

.sxp .sxp-tag{position:absolute;z-index:2;top:14px;right:14px;max-width:46%;padding:9px 16px;border-radius:18px 18px 18px 4px;background:#FAF1DE;color:#174A32;font:400 clamp(15px,1.9vw,20px)/1.25 var(--hf);text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.28);transform:rotate(-3deg)}
.sxp .sxp-tag b{display:block;color:#B04A1E}
@media(max-width:520px){.sxp .sxp-tag{top:10px;right:10px;padding:7px 12px;font-size:14px}}

/*v40 home sections*/
.sg .rvh,.nw .rvh,.igs .rvh{margin-bottom:38px}.sg .rvh .eb:before,.nw .rvh .eb:before,.igs .rvh .eb:before{content:"";width:28px;height:2px;background:var(--go)}.sg .rvh h2,.nw .rvh h2,.igs .rvh h2{font-family:var(--hf);font-weight:400;font-size:clamp(30px,3.6vw,46px);color:var(--g);line-height:1.15;margin:0 0 10px}.sg .rvh p,.nw .rvh p,.igs .rvh p{font:500 16px/1.55 var(--bf);color:#2B2B24;margin:0}
.sg{background:var(--cr);padding:92px 0 84px}
.sgg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sgc{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(51,23,9,.12);border:1px solid rgba(223,169,46,.35)}
.sgi{position:relative;aspect-ratio:4/3.2;overflow:hidden;background:var(--iv)}.sgi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.sgc:hover .sgi img{transform:scale(1.05)}
.dt{position:absolute;top:12px;left:12px;width:20px;height:20px;border:2px solid #1c7a3e;background:#fff;border-radius:4px}.dt:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#1c7a3e}.dt.n{border-color:#A13E1B}.dt.n:after{background:#A13E1B}
.sgt{padding:16px 18px 18px;display:grid;gap:3px}.sgt small{font:700 11px var(--bf);letter-spacing:.16em;text-transform:uppercase;color:var(--tc)}.sgt h3{font:400 22px/1.2 var(--hf);color:var(--g);margin:0}.sgt b{font:700 18px var(--bf);color:#B04A1E}
.sgb{text-align:center;margin-top:36px}
.ctz{background:var(--g);color:var(--iv);padding:54px 0}.ctzi{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.ctz .eb{color:var(--go)}.ctz h2{font:400 clamp(28px,3vw,40px)/1.15 var(--hf);margin:0 0 8px}.ctz p{margin:0;max-width:520px;font:500 16px/1.55 var(--bf);opacity:.92}.ctzb{display:flex;gap:12px;flex-wrap:wrap}.ctz .btn.dk{background:transparent;color:var(--iv);border:2px solid var(--go);box-shadow:none}
.nw{background:var(--iv);padding:88px 0 80px}
.nwg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nwc{background:#fff;border-radius:20px;padding:24px 24px 22px;border:1px solid rgba(23,74,50,.14);border-top:5px solid var(--go);box-shadow:0 10px 26px rgba(51,23,9,.08);display:flex;flex-direction:column;gap:8px}
.nwc time{font:700 12px var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--tc)}.nwc h3{font:400 23px/1.2 var(--hf);color:var(--g);margin:0}.nwc p{margin:0;font:500 15px/1.55 var(--bf);color:#2B2B24;flex:1}.nwc a{font:700 14px var(--bf);color:#A13E1B}
.igs{background:var(--cr);padding:80px 0 76px}.igf{max-width:960px;margin:0 auto}.igfb{background:#fff;border:2px dashed rgba(23,74,50,.28);border-radius:22px;padding:38px 24px;text-align:center}.igfb p{font:500 16px var(--bf);color:#2B2B24;margin:0 0 18px}
@media(max-width:1000px){.sgg,.nwg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.sgg,.nwg{grid-template-columns:1fr}.sg,.nw{padding:60px 0 54px}.igs{padding:56px 0}.ctzi{flex-direction:column;align-items:flex-start}}

.ckb{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:720px;margin:0 auto;background:#103A27;color:#F8F4E8;border:1px solid rgba(247,177,46,.5);border-radius:18px;padding:14px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 14px 40px rgba(0,0,0,.35);font:500 14px/1.45 var(--bf)}.ckb[hidden]{display:none}.ckb p{margin:0;flex:1 1 260px}.ckb a{color:#F7B12E;text-decoration:underline}.ckb div{display:flex;gap:8px}.ckb button{font:700 14px var(--bf);padding:10px 20px;border-radius:30px;border:0;background:#F7B12E;color:#331709;cursor:pointer}.ckb button.g{background:transparent;color:#F8F4E8;border:1px solid rgba(248,244,232,.5)}
@media(max-width:700px){.ckb{bottom:84px}}

/*v43 reviews: cream/white cards, centre focus*/
section.rvw .rvh h2 em{font-style:normal;color:#F7B12E}
section.rvw .rvbg{background:linear-gradient(180deg,rgba(8,36,22,.5),rgba(8,36,22,.12) 45%,rgba(8,36,22,.6)),var(--bg-rv) center/cover no-repeat}

/*v44 reviews: looping 3D carousel (centre card + tilted sides), alternate cream/white cards, dish photo strip + dish name*/
section.rvw{padding:76px 0 60px}
section.rvw .rvh{margin-bottom:14px}
section.rvw .rvh h2{font-size:clamp(40px,5.2vw,68px);line-height:1.05;letter-spacing:-.005em}
section.rvw .rvh p{font-size:clamp(16px,1.5vw,19px)}
section.rvw .rvh .eb{display:flex;align-items:center;justify-content:center;gap:14px}
section.rvw .rvh .eb::before,section.rvw .rvh .eb::after{content:"";display:block;width:34px;height:1.5px;background:#F7B12E;opacity:.9}
section.rvw .rvg{--rw:min(430px,80vw);--sx:calc(var(--rw)*.82);display:grid;grid-template-columns:minmax(0,1fr);gap:0;justify-items:center;align-items:stretch;overflow:visible;scroll-snap-type:none;margin:0;padding:26px 0 20px;perspective:1000px;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline-offset:6px}
section.rvw .rvg:focus-visible{outline:3px solid #F7B12E;border-radius:24px}
section.rvw .rvc{grid-area:1/1;flex:none;width:var(--rw);margin:0;padding:0;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(223,169,46,.55);background:#F5EED2;color:#174A32;cursor:pointer;
 box-shadow:0 22px 44px -22px rgba(0,0,0,.65);z-index:1;opacity:1;filter:brightness(.96);
 transform:translateX(calc(max(-1,min(1,var(--o,0)))*var(--sx)*1.2)) scale(.72);
 transition:transform .85s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s,box-shadow .6s}
section.rvw .rvc:nth-child(even){background:#FFFFFF}
section.rvw .rvc::before{content:none}
section.rvw .rvc.is-l{transform:translateX(calc(var(--sx)*-1)) rotateY(-28deg) scale(.78);z-index:2}
section.rvw .rvc.is-r{transform:translateX(var(--sx)) rotateY(28deg) scale(.78);z-index:2}
section.rvw .rvc.is-x{opacity:0;pointer-events:none}
section.rvw .rvc.is-on{transform:none;scale:1.03;z-index:3;opacity:1;filter:none;cursor:default;box-shadow:0 34px 60px -26px rgba(0,0,0,.75)}
/* dish strip */
.rvph{position:relative;height:88px;flex:none;overflow:hidden;background:#174A32}
.rvph img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.rvph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,36,22,0) 50%,rgba(8,36,22,.3))}
.rvdn{position:absolute;left:14px;top:12px;z-index:1;font:600 12.5px/1 var(--bf);color:#174A32;background:rgba(245,238,210,.95);padding:7px 12px;border-radius:99px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
/* body */
.rvbd{position:relative;flex:1;display:flex;flex-direction:column;padding:0 28px 22px}
.rvbd::before{content:"";position:absolute;right:8px;bottom:4px;width:170px;height:62px;background:url(assets/sk-village.webp) center/contain no-repeat;opacity:.16;pointer-events:none}
.rvtp,.rvq,section.rvw .rvn{position:relative;z-index:1}
.rvtp{display:flex;align-items:flex-end;justify-content:space-between;height:44px;margin-top:-22px}
.rvqm{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#174A32;color:#F7B12E;border:2px solid #F7B12E;font:400 34px/1 var(--hf);padding-top:12px;box-shadow:0 4px 10px -4px rgba(0,0,0,.5)}
section.rvw .rvs{color:#E09A0C;text-shadow:none;font-size:18px;letter-spacing:.12em;margin:0 0 2px}
section.rvw .rvq{display:flex;align-items:center;flex:1;margin:14px 0 18px;font:400 clamp(19px,1.55vw,21px)/1.4 var(--hf);color:#174A32}
section.rvw .rvq.sh{font-size:clamp(26px,2.2vw,31px);line-height:1.22}
section.rvw .rvq.lg{font-size:clamp(17px,1.35vw,18.5px);line-height:1.45}
section.rvw .rvn{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(23,74,50,.15);font:700 16px var(--bf);letter-spacing:0;text-transform:none;color:#331709}
section.rvw .rvn::before,section.rvw .rvn::after{content:none}
section.rvw .rvn i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#174A32;color:#F7B12E;font:400 20px var(--hf);font-style:normal}
/* arrows + dots */
.rvx{position:relative}
.rvk{margin-top:2px}
.rvb{background:#F5EED2;color:#174A32;border:1.5px solid #F7B12E;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
@media(min-width:1200px){.rvb{position:absolute;top:calc(50% - 40px);z-index:5}#rv-p{left:calc(50% - 548px)}#rv-n{right:calc(50% - 548px)}}
/* feedback bar */
section.rvw .rvf{display:grid;justify-items:center;gap:0;margin:22px auto 0;padding:0;background:none;border:0;max-width:none;opacity:1;text-align:left}
.rvfb{display:flex;align-items:center;gap:22px;background:#103A27;border:1px solid rgba(247,177,46,.45);border-radius:22px;padding:18px 24px 30px 28px;box-shadow:0 22px 44px -22px rgba(0,0,0,.75)}
.rvwa{display:block;flex:none;width:38px;height:38px;color:#F7B12E}.rvwa svg{display:block;width:100%;height:100%}
.rvft{padding-right:24px;border-right:1px solid rgba(245,238,210,.25)}
section.rvw .rvf small{display:block;font:700 11px var(--bf);letter-spacing:.2em;text-transform:uppercase;color:#F7B12E}
section.rvw .rvf .rvft p{margin:5px 0 0;font:400 22px/1.2 var(--hf);color:#F8F4E8;opacity:1}
.rvcl{position:relative;z-index:2;display:inline-flex;align-items:center;margin-top:-20px;padding:11px 26px;border-radius:99px;border:1.5px solid rgba(247,177,46,.8);background:#103A27;color:#F5EED2;font:700 15px var(--bf);transition:background .25s,color .25s}
.rvcl:hover{background:#F7B12E;color:#12331F}
@media(max-width:700px){
 section.rvw{padding:72px 0 64px}
 section.rvw .rvg{--rw:78vw;--sx:calc(var(--rw)*.14 + 34px);padding:30px 0 24px}
 section.rvw .rvc.is-l{transform:translateX(calc(var(--sx)*-1)) rotateY(-22deg) scale(.78)}
 section.rvw .rvc.is-r{transform:translateX(var(--sx)) rotateY(22deg) scale(.78)}
 section.rvw .rvc.is-on{scale:1}
 .rvph{height:84px}.rvbd{padding:0 22px 20px}
 section.rvw .rvq{font-size:19px}section.rvw .rvq.sh{font-size:26px}section.rvw .rvq.lg{font-size:17px}
 .rvfb{flex-direction:column;text-align:center;gap:12px;padding:20px 22px 32px}.rvft{padding:0;border:0}
 section.rvw .rvf{margin-top:28px}
}
@media(max-width:1200px) and (min-width:701px){section.rvw .rvg{--rw:min(420px,70vw)}}
@media(prefers-reduced-motion:reduce){section.rvw .rvc{transition:none}}

/*v46 About: Amma Uttaram letter section*/
section.abl{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#1F5A3E 0%,#174A32 55%,#103A27 100%);color:#F5EED2;padding:96px 0 104px}
.abl-bg{position:absolute;inset:0;pointer-events:none}
.abl-lf{position:absolute;display:block;height:auto;opacity:.9}
.abl-lf.a{top:0;right:0;width:min(300px,30vw)}
.abl-lf.b{bottom:0;left:0;width:min(170px,18vw);opacity:.85}
.abl-sk{position:absolute;right:3%;bottom:22px;width:min(420px,38vw);height:auto;opacity:.22}
.abl-tw{position:absolute;inset:0;width:100%;height:100%;opacity:.35}
.abl-g{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,84px);align-items:center}
.abl-tx{max-width:560px}
.abl .eb{display:flex;align-items:center;gap:14px;color:#F7B12E}
.abl .eb::before{content:"";width:34px;height:1.5px;background:#F7B12E}
.abl h2{margin:14px 0 0;font:400 clamp(30px,3.4vw,44px)/1.1 var(--hf);color:#F5EED2}
.abl-te{display:block;font:700 clamp(40px,5vw,66px)/1.35 "Noto Sans Telugu","Nirmala UI","Gautami",sans-serif;color:#F7B12E;letter-spacing:0}
.abl h2 em{display:block;font-style:italic;font-size:.62em;color:#F5EED2;opacity:.9;margin-top:2px}
.abl-lead{margin:22px 0 12px;font:400 clamp(21px,1.9vw,26px)/1.35 var(--hf);color:#FBE7B3}
.abl-tx p{color:#F5EED2}
.abl-tx p:not(.eb):not(.abl-lead){margin:0 0 14px;font:400 16.5px/1.7 var(--bf);opacity:.92}
.abl-ch{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.abl-ch li{display:flex;flex-direction:column;gap:3px;padding:11px 16px;border-radius:14px;border:1px solid rgba(247,177,46,.45);background:rgba(245,238,210,.06)}
.abl-ch b{font:700 10.5px/1 var(--bf);letter-spacing:.18em;text-transform:uppercase;color:#F7B12E}
.abl-ch span{font:500 15px/1.2 var(--bf);color:#F5EED2}
.abl-ac{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-top:28px}
.abl-ac small{font:400 13.5px/1.4 var(--bf);color:#F5EED2;opacity:.75;max-width:230px}
@media(max-width:900px){
 section.abl{padding:68px 0 76px}
 .abl-g{grid-template-columns:1fr;gap:56px}
 .abl-tx{max-width:none;margin:0 auto}
 .abl-sk{width:60vw;opacity:.16}
}

/*v47 responsive images: phone-sized backgrounds*/
@media(max-width:700px){:root{--bg-rv:url(assets/village-reviews-900w.webp);--bg-rw:url(assets/rewards-bg-900w.webp);--bg-fb:url(assets/fbd2217782-700w.webp)}}
@media(min-width:701px) and (min-resolution:1.5dppx){:root{--bg-fb:url(assets/fbd2217782.webp)}}
picture{display:contents}

/*v49 menu dish cards: uniform photo grid, caption below the photo, prices aligned*/
.mn-mos{padding:16px 14px 18px}
.mp-main .mn-blk.mn-uni{list-style:none;margin:0;padding:0;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;width:100%}
@media(min-width:700px){.mn-mos{padding:20px 20px 22px}.mp-main .mn-blk.mn-uni{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 18px}}
.mp-main .mn-uni .mn-tl{display:flex;min-width:0;grid-column:auto!important;grid-row:auto!important;width:auto;animation:mnIn .55s both}
.mp-main .mn-uni .mn-tl:nth-child(2n){animation-delay:.06s}.mp-main .mn-uni .mn-tl:nth-child(3n){animation-delay:.12s}
.mp-main .mn-uni .mn-ph.mn-tb{display:flex;flex-direction:column;align-items:stretch;width:100%;height:auto;aspect-ratio:auto;border-radius:16px;overflow:hidden;text-align:left;background:#FFFDF3;box-shadow:0 0 0 1px rgba(223,169,46,.6),0 8px 20px rgba(16,58,39,.12);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.mp-main .mn-uni .mn-ph.mn-tb:hover,.mp-main .mn-uni .mn-ph.mn-tb:focus-visible{transform:translateY(-4px);box-shadow:0 0 0 1.5px #DFA92E,0 16px 30px rgba(16,58,39,.22)}
.mp-main .mn-uni .mn-tb img{position:relative;inset:auto;display:block;flex:none;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 42%;background:var(--bg,#e8dcb4)}
.mp-main .mn-uni .mn-tb:hover img.ld,.mp-main .mn-uni .mn-tb:focus-visible img.ld{transform:scale(1.05)}
.mp-main .mn-uni .mn-tb .mn-zi{display:block;top:8px;right:8px;bottom:auto;opacity:.92;scale:1}
.mp-main .mn-uni .mn-cap{position:static;flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;column-gap:8px;row-gap:8px;align-items:start;padding:12px 13px 14px;background:none;pointer-events:auto}
.mp-main .mn-uni .mn-cap .mn-dot{align-self:start;margin-top:3px;width:14px;height:14px;background:#FFFDF3}
.mp-main .mn-uni .mn-cap .mn-nm{grid-column:2;min-width:0;font:400 17px/1.25 var(--hf);color:#103A27;text-shadow:none;display:block;overflow:visible;-webkit-line-clamp:unset;overflow-wrap:anywhere}
.mp-main .mn-uni .mn-cap .mn-pr{grid-column:2;grid-row:2;justify-self:start;display:inline-flex;align-items:baseline;gap:3px;margin:0;padding:3px 11px 4px;border-radius:999px;background:rgba(223,169,46,.17);border:1px solid rgba(223,169,46,.6);font:600 16px/1.2 var(--hf);color:#174A32;text-shadow:none;font-variant-numeric:tabular-nums}
.mp-main .mn-uni .mn-cap .mn-pr:before{color:#8B5635}
.mp-main .mn-uni .mn-cap .mn-fr:before{content:none}
.mp-main .mn-uni .mn-cap .mn-fr small{font:600 10.5px/1 var(--bf);letter-spacing:.08em;text-transform:uppercase;color:#8B5635}
.mp-main .mn-uni .mn-cap .mn-fr i{font-style:normal}
.mp-main .mn-uni .mn-cap .mn-fr i:before{content:"\20B9";font:600 12px var(--bf);margin-right:2px;color:#8B5635}
.mp-main .mn-uni .f-s .mn-ph{box-shadow:0 0 0 2px #DFA92E,0 8px 20px rgba(16,58,39,.14)}
@media(max-width:699px){.mp-main .mn-uni .mn-cap{padding:10px 11px 12px}.mp-main .mn-uni .mn-cap .mn-nm{font-size:15.5px}.mp-main .mn-uni .mn-cap .mn-pr{font-size:15px;padding:2px 10px 3px}}
/* list rows: tabular prices, tidy photo thumbs */
.mn-pr,.mn-op b{font-variant-numeric:tabular-nums lining-nums}
.mn-it.has-ph .mn-ph{border-radius:12px;box-shadow:0 0 0 1.5px rgba(223,169,46,.75),0 6px 14px rgba(16,58,39,.16)}
@media(prefers-reduced-motion:reduce){.mp-main .mn-uni .mn-tl{animation:none}.mp-main .mn-uni .mn-ph.mn-tb{transition:none}}

/*v50 About letter: folded + tied packet that untwines and unfolds on scroll, then a zoom/pan reader*/
.ltr{position:relative;margin:0;justify-self:center;width:min(420px,100%);padding:6px 0 34px}
.ltr-ground{position:absolute;left:6%;right:6%;bottom:14px;height:34px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);filter:blur(6px);opacity:.8;pointer-events:none}
.ltr-box{position:relative;container-type:inline-size}
.ltr-stage{position:relative;width:100%;perspective:1700px;perspective-origin:50% 30%}.ltr-stage::before{content:"";display:block;padding-top:calc(var(--lr,1.5356)*100%)}
.ltr-asm{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 16.6667%}
.ltr .pn{position:absolute;transform-style:preserve-3d;transform-origin:50% 0}
.ltr .p1{left:0;top:0;width:100%;height:33.3333%}
.ltr .p2,.ltr .p3{left:0;top:calc(100% - .5px);width:100%;height:calc(100% + .5px)}
.ltr .pf,.ltr .pb,.ltr .pc{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ltr .pf{background:url(assets/amma-uttaram.webp) 0 0/100% 300% no-repeat #EFE5CC;box-shadow:0 0 0 1px rgba(120,80,30,.16)}
.ltr .p2>.pf{background-position:0 50%}.ltr .p3>.pf{background-position:0 100%}
.ltr .p1>.pf{box-shadow:0 0 0 1px rgba(120,80,30,.16),0 26px 50px -22px rgba(0,0,0,.75)}
.ltr .p2>.pf,.ltr .p3>.pf{box-shadow:inset 0 12px 14px -12px rgba(70,40,10,.45),0 0 0 1px rgba(120,80,30,.14)}
.ltr .pf::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(55,28,6,.55),rgba(55,28,6,.1));opacity:0;transition:opacity 1s ease .2s;pointer-events:none}
.ltr .pb{transform:rotateX(180deg);background:linear-gradient(180deg,#E6D8B4,#EFE3C5);box-shadow:0 0 0 1px rgba(120,80,30,.2)}
/* the closed cover */
.ltr .pc{background:repeating-linear-gradient(135deg,#C8472B 0 3.2cqw,#F5EED2 3.2cqw 5.2cqw,#2F4AA0 5.2cqw 8.4cqw,#F5EED2 8.4cqw 10.4cqw);transition:opacity .7s ease .25s}
.ltr .pc-in{position:absolute;inset:1.7cqw;background:linear-gradient(135deg,#F4E9CB,#EADBB4);overflow:hidden;box-shadow:inset 0 0 6cqw rgba(120,80,30,.28)}
.ltr .pc-t{position:absolute;left:4.5cqw;top:5cqw;font:700 5.1cqw/1 var(--bf);letter-spacing:.14em;color:#1F3C88}
.ltr .pc-s{position:absolute;left:4.5cqw;top:12cqw;font:italic 400 3.6cqw/1 var(--hf);color:#7A5230}
.ltr .pc-st{position:absolute;right:4.5cqw;top:4cqw;width:13cqw;height:16cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#3A55B0;color:#F5EED2;border:.8cqw dotted #F5EED2;outline:.5cqw solid #3A55B0;outline-offset:-.8cqw;transform:rotate(2deg)}
.ltr .pc-st span{font:400 6.4cqw/1 var(--hf)}.ltr .pc-st em{font:700 2.1cqw/1 var(--bf);letter-spacing:.14em;font-style:normal;margin-top:1cqw}
.ltr .pc-pm{position:absolute;right:15cqw;top:6.5cqw;width:15cqw;height:15cqw;color:rgba(40,50,100,.55);transform:rotate(-14deg)}
.ltr .pc-ad{position:absolute;right:4.5cqw;bottom:4.4cqw;width:58%}
.ltr .pc-ad p{margin:0 0 1.5cqw;padding-bottom:.4cqw;border-bottom:.35cqw solid rgba(31,60,136,.5);font:italic 400 3.5cqw/1.15 Georgia,serif;color:#1F2F66;white-space:nowrap}
/* twine + wax seal */
.ltr .ltr-tw{position:absolute;left:0;top:0;width:100%;height:33.3333%;transform:translateZ(8px);pointer-events:none}
.ltr .ltr-tw svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ltr .tw{stroke:#BC9255;stroke-width:4;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 1.5px 1px rgba(60,30,5,.45))}
.ltr .tw.h{stroke-width:4.5}
.ltr .tl{position:absolute;left:50%;top:50%;width:1.1cqw;height:16cqw;margin-left:-.5cqw;border-radius:1cqw;background:repeating-linear-gradient(180deg,#BC9255 0 .9cqw,#8A6532 .9cqw 1.5cqw);transform-origin:50% 0;transition:transform .9s ease-in,opacity .6s ease .3s}
.ltr .tl.a{transform:rotate(12deg)}.ltr .tl.b{transform:rotate(-9deg) scaleY(.82)}
.ltr .ltr-seal{position:absolute;left:50%;top:50%;width:15cqw;height:15cqw;margin:-7.5cqw 0 0 -7.5cqw;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.ltr .ltr-seal svg{display:block}
/* ---- states: base = fully open letter (works without JS) ---- */
.ltr .ltr-asm{transform:none;opacity:1}
.ltr-hit{position:absolute;inset:0;z-index:12;border:0;background:none;padding:0;cursor:zoom-in;border-radius:4px}
.ltr-hit:focus-visible{outline:3px solid #F7B12E;outline-offset:4px}
.ltr.arm:not(.done) .ltr-hit{cursor:pointer}
.abl-tap{position:absolute;left:50%;bottom:-8px;z-index:13;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 16px;border-radius:99px;background:rgba(16,58,39,.94);color:#F5EED2;border:1px solid rgba(247,177,46,.7);font:600 13px/1 var(--bf);box-shadow:0 8px 18px -8px rgba(0,0,0,.7);transform:translateX(-50%);pointer-events:none;transition:opacity .6s}
.ltr.arm:not(.done) .abl-tap{opacity:0}
.ltr.arm:not(.s1) .ltr-asm{opacity:0;transform:translate3d(0,calc(33.3333% + 40px),0) rotate(-8deg) scale(.88)}
.ltr.arm.s1:not(.s3) .ltr-asm{opacity:1;transform:translate3d(0,33.3333%,0) rotate(-3deg) scale(1);transition:transform .95s cubic-bezier(.2,.8,.2,1),opacity .6s}
.ltr.arm.s3 .ltr-asm{transition:transform 1.9s cubic-bezier(.45,.05,.25,1)}
.ltr.arm:not(.s3) .p2{transform:rotateX(-180deg) translateZ(2px)}
.ltr.arm:not(.s3) .p3{transform:rotateX(180deg) translateZ(-2px)}
.ltr.arm:not(.s3) .pf::after{opacity:1}
.ltr.arm:not(.s3) .pc{opacity:1}
.ltr.arm.s3 .p2{transition:transform 1.05s cubic-bezier(.4,0,.2,1)}
.ltr.arm.s3 .p3{transition:transform 1.05s cubic-bezier(.4,0,.2,1) .8s}
.ltr .p1>.pf::after{display:none}
.ltr.arm.s3 .pc{opacity:0}
.ltr:not(.arm) .pc,.ltr:not(.arm) .ltr-tw{display:none}
.ltr.arm.s3 .ltr-tw,.ltr.arm.done .ltr-tw{visibility:hidden}
/* untie */
.ltr.arm.s2 .tw.h{animation:ltrCut 1s ease-in .15s both}
.ltr.arm.s2 .tw.v{animation:ltrCut 1s ease-in .3s both}
.ltr.arm.s2 .tl.a{transform:translate(8cqw,22cqw) rotate(70deg);opacity:0}
.ltr.arm.s2 .tl.b{transform:translate(-8cqw,22cqw) rotate(-70deg);opacity:0}
.ltr.arm.s2 .ltr-seal{animation:ltrPop 1s ease-in both}
@keyframes ltrCut{0%{stroke-dashoffset:0;opacity:1}30%{stroke-dashoffset:.04}100%{stroke-dashoffset:1;opacity:0}}
@keyframes ltrPop{0%{transform:scale(1) rotate(0)}22%{transform:scale(1.22) rotate(-6deg)}100%{transform:translateY(17cqw) scale(.55) rotate(50deg);opacity:0}}
.ltr.skip *{transition-duration:.01s!important;transition-delay:0s!important;animation-duration:.01s!important;animation-delay:0s!important}
/* reader */
.ltr-overlay{position:fixed;inset:0;z-index:100000;display:none;background:rgba(15,63,36,.96);opacity:0;transition:opacity .25s;overscroll-behavior:contain;color:#F5EED2}
.ltr-overlay.open{display:block}.ltr-overlay.in{opacity:1}
.ltr-backdrop{position:absolute;inset:0}
.ltr-viewer{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:0;-webkit-user-select:none;user-select:none}
.ltr-viewer.zoomed{cursor:grab}.ltr-viewer.drag{cursor:grabbing}.ltr-viewer:not(.zoomed){cursor:zoom-in}
.ltr-image{position:absolute;left:0;top:0;max-width:none;display:block;transform-origin:0 0;will-change:transform;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);background:#EFE5CC;-webkit-user-drag:none}
.ltr-title{position:absolute;left:50%;top:max(18px,env(safe-area-inset-top));transform:translateX(-50%);margin:0;font:400 20px/1 var(--hf);color:#F7B12E;pointer-events:none;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.ltr-toolbar{position:absolute;left:14px;top:max(14px,env(safe-area-inset-top))}
.ltr-toolbar button,.ltr-zoom button,.ltr-close{font:600 14px/1 var(--bf);color:#F5EED2;background:rgba(15,40,28,.78);border:1px solid rgba(247,177,46,.55);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s}
.ltr-toolbar button:hover,.ltr-zoom button:hover,.ltr-close:hover{background:rgba(247,177,46,.25)}
.ltr-fit{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:12px}
.ltr-close{position:absolute;right:14px;top:max(14px,env(safe-area-inset-top));width:44px;height:44px;border-radius:50%;font-size:26px;line-height:1;padding:0 0 3px}
.ltr-zoom{position:absolute;right:14px;top:calc(max(14px,env(safe-area-inset-top)) + 56px);display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid rgba(247,177,46,.55)}
.ltr-zoom button{width:44px;height:44px;border:0;border-radius:0;font-size:24px}
.ltr-zoom button+button{border-top:1px solid rgba(247,177,46,.4)}
.ltr-hint{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);padding:9px 18px;border-radius:99px;background:rgba(15,40,28,.82);border:1px solid rgba(247,177,46,.4);font:500 13.5px/1 var(--bf);white-space:nowrap;pointer-events:none;transition:opacity .5s}
.ltr-hint.off{opacity:0}
.ltr-overlay button:focus-visible{outline:3px solid #F7B12E;outline-offset:2px}
@media(max-width:900px){.abl-g{gap:46px}.ltr{width:min(340px,86%)}}
@media(prefers-reduced-motion:reduce){.ltr *{transition-duration:.01s!important;animation-duration:.01s!important}.ltr-overlay{transition:none}}
@media(max-width:560px){.ltr-title{display:none}}

/*v50 home: section order, colour rhythm, news strip*/
#about,#stay{position:relative}
#signature{position:relative;background:radial-gradient(120% 80% at 50% 0%,#1F5A3E 0%,#174A32 55%,#103A27 100%);color:#F5EED2;padding:110px 0 92px}
#signature .rvh h2{color:#F5EED2}
#signature .rvh p{color:#F5EED2;opacity:.88}
#signature .rvh .eb{color:var(--go)}
#signature .sgc{border-color:rgba(247,177,46,.55);box-shadow:0 18px 40px -16px rgba(0,0,0,.6)}
#news.nw{position:relative;z-index:3;background:var(--cr);padding:0}
#news .rvh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
#news .w{padding-top:14px;padding-bottom:92px}
#news .nwg{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 2px 6px}
#news .nwg::-webkit-scrollbar{display:none}
#news .nwc{flex:1 1 0;min-width:250px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 14px;padding:10px 16px 11px;border-radius:14px;border:1px solid rgba(23,74,50,.16);border-top:1px solid rgba(23,74,50,.16);border-left:4px solid var(--go);box-shadow:none;scroll-snap-align:start}
#news .nwc time{grid-column:1/-1;font-size:10.5px}
#news .nwc h3{font-size:16.5px;line-height:1.2}
#news .nwc p{display:none}
#news .nwc a{white-space:nowrap;font-size:13px}
@media(max-width:620px){#news .nwg{display:flex}#news .nwc{min-width:78%}}
/*v50 effect 1: page-to-page transition (Chromium/Safari; others skip it)*/
@view-transition{navigation:auto}
::view-transition{background:#F7B12E}
::view-transition-old(root){animation:.32s ease-in both vtOut}
::view-transition-new(root){animation:.55s cubic-bezier(.65,0,.2,1) both vtIn}
@keyframes vtOut{to{opacity:.0;transform:scale(.985)}}
@keyframes vtIn{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
/*v50 effect 2: hero headline word by word + steam over the food*/
.hx .hh .wd{display:inline-block;opacity:0;transform:translateY(.55em) rotate(2deg);animation:wdIn .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.18s + var(--i,0)*.085s)}
@keyframes wdIn{to{opacity:1;transform:none}}
.hsteam{display:none}
@media(min-width:1001px){
.hsteam{display:block;position:absolute;right:8%;top:20%;width:30%;height:44%;z-index:2;pointer-events:none;opacity:0;transition:opacity 1s}
.has-steam .hsteam{opacity:1}
.hsteam i{position:absolute;bottom:0;width:110px;height:210px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,250,240,.6),rgba(255,250,240,0));filter:blur(14px);opacity:0;animation:steamUp 5.4s ease-in infinite}
.hsteam i:nth-child(1){left:22%;animation-delay:0s}.hsteam i:nth-child(2){left:44%;animation-delay:1.7s;width:96px}.hsteam i:nth-child(3){left:64%;animation-delay:3.2s}.hsteam i:nth-child(4){left:34%;animation-delay:4.4s;width:70px}
@keyframes steamUp{0%{opacity:0;transform:translate(0,40px) scale(.7)}25%{opacity:.9}100%{opacity:0;transform:translate(26px,-230px) scale(1.5)}}}
/*v50 effect 3: kolam + vine divider that draws itself*/
.vine{display:block;position:relative;z-index:2;max-width:640px;margin:-30px auto -30px;padding:0 20px;height:64px}
.vine svg{display:block;width:100%;height:100%;overflow:visible}
.vine .dr{stroke:#DFA92E;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2s cubic-bezier(.5,0,.2,1)}
.vine .lf{fill:#2F7A4F;stroke:none;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2) rotate(-25deg);transition:opacity .6s ease var(--d,.6s),transform .8s cubic-bezier(.3,1.4,.5,1) var(--d,.6s)}
.vine .kl{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4) rotate(45deg);transition:opacity .8s ease 1.4s,transform 1s cubic-bezier(.3,1.4,.5,1) 1.4s}
.vine .kl path{fill:none;stroke:#DFA92E;stroke-width:1.6}.vine .kl circle{fill:#DFA92E}
.vine.in .dr{stroke-dashoffset:0}.vine.in .lf,.vine.in .kl{opacity:1;transform:none}
/*v50 effect 5: dish-name ribbon*/
.dmq{position:relative;margin-top:60px;padding:17px 0;overflow:hidden;border-top:1px solid rgba(247,177,46,.35);border-bottom:1px solid rgba(247,177,46,.35);background:rgba(0,0,0,.16);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);opacity:0;transition:opacity 1s}
.dmq.in{opacity:1}
.dmq-t{display:flex;width:max-content;animation:dmqGo 70s linear infinite}
.dmq-s{display:flex;align-items:center;flex:none}
.dmq-s span{font:400 clamp(20px,2.2vw,28px)/1 var(--hf);color:#FBE7B3;white-space:nowrap;padding:0 4px}
.dmq-s i{display:block;flex:none;width:10px;height:10px;margin:0 26px;background:var(--go);transform:rotate(45deg);border-radius:2px}
@keyframes dmqGo{to{transform:translateX(-50%)}}
.dmq:hover .dmq-t{animation-play-state:paused}
/*v50 effect 4: dish cards (menu + signature): photo reveal, price pop, swaying Chef's pick ribbon*/
@keyframes phIn{from{clip-path:inset(100% 0 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes prPop{0%{transform:scale(.55);opacity:0}60%{transform:scale(1.14);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes rbSway{from{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}
.mp-main .mn-uni .mn-tb>img{animation:phIn .8s cubic-bezier(.3,.7,.2,1) .12s both}
.mp-main .mn-uni .mn-cap .mn-pr{animation:prPop .55s cubic-bezier(.3,1.3,.5,1) .5s both}
.sgc .sgt b{display:inline-block;transform-origin:left center}
.rv.in .sgt b{animation:prPop .55s cubic-bezier(.3,1.3,.5,1) .55s both}
.rv .sgi img{clip-path:inset(100% 0 0 0);transition:clip-path .9s cubic-bezier(.3,.7,.2,1) .15s,transform .5s}
.rv.in .sgi img{clip-path:inset(0 0 0 0)}
@supports (animation-timeline:view()){
.mp-main .mn-uni .mn-tb>img{animation:phIn linear both;animation-timeline:view();animation-range:entry 0% entry 75%}
.mp-main .mn-uni .mn-cap .mn-pr{animation:prPop linear both;animation-timeline:view();animation-range:entry 35% entry 100%}}
.mp-main .mn-uni .f-s .mn-ph::before{content:"Chef's pick";position:absolute;z-index:3;left:12px;top:0;padding:7px 10px 15px;font:700 10.5px/1 var(--bf);letter-spacing:.08em;text-transform:uppercase;color:#3a1a00;background:linear-gradient(180deg,#F9C24E,#E7A21F);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);transform-origin:50% 0;animation:rbSway 2.8s ease-in-out infinite alternate;box-shadow:0 4px 8px rgba(0,0,0,.2)}
/*v50 effect 6: catering reveals*/
.cat2 .rv:nth-child(2),.catc .rv:nth-child(2){transition-delay:.12s}.catc .rv:nth-child(3){transition-delay:.24s}.catc .rv:nth-child(4){transition-delay:.36s}
.catq .r2.rv:nth-of-type(2){transition-delay:.1s}.catq .r2.rv:nth-of-type(3){transition-delay:.2s}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.dmq-t,.hsteam i,.vine .dr,.mp-main .mn-uni .f-s .mn-ph::before{animation:none!important}.vine .dr{stroke-dashoffset:0}.vine .lf,.vine .kl,.dmq{opacity:1;transform:none}.hx .hh .wd{animation:none;opacity:1;transform:none}.mp-main .mn-uni .mn-tb>img,.mp-main .mn-uni .mn-cap .mn-pr,.rv.in .sgt b{animation:none!important}.rv .sgi img{clip-path:none}}
.ctz,#contact{position:relative}
/* v51: star-fill, image shimmer */
.rvc .rvs{background:linear-gradient(90deg,#E09A0C 50%,#E3D5AE 50%);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.rvc.is-on .rvs{animation:sxf 1.1s .3s cubic-bezier(.3,.7,.2,1) backwards}
@keyframes sxf{from{background-position:100% 0}}
.sh-l{position:relative}
.sh-l::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);background-size:220% 100%;animation:sxs 1.3s linear infinite}
@keyframes sxs{from{background-position:120% 0}to{background-position:-120% 0}}
@media(prefers-reduced-motion:reduce){.rvc.is-on .rvs,.sh-l::after{animation:none!important}.sh-l::after{display:none}}
/* v51: dish photo parade (replaces the text ribbon) */
.dpx{position:relative;margin-top:56px;padding:6px 0 10px;opacity:0;transform:translateY(24px);transition:opacity .9s,transform .9s}
.dpx.in{opacity:1;transform:none}
.dpx-h{text-align:center;margin:0 16px 22px;color:rgba(251,231,179,.78);font-size:14px;letter-spacing:.04em}
.dpx-h span{display:inline-block;margin-right:10px;padding:4px 12px;border:1px solid rgba(247,177,46,.5);border-radius:30px;color:#F7B12E;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.dpx-r{overflow:hidden;padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.dpx-t{display:flex;width:max-content;animation:dpxL 75s linear infinite}
.dpx-r.b .dpx-t{animation-name:dpxR;animation-duration:85s}
.dpx-s{display:flex;flex:none;gap:18px;padding-right:18px}
.dpx-r:hover .dpx-t,.dpx-r:focus-within .dpx-t{animation-play-state:paused}
@keyframes dpxL{to{transform:translateX(-50%)}}
@keyframes dpxR{from{transform:translateX(-50%)}to{transform:none}}
.dpx-c{position:relative;flex:none;width:clamp(150px,17vw,230px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#103A27;border:1px solid rgba(247,177,46,.4);box-shadow:0 14px 30px -14px rgba(0,0,0,.7);transform:rotate(-1.2deg);transition:transform .45s cubic-bezier(.3,.7,.2,1),box-shadow .45s,border-color .45s}
.dpx-s .dpx-c:nth-child(even){transform:rotate(1.2deg) translateY(8px)}
.dpx-c:hover,.dpx-c:focus-visible{transform:translateY(-8px) scale(1.05) rotate(0);border-color:#F7B12E;box-shadow:0 24px 40px -14px rgba(0,0,0,.8),0 0 26px rgba(247,177,46,.4);z-index:3}
.dpx-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}
.dpx-c:hover img{transform:scale(1.1)}
.dpx-c::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 52%,rgba(8,30,20,.92))}
.dpx-c::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,235,170,.38) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s}
.dpx-c:hover::after{transform:translateX(120%)}
.dpx-n{position:absolute;left:12px;right:12px;bottom:34px;z-index:3;font:400 clamp(15px,1.4vw,19px)/1.15 var(--hf);color:#FBE7B3;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.dpx-p{position:absolute;left:12px;bottom:10px;z-index:3;padding:3px 10px;border-radius:20px;background:#F7B12E;color:#103A27;font-size:13px;font-weight:700}
.dpx-d{position:absolute;top:10px;right:10px;z-index:3;width:16px;height:16px;border:2px solid #fff;border-radius:3px;background:rgba(0,0,0,.35)}
.dpx-d::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#1f9d4b}
.dpx-d.n::after{background:#c8321f}
@media(max-width:700px){.dpx{margin-top:40px}.dpx-s{gap:12px;padding-right:12px}.dpx-t{animation-duration:60s}.dpx-r.b .dpx-t{animation-duration:68s}.dpx-n{bottom:32px;left:10px;right:10px}}
@media(prefers-reduced-motion:reduce){.dpx{opacity:1;transform:none}.dpx-t{animation:none!important;width:auto;overflow-x:auto;scroll-snap-type:x proximity}.dpx-r{overflow-x:auto}.dpx-s[aria-hidden=true]{display:none}.dpx-c{scroll-snap-align:start}.dpx-c::after{display:none}}
/* v51: menu course tiles */
.ctg{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
a.ct{position:relative;display:block;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#103A27;box-shadow:0 18px 34px -20px rgba(16,58,39,.65);isolation:isolate;transition:transform .5s cubic-bezier(.3,.7,.2,1),box-shadow .5s}
.ct-i,.ct-i img{position:absolute;inset:0;width:100%;height:100%;display:block}
.ct-i img{object-fit:cover;transition:transform 1s cubic-bezier(.3,.7,.2,1),filter .6s;filter:saturate(1.08) contrast(1.03)}
a.ct::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,30,20,0) 38%,rgba(8,30,20,.9) 100%);transition:opacity .5s}
a.ct::after{content:"";position:absolute;inset:10px;z-index:2;border:1.5px solid rgba(247,177,46,0);border-radius:15px;transition:border-color .5s,inset .5s;pointer-events:none}
.ct-b{position:absolute;left:18px;right:18px;bottom:16px;z-index:3;display:block;color:#FFF6DC}
.ct-b small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#F7B12E;font-weight:700;margin-bottom:4px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.ct-b strong{display:block;font:400 clamp(22px,2.2vw,30px)/1.05 var(--hf);text-shadow:0 2px 10px rgba(0,0,0,.55)}
.ct-n{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:13px;color:rgba(255,246,220,.85)}
.ct-n i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#F7B12E;color:#103A27;font-style:normal;font-weight:700;transform:translateX(-8px);opacity:0;transition:transform .45s,opacity .45s}
.ct-tg{position:absolute;top:14px;left:14px;z-index:3;padding:4px 11px;border-radius:20px;background:rgba(16,58,39,.82);color:#FBE7B3;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(247,177,46,.5)}
a.ct:hover,a.ct:focus-visible{transform:translateY(-8px);box-shadow:0 30px 46px -20px rgba(16,58,39,.8)}
a.ct:hover img,a.ct:focus-visible img{transform:scale(1.1);filter:saturate(1.2) contrast(1.05)}
a.ct:hover::after,a.ct:focus-visible::after{border-color:rgba(247,177,46,.95);inset:8px}
a.ct:hover .ct-n i,a.ct:focus-visible .ct-n i{transform:none;opacity:1}
@media(max-width:1000px){.ctg{grid-template-columns:repeat(3,1fr);gap:16px}}
@media(max-width:700px){.ctg{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}a.ct{border-radius:16px}.ct-b{left:12px;right:12px;bottom:12px}.ct-b strong{font-size:20px}.ct-n i{opacity:1;transform:none;width:26px;height:26px}a.ct::after{display:none}.ct-b small{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){a.ct,a.ct img,.ct-n i{transition:none!important}}

/* v53: news strip cards are in a horizontal scroller, never leave them waiting on the vertical reveal */
#news .nwc.rv{opacity:1;transform:none}

/* ===== v54 Phase 1: new home order, merges, running grid, Reserve and Celebrate ===== */
#cats{background:var(--cr)}
#signature.sgw{background:#fff}
.vstory,.dxp{position:relative}
.vstory .vine{margin:0 auto}
/* Menu running grid (no rates): two rows, opposite directions, pure CSS */
.mrg{background:var(--iv);padding:84px 0 76px;overflow:hidden;position:relative}
.mrg .rvh{margin-bottom:34px}
.mrg-w{display:grid;gap:16px}
.mrg-r{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mrg-k{display:flex;gap:16px;width:max-content;animation:mrgL 70s linear infinite}
.mrg-r.b .mrg-k{animation-name:mrgR;animation-duration:80s}
.mrg-r:hover .mrg-k,.mrg-r:focus-within .mrg-k{animation-play-state:paused}
.mrg-t{position:relative;flex:0 0 auto;width:clamp(150px,17vw,220px);aspect-ratio:1;border-radius:18px;overflow:hidden;display:block;background:var(--cr);box-shadow:0 10px 26px rgba(51,23,9,.14);transition:transform .35s}
.mrg-t:hover,.mrg-t:focus-visible{transform:translateY(-4px)}
.mrg-t img{width:100%;height:100%;object-fit:cover;display:block}
.mrg-t span{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 11px;color:#fff;font:700 14px/1.2 var(--bf);background:linear-gradient(transparent,rgba(16,58,39,.88))}
.mrg-f{margin-top:30px;text-align:center}
@keyframes mrgL{to{transform:translateX(-50%)}}
@keyframes mrgR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mrg-k{animation:none}.mrg-r{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.mrg-t[aria-hidden]{display:none}}
/* Reserve and Celebrate: two panels */
.rcb{padding:84px 0 72px;position:relative}
.rcb .rcb-h{margin-bottom:30px}
.rcb .rcb-h h2{margin:6px 0 0}
.rcb-g{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.rcp{background:rgba(255,251,234,.07);border:1px solid rgba(247,177,46,.38);border-radius:24px;padding:36px 34px 34px;display:flex;flex-direction:column;align-items:flex-start}
.rcp .eb{color:var(--go);margin:0 0 6px}
.rcp h3{font:400 clamp(26px,2.8vw,36px)/1.15 var(--hf);color:var(--iv);margin:0 0 10px}
.rcp p{margin:0 0 22px;color:rgba(248,244,232,.9);max-width:480px}
.rcp .rsb{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.rcp .rcp-h{margin:20px 0 0;font-size:14px;line-height:1.5;opacity:.9}
.rcp .rcp-h b{color:var(--go);margin-right:6px}
@media(max-width:820px){.rcb-g{grid-template-columns:1fr}.rcp{padding:28px 22px}.mrg{padding:62px 0 56px}.rcb{padding:64px 0 56px}}

/* ===== v55 Phase 2: shared carousel engine (Explore by Course, Customer Favourites, Reviews) ===== */
.cvr{--cg:18px;--cw:calc((var(--cvw,1080px) - (var(--cn,3) - 1)*var(--cg))/var(--cn,3));position:relative}
.cvr-vp{position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;padding:16px 0 34px;margin:-16px 0 -34px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.cvr.is-drag .cvr-vp{cursor:grabbing}.cvr.is-drag a{pointer-events:none}
.cvr-tk{display:flex;align-items:stretch;gap:var(--cg);width:max-content;margin:0;padding:0;list-style:none;will-change:transform;backface-visibility:hidden}
.cvr .cvr-tk>*{flex:0 0 var(--cw);width:var(--cw);min-width:0;margin:0}
.cvr-tk img{-webkit-user-drag:none;user-select:none}
.cvr-b{position:absolute;top:50%;z-index:6;width:48px;height:48px;margin-top:-24px;padding:0;display:grid;place-items:center;border-radius:50%;border:1.5px solid #F7B12E;background:#174A32;color:#F5EED2;cursor:pointer;box-shadow:0 10px 22px -8px rgba(0,0,0,.55);transition:background .25s,color .25s,transform .25s;touch-action:manipulation}
.cvr-b.p{left:8px}.cvr-b.n{right:8px}
.cvr-b:hover{background:#F7B12E;color:#12331F}.cvr-b:active{transform:scale(.92)}
.cvr-b:focus-visible{outline:3px solid #F7B12E;outline-offset:3px}
.cvr.dk .cvr-b{background:#F5EED2;color:#174A32}.cvr.dk .cvr-b:hover{background:#F7B12E;color:#12331F}
@media(min-width:700px){.cvr-vp{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent);mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent)}}
@media(max-width:700px){.cvr-b{width:40px;height:40px;margin-top:-20px}.cvr-b.p{left:4px}.cvr-b.n{right:4px}}
/* reduced motion / no JS: a plain swipeable strip */
.cvr.cvr-rm .cvr-vp{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;cursor:auto;-webkit-mask-image:none;mask-image:none}
.cvr.cvr-rm .cvr-vp::-webkit-scrollbar{display:none}
.cvr.cvr-rm .cvr-tk{transform:none!important}.cvr.cvr-rm .cvr-tk>*{scroll-snap-align:start}
html:not(.cv-js) .cvr-vp{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
/* section spacing */
#cats .cvr{--cg:20px;margin-top:44px}
#signature .cvr{--cg:22px}
.rvx.cvr{--cg:22px;margin-top:6px}
@media(max-width:700px){#cats .cvr{--cg:12px;margin-top:30px}#signature .cvr,.rvx.cvr{--cg:14px}}
/* reviews: the old 3D coverflow rules are neutralised, cards become plain strip items */
section.rvw .cvr-tk.rvg{display:flex;gap:var(--cg);grid-template-columns:none;justify-items:normal;perspective:none;padding:0;margin:0;overflow:visible;scroll-snap-type:none;touch-action:auto}
section.rvw .cvr-tk>.rvc{grid-area:auto;flex:0 0 var(--cw);width:var(--cw);transform:none;scale:none;opacity:1;filter:none;z-index:auto;cursor:inherit;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
section.rvw .cvr-tk>.rvc:hover{transform:translateY(-6px);box-shadow:0 30px 52px -22px rgba(0,0,0,.8)}

/* v56 reviews: 3D coverflow that keeps moving (tilt/scale set per card by fx.js from its distance to the centre) */
.rvx.c3d .cvr-vp{padding:34px 0 46px;margin:-34px 0 -46px;-webkit-mask-image:none;mask-image:none}
section.rvw .cvr-tk>.rvc{transition:box-shadow .5s,opacity .3s}
section.rvw .cvr-tk>.rvc:hover{transform:none}
section.rvw .cvr-tk>.rvc.is-on{border-color:#F7B12E;box-shadow:0 34px 60px -26px rgba(0,0,0,.75),0 0 0 2px rgba(247,177,46,.9)}
.rvx.c3d .cvr-b{top:calc(50% - 26px)}
.rvx.c3d .rvk{position:relative;z-index:2;margin-top:10px}
@media(max-width:700px){.rvx.c3d .cvr-b{top:calc(50% - 22px)}}

/* ===== v57 Phase 3: story letters, map reveal, scroll-in, hover polish, section seams ===== */
.lt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lt-w{display:inline-block;white-space:nowrap}
.lt-c{opacity:.14;transition:opacity .35s ease,color .35s ease}
.lt-c.on{opacity:1}
/* map reveal */
.fx3 .cz-stage.mp-pre .cz-bookwrap{clip-path:circle(0% at 50% 55%);opacity:0;transform:scale(.9);transition:clip-path 1.6s cubic-bezier(.2,.8,.2,1),opacity .9s ease,transform 1.6s cubic-bezier(.2,.8,.2,1)}
.fx3 .cz-stage.mp-in .cz-bookwrap{clip-path:circle(85% at 50% 55%);opacity:1;transform:none}
.fx3 .cz-stage.mp-done .cz-bookwrap{clip-path:none;transition:none}
.fx3 .cz-stage.mp-pre .cz-card,.fx3 .cz-stage.mp-pre .cz-cap{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}
.fx3 .cz-stage.mp-in .cz-card,.fx3 .cz-stage.mp-in .cz-cap{opacity:1;transform:none;transition-delay:1s}
/* scroll-in */
.fx3 .fx-up{opacity:0;transform:translateY(38px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.fx3 .fx-up.fx-in{opacity:1;transform:none}
/* soft seams where two section colours used to meet in a hard line */
#news::before,#menu-run::before{content:"";position:absolute;left:0;right:0;top:0;height:70px;pointer-events:none;z-index:0}
#news::before{background:linear-gradient(#fff,rgba(255,255,255,0))}
#menu-run::before{background:linear-gradient(#F5EED2,rgba(245,238,210,0))}
/* hover polish (mouse devices only) */
@media(hover:hover) and (pointer:fine){
 .nwc,.sgc,.mrg-t,.ft{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .3s}
 .nwc:hover{transform:translateY(-6px);box-shadow:0 22px 38px -16px rgba(51,23,9,.28);border-top-color:#F7B12E}
 .sgc:hover{transform:translateY(-8px);box-shadow:0 26px 46px -18px rgba(51,23,9,.34);border-color:rgba(247,177,46,.9)}
 .mrg-t:hover{transform:translateY(-6px) scale(1.03)}
 .ft:hover{transform:translateX(6px)}.ft:hover .ic{transform:rotate(-8deg) scale(1.1)}
 .ft .ic{transition:transform .4s cubic-bezier(.3,1.4,.5,1)}
 .btn:active{transform:translateY(0) scale(.97)}
 .btn:hover{box-shadow:0 12px 26px -8px rgba(247,177,46,.65)}
 footer a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s ease}
 footer a:hover{background-size:100% 1px}
}
/* v58: more room so card shadows are not cut off at the strip edge */
#signature .cvr-vp{padding-bottom:64px;margin-bottom:-64px}
@media(max-width:700px){#signature .cvr,.rvx.cvr{margin-left:-20px;margin-right:-20px}}
/* v58: Favourites sits on white now, so heading text must be dark */
#signature.sgw .rvh h2{color:#174A32}
#signature.sgw .rvh p{color:#2B2B24;opacity:1}

/* ===== v59 colour and font fixes ===== */
/* Reserve & Celebrate band: restore the intended dark-green background (#cta id rule was overriding .ctz) */
#cta.rcb{background:var(--g)}
#cta.rcb .rcb-h h2{color:var(--iv)}
/* eyebrow contrast on white (Customer Favourites) */
#signature .eb{color:var(--g)}
/* Our Cuisine headline accent: deeper gold for contrast on cream */
#cz h2 em{color:#9A6200}
#cz small{color:#2c4a38}
/* minimum 12px for small labels */
.ct-tg,.sgt small,.nwc time,#cz small,.tgs,.shb,.rvft small,#rewards li>b small,#rewards li>b>small,.nwc time,.tgs,.rvft small,.cp,.cp a{font-size:12px}
/* buttons inherit the site font instead of Arial */
button,input,textarea,select{font-family:inherit}
/* DM Serif Display has no bold: avoid faux-bold on points numbers */
#rewards .sxp-tag b{font-weight:400}
/* reviews subtitle legibility over the bright sky */
.rvw .rvh p,.rvw .rv-sub{text-shadow:0 1px 8px rgba(16,40,20,.55)}
.nwc time,.tgs,.rvft small,#rewards li>b>small{font-size:12px!important}
.tgs u,#cz small,.cz-open{font-size:12px!important}
#cats small{font-size:12px!important}

/* v60 fixes */
@media(max-width:900px){#about .g3,.g3{grid-template-columns:1fr;gap:28px}#about .bw{width:min(100%,420px);margin-inline:auto}#about .fl{width:100%}}
@media(max-width:700px){.ckb{bottom:84px;left:10px;right:10px;padding:10px 14px;gap:8px;font-size:13px;border-radius:14px}.ckb p{flex-basis:100%}.ckb button{padding:8px 16px;font-size:13px}}
.pgs button,.rvd button{position:relative}.pgs button::after,.rvd button::after{content:"";position:absolute;inset:-14px -4px}
.nwc a{position:relative}.nwc a::after{content:"";position:absolute;inset:-14px -6px}.cz-open{min-height:44px}

/* v61 news strip */
#news .w{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nwl{font:700 12px var(--bf);letter-spacing:.16em;text-transform:uppercase;color:var(--tc);padding-left:4px;white-space:nowrap}
#news .nwg{flex:1 1 560px;min-width:0;align-items:stretch}
#news .nwc{grid-template-columns:auto 1fr auto;gap:12px;padding:10px 14px;align-items:center;min-width:270px}
#news .nwi{width:36px;height:36px;border-radius:50%;background:rgba(247,177,46,.2);display:grid;place-items:center}
#news .nwi svg{width:20px;height:20px;fill:none;stroke:var(--g);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#news .nwb{min-width:0}#news .nwt{display:block;font:700 11px var(--bf);letter-spacing:.12em;text-transform:uppercase;color:var(--tc);margin-bottom:2px}
#news .nwc h3{font-size:16px;line-height:1.25;margin:0}
#news .nwc a{font-size:13px;white-space:nowrap}
.nwd{display:none;gap:6px;justify-content:center;width:100%}.nwd i{width:7px;height:7px;border-radius:9px;background:rgba(23,74,50,.25);transition:.3s}.nwd i.on{width:20px;background:var(--go)}
@media(max-width:700px){.nwl{width:100%;padding:10px 4px 0}#news .nwg{flex-basis:100%}#news .nwc{min-width:86%}.nwd{display:flex;padding-bottom:10px}}
/* v62 favourites: full-width strip, arrows inset at both ends */
@media(min-width:701px){#signature .cvr{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:0;--cg:22px}
#signature .cvr-b.p{left:clamp(16px,2.2vw,40px)}#signature .cvr-b.n{right:clamp(16px,2.2vw,40px)}
#signature .cvr-vp{-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}}
#signature .cvr-b{top:calc(50% - 24px)}@media(max-width:700px){#signature .cvr-b{top:calc(50% - 24px)}}
/* v63 favourites: arrows below, centred (outlined circles), no edge fade */
#signature .cvr{padding-bottom:84px}
#signature .cvr-vp{-webkit-mask-image:none!important;mask-image:none!important}
#signature .cvr-b{top:auto!important;bottom:6px;margin:0;width:46px;height:46px;background:transparent;color:#174A32;border:1.5px solid #174A32;box-shadow:none}
#signature .cvr-b.p{left:calc(50% - 56px)!important;right:auto}
#signature .cvr-b.n{left:calc(50% + 10px)!important;right:auto}
#signature .cvr-b:hover{background:#174A32;color:#F5EED2}
#signature .cvr-b:focus-visible{outline:3px solid #F7B12E;outline-offset:3px}
@media(max-width:700px){#signature .cvr{padding-bottom:76px}}
img[src*="ambur-biryani"]{object-position:50% 43%}
#signature .sgt b{display:none}#signature .sgt{padding-bottom:20px}
/* v67 news: real section, visible heading, full cards */
#news.nw{background:var(--cr);padding:56px 0 60px}
#news::before{display:none}
#news .rvh{position:static;width:auto;height:auto;overflow:visible;clip:auto;margin:0 0 30px;text-align:center}
#news .rvh .eb{justify-content:center}
#news .w{display:block;padding:0 20px}
#news .nwg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow:visible;padding:0}
#news .nwc,#news .nwc.rv{opacity:1;transform:none;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:22px 22px 20px;border-radius:20px;border:1px solid rgba(23,74,50,.14);border-top:5px solid var(--go);box-shadow:0 10px 26px rgba(51,23,9,.08);background:#fff}
#news .nwi{width:44px;height:44px}
#news .nwt{margin:0}
#news .nwc h3{font-size:22px;line-height:1.2}
#news .nwc p{display:block;margin:0;font:500 15px/1.55 var(--bf);color:#2B2B24;flex:1}
#news .nwc a{font-size:14px;margin-top:2px}
#news .nwd{display:none!important}
@media(max-width:900px){#news .nwg{grid-template-columns:1fr}#news.nw{padding:44px 0 48px}}
#news .rvh{max-width:none;width:100%}#news .rvh h2{text-align:center;margin-inline:auto}
/* v69 merged stay + experiences */
#stay .g2{grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
#stay .stb{display:flex;flex-wrap:wrap;gap:12px}
#stay .btn.gh{background:transparent;border:2px solid var(--g);color:var(--g);box-shadow:none}
#stay .btn.gh:hover{background:var(--g);color:#F5EED2}
.tga{position:relative;padding-bottom:70px}
.tga-p{aspect-ratio:4/3;border-radius:28px;background-size:cover;background-position:center;border:3px solid #F7B12E;box-shadow:0 26px 50px -22px rgba(16,58,39,.55)}
.tga-b{position:absolute;left:-6%;bottom:0;width:46%}
.tga-b .bl{border-radius:50%;overflow:hidden;aspect-ratio:1;box-shadow:0 0 0 6px var(--cr),0 0 0 8px var(--go),0 24px 50px rgba(16,58,39,.3)}
.tga-b img{width:100%;height:100%;object-fit:cover;display:block}
.tga .cap{position:absolute;left:calc(40% + 10px);bottom:20px;right:auto;top:auto}
@media(max-width:900px){#stay .g2{grid-template-columns:1fr;gap:34px}.tga{padding-bottom:60px;margin-inline:8px}.tga-b{left:-2%;width:44%}}
/* v70 collage of three dishes */
.tga-b{display:none}
.tgs{position:absolute;left:4%;bottom:0;display:flex}
.tgd{width:clamp(96px,10vw,140px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 5px var(--cr),0 0 0 7px var(--go),0 18px 36px rgba(16,58,39,.3);margin-left:-18px;background:var(--iv)}
.tgd:first-child{margin-left:0}.tgd img{width:100%;height:100%;object-fit:cover;display:block}
.tga .cap{left:calc(4% + clamp(96px,10vw,140px)*3 - 20px);bottom:14px}
.stx small{font-size:14px;color:#3f5445}
@media(max-width:900px){.tgs{left:2%}.tga .cap{left:calc(2% + 96px*3 - 24px);padding:8px 12px}}
.tga .cap{display:none}
/* v72 Reserve / Order modal */
html.ord-open{overflow:hidden}
.ord{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:16px}
.ord[hidden]{display:none}
.ord-bg{position:absolute;inset:0;background:rgba(10,32,21,.62);opacity:0;transition:opacity .2s}
.ord.on .ord-bg{opacity:1}
.ord-box{position:relative;width:min(720px,100%);max-height:min(92vh,880px);display:flex;flex-direction:column;background:#FBF7EA;color:#1d2b22;border-radius:24px;border:2px solid #F7B12E;box-shadow:0 40px 90px -20px rgba(0,0,0,.6);overflow:hidden;transform:translateY(14px) scale(.98);opacity:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .2s;font:500 15px/1.45 'DM Sans',system-ui,sans-serif;outline:0}
.ord.on .ord-box{transform:none;opacity:1}
.ord-hd{display:flex;justify-content:space-between;gap:12px;padding:20px 24px 10px;background:#174A32;color:#F5EED2}
.ord-hd h2{margin:0;font:400 28px/1.1 'DM Serif Display',Georgia,serif;color:#F5EED2}
.ord-sub{margin:4px 0 0;font-size:14px;opacity:.9}
.ord-x{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(247,177,46,.7);background:transparent;color:#F5EED2;font-size:26px;line-height:1;cursor:pointer;flex:none}
.ord-x:hover{background:#F7B12E;color:#12331F}
.ord-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 24px 18px;background:#174A32}
.ord-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px;border-radius:14px;border:1.5px solid rgba(245,238,210,.35);background:transparent;color:#F5EED2;cursor:pointer;text-align:left;font:inherit;min-height:56px}
.ord-tabs b{font-size:16px}.ord-tabs small{font-size:13px;opacity:.85}
.ord-tabs button[aria-selected=true]{background:#F7B12E;border-color:#F7B12E;color:#12331F}
.ord-form{display:flex;flex-direction:column;min-height:0;flex:1}
.ord-scroll{overflow:auto;padding:20px 24px;display:grid;gap:16px;-webkit-overflow-scrolling:touch}
.ord-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ord .f{display:grid;gap:6px;font-weight:600;font-size:14px;color:#174A32}
.ord .f.full{grid-column:1/-1}
.ord [hidden]{display:none!important}
.ord input,.ord select,.ord textarea{width:100%;font:500 16px 'DM Sans',system-ui,sans-serif;color:#1d2b22;background:#fff;border:1.5px solid rgba(23,74,50,.3);border-radius:12px;padding:12px 14px;min-height:48px;box-sizing:border-box}
.ord textarea{resize:vertical;min-height:70px}
.ord input:focus-visible,.ord select:focus-visible,.ord textarea:focus-visible,.ord button:focus-visible{outline:3px solid #F7B12E;outline-offset:2px}
.stp{display:inline-flex;align-items:center;gap:6px;border:1.5px solid rgba(23,74,50,.3);border-radius:99px;background:#fff;padding:3px}
.stp button{width:40px;height:40px;border-radius:50%;border:0;background:#174A32;color:#F5EED2;font-size:20px;line-height:1;cursor:pointer}
.stp button:disabled{opacity:.35;cursor:default}
.stp output{min-width:34px;text-align:center;font:700 17px 'DM Sans',sans-serif;color:#174A32}
.stp.sm button{width:36px;height:36px}
.ord-hrs{margin:0;padding:12px 14px;border-radius:12px;background:#F5EED2;border-left:4px solid #F7B12E;font-size:14px;color:#2B2B24}
.ord-mt{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ord-mt h3{margin:0;font:400 21px 'DM Serif Display',Georgia,serif;color:#174A32}
.ord-mn{font-size:13px;font-weight:700;color:#8B5635;text-transform:uppercase;letter-spacing:.08em}
.ord-tools{display:grid;gap:10px;margin:10px 0}
.ord-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.ord .chip{flex:none;padding:8px 14px;border-radius:99px;border:1.5px solid rgba(23,74,50,.3);background:#fff;color:#174A32;font:600 14px 'DM Sans',sans-serif;cursor:pointer;min-height:40px}
.ord .chip.on{background:#174A32;color:#F5EED2;border-color:#174A32}
.ord-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:340px;overflow:auto;border:1.5px solid rgba(23,74,50,.18);border-radius:14px;background:#fff;padding:6px}
.dish{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:8px 10px;border-radius:10px}
.dish.sel{background:#FFF4D6}
.dish .dn{display:grid;gap:3px;min-width:0}.dish b{font-size:15px;color:#174A32}.dish small{color:#8B5635;font-weight:700;font-size:14px}
.dish select{min-height:40px;padding:6px 10px;font-size:14px;border-radius:10px}
.ord .dt{width:16px;height:16px;border:2px solid #2a8a3e;border-radius:3px;position:relative;display:block}
.ord .dt:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#2a8a3e}
.ord .dt.n{border-color:#b3261e}.ord .dt.n:after{background:#b3261e}
.ord .none{padding:16px;text-align:center;color:#555}
.ord-ft{padding:14px 24px calc(14px + env(safe-area-inset-bottom,0px));border-top:1.5px solid rgba(23,74,50,.15);background:#fff;display:grid;gap:8px}
.ord-sum{display:flex;justify-content:space-between;gap:10px;font-size:15px;color:#174A32}
.ord-err{margin:0;padding:10px 12px;border-radius:10px;background:#fde8e6;color:#8a1d15;font-weight:600;font-size:14px}
.ord-err.soft{background:#FFF4D6;color:#6b4a00}
.ord-go{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border:0;border-radius:14px;background:#1FAF55;color:#fff;font:700 16px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 10px 22px -8px rgba(31,175,85,.6)}
.ord-go:hover{background:#17964a}.ord-go svg{width:22px;height:22px}
.ord-fn{margin:0;font-size:12.5px;color:#4a5d4f;text-align:center}
@media(max-width:640px){
 .ord{padding:0;place-items:end stretch}
 .ord-box{width:100%;max-height:96vh;border-radius:22px 22px 0 0;border-width:2px 0 0}
 .ord-hd{padding:16px 16px 8px}.ord-hd h2{font-size:24px}
 .ord-tabs{padding:0 16px 14px}.ord-scroll{padding:16px}.ord-ft{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
 .ord-grid{grid-template-columns:1fr}
 .ord-list{max-height:300px}
}
@media(prefers-reduced-motion:reduce){.ord-box,.ord-bg{transition:none}}
.ord .f .stp{justify-self:start}
@media(max-width:640px){.ord-fn{display:none}}

/* ===== v73: add-to-order controls on menu + floating cart pill ===== */
.sxa{display:flex;justify-content:flex-end;margin-top:8px}
.sxa:empty{display:none}
.sxa-b{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 16px;border-radius:99px;border:1.5px solid #174A32;background:#fff;color:#174A32;font:700 13px 'DM Sans',sans-serif;letter-spacing:.02em;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.sxa-b:hover,.sxa-b:focus-visible{background:#174A32;color:#F5EED2}
.sxa-b:active{transform:scale(.96)}
.sxa.on .sxa-o{background:#174A32;color:#F5EED2}
.sxa-s{display:inline-flex;align-items:center;gap:2px;border-radius:99px;background:#174A32;padding:2px}
.sxa-s button{width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:#F5EED2;font-size:19px;line-height:1;cursor:pointer}
.sxa-s button:hover,.sxa-s button:focus-visible{background:rgba(247,177,46,.25)}
.sxa-s output{min-width:26px;text-align:center;font:700 15px 'DM Sans',sans-serif;color:#F7B12E}
.mn-tl{position:relative}
.mn-tl>.sxa{position:absolute;right:8px;top:8px;z-index:3;margin:0}
.mn-tl>.sxa .sxa-b{background:rgba(255,255,255,.94);box-shadow:0 2px 8px rgba(0,0,0,.25);min-height:34px;padding:6px 12px}
.mn-tl>.sxa .sxa-s{box-shadow:0 2px 8px rgba(0,0,0,.3)}
.dv-a{margin-top:14px}.dv-a .sxa{justify-content:flex-start;margin:0}
#sxcart{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:900;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 18px 10px 14px;border:2px solid #F7B12E;border-radius:99px;background:#174A32;color:#F5EED2;font-family:'DM Sans',sans-serif;box-shadow:0 10px 28px rgba(0,0,0,.35);cursor:pointer;animation:sxcIn .35s both}
#sxcart[hidden]{display:none}
#sxcart svg{width:22px;height:22px;color:#F7B12E;flex:none}
#sxcart span{display:grid;text-align:left;line-height:1.2}
#sxcart b{font-size:14px}#sxcart small{font-size:12px;color:#F7B12E}
#sxcart i{font-style:normal;font-size:24px;line-height:1;color:#F7B12E}
@keyframes sxcIn{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translateX(-50%)}}
html.ord-open #sxcart{display:none}
@media(max-width:820px){#sxcart{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){#sxcart{animation:none}}
.ord-clr{margin-left:auto;border:0;background:none;color:#8B5635;font:600 13px 'DM Sans',sans-serif;text-decoration:underline;cursor:pointer;padding:4px}
.ord-clr[hidden]{display:none}

/* ===== v74: order popup redesign ===== */
.ord-box{background:#FBF7EA}
.ord-hd{background:linear-gradient(135deg,#1c5a3d,#103A27 70%);position:relative}
.ord-hd:after{content:"";position:absolute;right:64px;top:-26px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(247,177,46,.22),transparent 70%);pointer-events:none}
.ord-grab{display:none;height:20px;background:#174A32;position:relative}
.ord-grab:after{content:"";position:absolute;left:50%;top:9px;width:44px;height:4px;margin-left:-22px;border-radius:4px;background:rgba(245,238,210,.45)}
.ord-tabs{position:relative;--tp:24px;--tb:18px;background:#103A27;padding:0 var(--tp) var(--tb);background:linear-gradient(180deg,#103A27,#0E3322)}
.ord-tabs:before{content:"";position:absolute;left:var(--tp);top:0;bottom:var(--tb);width:calc((100% - 2*var(--tp) - 10px)/2);border-radius:14px;background:linear-gradient(135deg,#FFC24A,#F7B12E);box-shadow:0 6px 16px -4px rgba(247,177,46,.55);transition:transform .35s cubic-bezier(.3,1.2,.4,1)}
.ord[data-mode=pickup] .ord-tabs:before{transform:translateX(calc(100% + 10px))}
.ord-tabs button{position:relative;z-index:1;transition:color .25s,border-color .25s}
.ord-tabs button[aria-selected=true]{background:transparent;border-color:transparent}
.ord-tabs button:not([aria-selected=true]):hover{border-color:#F7B12E}
.ord-scroll{display:flex;flex-direction:column;gap:18px}
.ord-cart{order:3}.ord-grid{order:1}.ord-hrs{order:2}.ord-menu{order:4}.ord-scroll>label.f{order:5}
.ord[data-mode=pickup] .ord-cart{order:1}.ord[data-mode=pickup] .ord-menu{order:2}.ord[data-mode=pickup] .ord-grid{order:3}.ord[data-mode=pickup] .ord-hrs{order:4}
/* cart panel */
.ord-cart{border-radius:18px;background:#fff;border:1.5px solid #F7B12E;box-shadow:0 10px 26px -14px rgba(23,74,50,.45);padding:14px 14px 6px;animation:ordUp .35s both}
.ord-cart h3{margin:0 0 6px;font:400 21px 'DM Serif Display',Georgia,serif;color:#174A32}
.ord-lines{list-style:none;margin:0;padding:0}
.ord-lines .ln{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:9px 0;border-top:1px dashed rgba(23,74,50,.2);animation:ordUp .3s both}
.ord-lines .ln:first-child{border-top:0}
.ord-lines img,.ln-ph{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#F5EED2;display:block}
.ln-ph{background:#F5EED2;position:relative}
.ln-ph:after{content:"";position:absolute;inset:11px;border-radius:50% 0 50% 0;background:#174A32;opacity:.55}
.ln-n{display:grid;min-width:0;gap:1px}.ln-n b{font-size:14.5px;color:#174A32;line-height:1.25}.ln-n small{color:#8B5635;font-weight:700;font-size:13.5px}
/* dishes */
.ord-list{max-height:none;overflow:visible;border:0;background:transparent;padding:0;gap:10px}
.dish{background:#fff;border:1.5px solid rgba(23,74,50,.14);border-radius:16px;padding:10px 12px;grid-template-columns:auto 1fr auto;transition:border-color .25s,box-shadow .25s,background .25s;animation:ordUp .4s both;animation-delay:calc(var(--k,0)*35ms)}
.dish.has-ph{grid-template-columns:auto auto 1fr auto}
.dish:hover{border-color:rgba(23,74,50,.4)}
.dish.sel{background:#FFF8E1;border-color:#F7B12E;box-shadow:0 8px 20px -12px rgba(247,177,46,.9)}
.dph{width:56px;height:56px;border-radius:12px;overflow:hidden;background:#F5EED2;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(223,169,46,.6)}
.dph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.dish:hover .dph img{transform:scale(1.12)}
.dish .stp.sm{border:0;background:transparent;padding:0}
.dish:not(.sel) .stp.sm output,.dish:not(.sel) .stp.sm button:first-child{display:none}
.dish:not(.sel) .stp.sm button:last-child{width:auto;height:38px;padding:0 20px;border-radius:99px;font:700 14px 'DM Sans',sans-serif;background:#fff;color:#174A32;border:1.5px solid #174A32;transition:background .2s,color .2s}
.dish:not(.sel) .stp.sm button:last-child:hover{background:#174A32;color:#F5EED2}
.dish.sel .stp.sm{background:#174A32;border-radius:99px;padding:2px}
.dish.sel .stp.sm output{color:#F7B12E}
.stp output.pop,.ord-lines output{animation:ordPop .3s}
@keyframes ordPop{0%{transform:scale(1)}45%{transform:scale(1.5)}100%{transform:scale(1)}}
@keyframes ordUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ord-sum [data-t]{font-weight:700;color:#8B5635}
.ord-sum [data-t].flash{animation:ordFlash .6s}
@keyframes ordFlash{0%{color:#1FAF55;transform:scale(1.08)}100%{color:#8B5635;transform:none}}
.ord .chip{transition:background .2s,color .2s,transform .15s}.ord .chip:active{transform:scale(.95)}
.ord-q{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23174A32' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 14px center/18px no-repeat!important;padding-left:42px!important;border-radius:99px!important}
/* WhatsApp button */
.ord-go{position:relative;overflow:hidden;background:linear-gradient(135deg,#25D366,#128C4B);box-shadow:0 12px 24px -10px rgba(18,140,75,.8);transition:transform .2s,box-shadow .2s}
.ord-go:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2be06f,#149b52)}
.ord-go:hover{background:linear-gradient(135deg,#2be06f,#149b52)}
.ord-go:active{transform:scale(.98)}
.ord-go:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:ordSheen 3.6s ease-in-out infinite}
@keyframes ordSheen{0%,55%{left:-60%}100%{left:130%}}
/* done state */
.ord-box{position:relative}
.ord-done{position:absolute;inset:0;z-index:6;background:#FBF7EA;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:28px;animation:ordUp .4s both}
.ord-done[hidden]{display:none!important}
.ord-ck svg{width:92px;height:92px;fill:none;stroke:#1FAF55;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.ord-ck circle{stroke-dasharray:152;stroke-dashoffset:152;animation:ordDraw .7s .05s forwards}
.ord-ck path{stroke-dasharray:44;stroke-dashoffset:44;animation:ordDraw .45s .6s forwards}
@keyframes ordDraw{to{stroke-dashoffset:0}}
.ord-done h3{margin:6px 0 0;font:400 28px 'DM Serif Display',Georgia,serif;color:#174A32}
.ord-done p{margin:0;max-width:380px;color:#3b4d41}
.ord-da{display:grid;gap:10px;width:min(320px,100%);margin-top:14px}
.ord-da button{min-height:50px;border-radius:14px;font:700 15px 'DM Sans',sans-serif;cursor:pointer}
.ord-again{background:#fff;border:1.5px solid #174A32;color:#174A32}
.ord-fin{background:#174A32;border:0;color:#F5EED2}
/* pill bump */
#sxcart.bump{animation:sxcBump .5s}
@keyframes sxcBump{0%{transform:translateX(-50%) scale(1)}35%{transform:translateX(-50%) scale(1.12)}100%{transform:translateX(-50%) scale(1)}}
#sxcart:hover{background:#1c5a3d}
/* mobile sheet */
@media(max-width:640px){
 .ord-grab{display:block}
 .ord-box{transform:translateY(100%);opacity:1;transition:transform .38s cubic-bezier(.2,.9,.25,1)}
 .ord.on .ord-box{transform:none}
 .ord-tabs{--tp:16px;--tb:14px}
 .ord-hd{padding-top:6px}
 .dish.has-ph{grid-template-columns:auto 1fr auto}.dish.has-ph .dt{display:none}
}
@media(prefers-reduced-motion:reduce){.dish,.ord-cart,.ord-lines .ln,.ord-go:after,.ord-done,.ord-ck circle,.ord-ck path,#sxcart.bump,.stp output.pop{animation:none!important}.ord-ck circle,.ord-ck path{stroke-dashoffset:0}.ord-tabs:before{transition:none}}
.ord .dt{top:auto;left:auto;margin:0;align-self:center}

/* ===== v75: Reserve & Celebrate two distinct cards ===== */
.rcb-g .rcp{position:relative;overflow:hidden;border-width:0;box-shadow:0 18px 40px -18px rgba(0,0,0,.55);transition:transform .35s,box-shadow .35s}
.rcb-g .rcp:before{content:"";position:absolute;left:0;right:0;top:0;height:7px}
@media(hover:hover){.rcb-g .rcp:hover{transform:translateY(-5px);box-shadow:0 26px 48px -18px rgba(0,0,0,.6)}}
/* card 1: Reserve or order = warm cream */
.rcb-g .rcp:first-child{background:linear-gradient(160deg,#FFFBEA,#F5EED2);color:#2B2B24}
.rcb-g .rcp:first-child:before{background:linear-gradient(90deg,#F7B12E,#DFA92E)}
.rcb-g .rcp:first-child .eb{color:#8B5635}
.rcb-g .rcp:first-child h3{color:#174A32}
.rcb-g .rcp:first-child p{color:#33402f}
.rcb-g .rcp:first-child .rcp-h{color:#33402f;opacity:1}.rcb-g .rcp:first-child .rcp-h b{color:#8B5635}
.rcb-g .rcp:first-child .btn.dk{background:#174A32;color:#fff}
/* card 2: Private catering = rich terracotta */
.rcb-g .rcp:last-child{background:linear-gradient(160deg,#A8532A,#7A3516);color:#FFF4E2}
.rcb-g .rcp:last-child:before{background:linear-gradient(90deg,#FFE3A6,#F7B12E)}
.rcb-g .rcp:last-child .eb{color:#FFD58A}
.rcb-g .rcp:last-child h3{color:#FFF8EA}
.rcb-g .rcp:last-child p{color:rgba(255,244,226,.95)}
.rcb-g .rcp:last-child .btn.dk{background:transparent;color:#FFF8EA;border:2px solid rgba(255,227,166,.8)}
.rcb-g .rcp:last-child .btn.dk:hover{background:rgba(255,227,166,.18)}

/* ===== v76: facts band, live open badge, fly-to-cart ===== */
.fxs{background:var(--cr);padding:30px 0 6px;position:relative}
.fxf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.fxf li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 14px 14px;position:relative;transition-delay:calc(var(--n,0)*90ms)}
.fxf li:nth-child(2){--n:1}.fxf li:nth-child(3){--n:2}.fxf li:nth-child(4){--n:3}
.fxf li+li:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:linear-gradient(transparent,rgba(223,169,46,.8),transparent)}
.fxf b{font:400 clamp(44px,5.4vw,68px)/1 var(--hf);color:var(--g);font-variant-numeric:tabular-nums}
.fxf b:after{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--go);margin:8px auto 0}
.fxf li>span{margin-top:10px;font-weight:700;font-size:15px;color:#2B3A2E}
.fxf small{margin-top:4px;font-size:12.5px;line-height:1.4;color:#5a4a36;max-width:200px}
@media(max-width:700px){.fxs{padding-top:22px}.fxf{grid-template-columns:1fr 1fr;row-gap:14px}.fxf li:nth-child(3):before{display:none}.fxf li>span{font-size:14px}}
.oc{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 var(--bf);white-space:nowrap}
.oc:empty{display:none}
.oc i{width:9px;height:9px;border-radius:50%;background:#e0775a;flex:none}
.oc-open i{background:#3ddc84;animation:ocP 2s infinite}.oc-soon i{background:#F7B12E;animation:ocP 1.2s infinite}
@keyframes ocP{0%{box-shadow:0 0 0 0 rgba(61,220,132,.65)}70%,100%{box-shadow:0 0 0 9px rgba(61,220,132,0)}}
.oc-soon i{animation-name:ocP2}@keyframes ocP2{0%{box-shadow:0 0 0 0 rgba(247,177,46,.7)}70%,100%{box-shadow:0 0 0 9px rgba(247,177,46,0)}}
.oc-h{color:var(--iv);padding:9px 14px;border-radius:99px;border:1px solid rgba(247,177,46,.45);background:rgba(255,255,255,.07)}
@media(max-width:1200px){.oc-h{display:none}}
.oc-l{display:flex;margin:0 0 10px;color:#174A32}
.rcp-h .oc-l+b{margin-left:0}
.sxfly{position:fixed;left:0;top:0;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#F7B12E center/cover no-repeat;border:3px solid #F7B12E;box-shadow:0 10px 22px rgba(0,0,0,.4);z-index:1100;pointer-events:none;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.oc i{animation:none!important}}

/* ===== v77: tighter spacing, caption-below course tiles, compact corner order popup ===== */
/* nav: opening-hours chip removed */
.oc-h{display:none!important}

/* general vertical rhythm */
section.sc{padding:72px 0 64px}
.rvh{margin-bottom:30px}
section.rvw{padding:64px 0 36px!important}
.mrg{padding:56px 0 48px}
.rcb{padding:56px 0 44px}
@media(max-width:600px){section.sc{padding:52px 0 48px}section.rvw{padding:52px 0 28px!important}.rvh{margin-bottom:22px}.mrg{padding:44px 0 40px}.rcb{padding:44px 0 36px}}

/* at-a-glance strip */
.fxs{padding:18px 0 0}
.fxf li{padding:4px 12px 8px}
.fxf b{font-size:clamp(34px,4.2vw,52px)}
.fxf b:after{margin-top:5px}
.fxf li>span{margin-top:6px}
@media(max-width:700px){.fxs{padding-top:14px}.fxf{row-gap:6px}}

/* Explore by Course: compact header + image on top, caption below (image stays clear) */
#cats.sc{padding:36px 0 44px}
#cats .rvh{margin-bottom:20px}
#cats .rvh h2{margin-bottom:6px}
#cats .rvh p{font-size:16px;line-height:1.5}
#cats .ctg{margin-top:0;gap:16px;align-items:stretch}
a.ct{aspect-ratio:auto;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(23,74,50,.14);border-radius:18px;box-shadow:0 10px 22px -16px rgba(16,58,39,.55)}
a.ct::before,a.ct::after{display:none}
a.ct .ct-i{position:relative;inset:auto;aspect-ratio:1/1;height:auto;overflow:hidden;flex:none;background:#EDE3C0}
a.ct .ct-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
a.ct .ct-tg{position:static;order:2;align-self:flex-start;margin:10px 14px 0;padding:3px 10px;background:#F5EED2;color:#8B5635;border:1px solid rgba(223,169,46,.7)}
a.ct .ct-b{position:static;order:3;display:block;padding:8px 14px 12px;color:var(--g)}
a.ct .ct-b small{color:#8B5635;text-shadow:none;margin-bottom:2px}
a.ct .ct-b strong{color:var(--g);text-shadow:none;font-size:clamp(20px,1.9vw,26px)}
a.ct .ct-n{margin-top:6px;color:#5a4a36}
a.ct .ct-n i{opacity:1;transform:none;width:28px;height:28px}
a.ct:hover,a.ct:focus-visible{transform:translateY(-4px);box-shadow:0 20px 32px -18px rgba(16,58,39,.7)}
@media(max-width:700px){#cats.sc{padding:30px 0 36px}#cats .ctg{gap:10px}a.ct .ct-b{padding:6px 10px 10px}a.ct .ct-tg{margin:8px 10px 0}a.ct .ct-b strong{font-size:19px}}

/* Dine with us: lifted */
#stay{padding-bottom:40px}
section#stay.sc{padding-top:64px}
#stay .g2{gap:36px}
.tga{padding-bottom:56px}
.stm .lead{margin-bottom:14px}
.stx{margin-bottom:18px;gap:10px}
@media(max-width:900px){#stay .g2{gap:22px}section#stay.sc{padding-top:54px}}

/* Visit & Contact */
.rsv{padding:64px 0 36px}
.rsg{gap:32px}
.rsl img.lg{margin-bottom:8px}
.ctl{gap:9px;margin-bottom:16px}
.rsm,.rsm iframe{min-height:340px}
@media(max-width:1000px){.rsv{padding:52px 0 32px}.rsm,.rsm iframe{min-height:280px}.rsg{gap:22px}}

/* WhatsApp order / reserve popup: small card in the bottom-right corner, page stays visible */
html.ord-open{overflow:visible}
html.ord-open .fab,html.ord-open #v10bar{display:none}
.ord{inset:auto 16px 16px auto;display:block;padding:0;width:min(350px,calc(100vw - 20px));z-index:20000}
.ord-bg{display:none}
.ord-box{width:100%;max-height:min(76vh,600px);border-radius:16px;box-shadow:0 18px 40px -12px rgba(0,0,0,.5);font-size:14px}
.ord-hd{padding:10px 12px 6px;gap:8px}
.ord-hd h2{font-size:20px}
.ord-sub{font-size:12px;margin-top:2px}
.ord-x{width:32px;height:32px;font-size:20px}
.ord-tabs{--tp:12px;--tb:8px;gap:8px;padding:0 12px 8px}
.ord-tabs button{padding:6px 10px;min-height:0;border-radius:10px}
.ord-tabs b{font-size:14px}.ord-tabs small{font-size:11.5px}
.ord-scroll{padding:10px 12px;gap:10px}
.ord-grid{grid-template-columns:1fr;gap:8px}
.ord .f{font-size:13px;gap:4px}
.ord input,.ord select,.ord textarea{font-size:14px;padding:7px 10px;min-height:36px;border-radius:9px}
.ord textarea{min-height:52px}
.ord-hrs{padding:8px 10px;font-size:12.5px}
.ord-list{gap:6px}
.dish{padding:6px 8px}.dph{width:42px;height:42px}
.stp button,.stp.sm button{width:30px;height:30px}
.ord-ft{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));gap:6px}
.ord-go{min-height:42px;font-size:15px;border-radius:11px}
.ord-fn{display:none}
.ord-cart{padding:10px 10px 4px}
.ord-cart h3{font-size:18px}
@media(max-width:640px){.ord{inset:auto 8px 8px auto;width:min(340px,calc(100vw - 16px))}.ord-box{width:100%;max-height:78vh;border-width:2px;border-radius:16px}}
#cats .ctg>li{display:flex}
#cats .ctg>li>a.ct{flex:1;width:100%}
a.ct{padding:0}
/* v78: course tiles use the tall photo on phones, the square crop on desktop */
@media(max-width:700px){a.ct .ct-i{aspect-ratio:4/5}}

/* v79: gap clean-up on About, Catering, Home and legal pages (spacing only, no content removed) */
.abs{padding:64px 0 56px}
section.abl{padding:60px 0 64px}
#ab-foundation{min-height:0;padding:56px 0 52px}
#ab-social{padding:56px 0 48px}
.abpr{padding-top:36px;padding-bottom:36px}
.abh .w{padding-bottom:40px}
#ab-about{padding-bottom:0}
#ab-about .w{padding-bottom:40px}
@media(max-width:1000px){.abs{padding:52px 0 46px}section.abl{padding:52px 0 56px}.abpr{padding-top:30px;padding-bottom:30px}}
section#signature.sc,#signature{padding-top:64px;padding-bottom:56px}
section#news,#news{padding-top:48px;padding-bottom:48px}
.cat{padding-bottom:40px}
.cat2{padding:56px 0 56px}
.cat3{padding:56px 0 64px}
.lgh{padding-bottom:36px}
@media(max-width:900px){.cat2{padding:46px 0}.cat3{padding:46px 0 52px}}

/* v80: skip link + hero hours line */
.skip{position:fixed;left:12px;top:-60px;z-index:30000;padding:10px 16px;border-radius:10px;background:#F7B12E;color:#103A27;font:700 14px 'DM Sans',system-ui,sans-serif;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.3);transition:top .15s}
.skip:focus{top:12px;outline:3px solid #103A27;outline-offset:2px}
.hx .hhr{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:2px 0;align-items:center;font:500 14px/1.4 var(--bf);color:rgba(255,246,220,.92);text-shadow:0 1px 8px rgba(0,0,0,.55)}
.hx .hhr b{color:#F7B12E;font-weight:700}
@media(max-width:600px){.hx .hhr{font-size:13px;margin-top:12px}}
.hx .hhr span[aria-hidden]{margin:0 9px}

/* v81 */
.wv use[href="#wl"]{display:none}
.wv{overflow:visible;filter:drop-shadow(0 -3px 4px rgba(16,58,39,.2))}
#about,#stay{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 250' fill='none' stroke='%23B8893A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M10 232H550'/%3E %3Cpath d='M150 232V150M150 150H330V232M330 150L240 96 150 150'/%3E%3Cpath d='M138 156L240 84 342 156'/%3E%3Cpath d='M168 156L240 104 312 156M190 150L240 114 290 150'/%3E %3Cpath d='M222 232V184H258V232M176 172H206V198H176ZM274 172H304V198H274Z'/%3E%3Cpath d='M150 232V196M330 232V196M120 232V206M120 206L150 196'/%3E %3Cpath d='M60 232C60 214 70 206 80 206S100 214 100 232M66 222H94'/%3E %3Cpath d='M420 230 Q433.0 155.0 446 80'/%3E%3Cpath d='M446 80 q-38 -8 -62 22'/%3E%3Cpath d='M446 80 q-30 -26 -46 -6'/%3E%3Cpath d='M446 80 q0 -34 4 -14'/%3E%3Cpath d='M446 80 q30 -26 46 -6'/%3E%3Cpath d='M446 80 q38 -8 62 22'/%3E%3Cpath d='M446 80 q-18 6 -34 40'/%3E%3Cpath d='M446 80 q18 6 34 40'/%3E%3Cpath d='M480 230 Q471.0 170.0 462 110'/%3E%3Cpath d='M462 110 q-38 -8 -62 22'/%3E%3Cpath d='M462 110 q-30 -26 -46 -6'/%3E%3Cpath d='M462 110 q0 -34 4 -14'/%3E%3Cpath d='M462 110 q30 -26 46 -6'/%3E%3Cpath d='M462 110 q38 -8 62 22'/%3E%3Cpath d='M462 110 q-18 6 -34 40'/%3E%3Cpath d='M462 110 q18 6 34 40'/%3E%3Cpath d='M70 230 Q80.0 175.0 90 120'/%3E%3Cpath d='M90 120 q-38 -8 -62 22'/%3E%3Cpath d='M90 120 q-30 -26 -46 -6'/%3E%3Cpath d='M90 120 q0 -34 4 -14'/%3E%3Cpath d='M90 120 q30 -26 46 -6'/%3E%3Cpath d='M90 120 q38 -8 62 22'/%3E%3Cpath d='M90 120 q-18 6 -34 40'/%3E%3Cpath d='M90 120 q18 6 34 40'/%3E %3Cpath d='M365 232C368 216 378 214 384 232M395 232C398 220 406 219 410 232'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1% bottom 0;background-size:min(30vw,360px);background-blend-mode:normal}
#about .w,#stay .w{position:relative;z-index:1}
#about{background-position:right 1% bottom 0}
footer{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='none' stroke='%23F7B12E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M20 290H280M40 290V250H260V290M60 250V214H240V250M80 214V182H220V214M100 182V154H200V182M118 154V130H182V154M134 130V108H166V130M144 108V90H156V108M150 90V70M146 70H154'/%3E %3Cpath d='M120 290V262H180V290M140 290V272H160V290'/%3E%3Cpath d='M70 232H230M92 198H208M112 168H188M126 142H174'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4% bottom -10px;background-size:200px}
@media(max-width:700px){#about,#stay{background-size:78vw;background-position:right -6% bottom 8px}footer{background-size:120px}}
.bw.lt{width:min(100%,380px);padding:18px 0 34px}
.ltrp{position:relative;display:block;width:min(74%,290px);margin-inline:auto;transform:rotate(-3.2deg);transition:transform .6s,box-shadow .6s;background:#FBF6E4;padding:9px;border-radius:3px;box-shadow:0 2px 3px rgba(60,40,10,.2),0 22px 46px rgba(16,58,39,.3)}
.ltrp img{display:block;width:100%;height:auto;border-radius:1px}
.ltrp:hover,.ltrp:focus-visible{transform:rotate(-1deg) translateY(-8px);box-shadow:0 2px 3px rgba(60,40,10,.2),0 34px 64px rgba(16,58,39,.34)}
.ltrp:focus-visible{outline:3px solid var(--go);outline-offset:6px}
.ltc{position:absolute;top:-24px;left:16%;width:26px;height:64px;z-index:5;filter:drop-shadow(1px 3px 2px rgba(0,0,0,.28))}
.ltc svg{display:block;width:100%;height:100%}
.ltrp:after{content:"";position:absolute;right:-16px;bottom:22px;width:62px;height:20px;background:rgba(247,177,46,.55);transform:rotate(-38deg);box-shadow:0 1px 2px rgba(0,0,0,.14)}
.bw.lt .cap{left:auto;right:-2%;bottom:0}
@media(max-width:1000px){.bw.lt .cap{right:auto;left:50%;transform:translateX(-50%);animation:none;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.ltrp{transition:none}}
.fnd{display:flex;align-items:center;gap:18px;margin:0 0 34px}
.fnd i{flex:1;height:1px;background:rgba(23,74,50,.28)}
.fnd .eb{margin:0;white-space:nowrap}
.ct-map-only .ctl{margin-bottom:22px}

/* v82 */
/* warm sand replaces the olive-khaki #EFE5BF; sections now flow ivory -> sand -> cream */
.abs.alt{background:linear-gradient(180deg,#F7EACB 0,#F2E1BC 100%)}
#ab-foundation{background:radial-gradient(ellipse 40% 95% at 86% 58%,rgba(247,177,46,.34),transparent 72%),linear-gradient(180deg,#F7EACB 0,#F2E1BC 100%)}
/* sketches are now true transparent line-art: no multiply blend, full strength */
.abft img{mix-blend-mode:normal;opacity:1;filter:drop-shadow(0 8px 16px rgba(110,55,20,.16))}
@media(max-width:700px){.abft img{opacity:.4}.abwhy .wsk{opacity:.85}}
.abwhy .wsk{opacity:1}
.abps img{opacity:1}
.abwhy{background:linear-gradient(180deg,#FBF6E8 0,#F9F0D9 100%)}
.abwhy .abc p{color:#44574a}
/* Village Promise blends into the cream specialties section below (no hard seam) */
.abpr{background:linear-gradient(180deg,#FBF6E8 0,var(--cr) 100%)}
.abps{position:relative}
.abps:before{content:"";position:absolute;inset:6% 4% 0;background:radial-gradient(ellipse 55% 60% at 50% 70%,rgba(247,177,46,.30),transparent 72%);pointer-events:none;z-index:0}
.abps img{position:relative;z-index:1}
/* value-card + timeline icon rings pick up the terracotta */
.rk{background:radial-gradient(circle at 35% 30%,#FFFDF3,#F6E6C2);border-color:rgba(198,120,45,.7)}
.abtl article>i.tli{border-color:rgba(176,92,38,.38)}

/* v83 — new Swagramam logo: card hugs the logo, one consistent size (no jump on scroll) */
header#hd .nbd,header#hd.s .nbd{width:auto;height:98px;padding:0 26px 0 20px;border-radius:0 0 58px 0/0 0 58px 0}
header#hd .nbd img,header#hd.s .nbd img{height:88px;width:auto;filter:drop-shadow(0 1px 1px rgba(80,50,10,.14))}
header#hd .nb{padding-left:clamp(150px,12vw,175px)}
@media(max-width:1000px){
header#hd .nb{padding:0 14px 0 100px}
header#hd .nbd,header#hd.s .nbd{height:80px;padding:0 18px 0 14px;border-radius:0 0 44px 0/0 0 44px 0}
header#hd .nbd img,header#hd.s .nbd img{height:70px}
}

/* ===== v84 menu explorer: full-width white canvas, horizontal course rail, RR-Durbar-style hybrid photo mosaic ===== */
.mx{width:100vw;margin-left:calc(50% - 50vw);background:#fff;padding-bottom:clamp(1.5rem,3vw,2.5rem)}
.mx .mn-deck{background:none}
.mx .mp{display:block;background:#fff;padding-bottom:0;padding-inline:clamp(14px,3vw,48px)}
.mx .mn-deck{padding-inline:clamp(14px,3vw,48px)}
.mx .mp-main{background:#fff;border:0;border-radius:0;box-shadow:none;padding:.25rem 0 1rem}
.mx .mp-main .mn-orn:after{box-shadow:0 0 0 4px #fff}
.mx .mn-print,.mx .mn-note{margin-inline:clamp(14px,3vw,48px)}
.mx-rw{margin:0 0 1.1rem}
.mx-rl{display:flex;align-items:center;gap:.6rem;margin:0 0 .6rem;font:700 12px var(--bf);letter-spacing:.14em;text-transform:uppercase;color:#8B5635}
.mx-rl i{width:18px;height:18px;background:#DFA92E;-webkit-mask:var(--leaf) center/contain no-repeat;mask:var(--leaf) center/contain no-repeat}
.mx .mn-rail{display:flex;flex-direction:row;gap:10px;overflow-x:auto;margin:0;padding:4px 2px 8px;scrollbar-width:none}
.mx .mn-rail::-webkit-scrollbar{display:none}
.mx .mn-rail a{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px 0 8px;border-radius:99px;border:2px solid #DDAE55;background:#fff;color:#103A27;font:700 14px var(--bf);white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.mx .mn-rail a:after{content:none}
.mx .mn-rail a i{width:30px;height:30px;border-radius:50%;background:#FBF3D6 var(--i) center/74% no-repeat;border:1px solid rgba(223,169,46,.55);filter:none;opacity:1}
.mx .mn-rail a:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(16,58,39,.14);background:#fff;color:#103A27}
.mx .mn-rail a[aria-current=true]{background:#103A27;border-color:#103A27;color:#fff;box-shadow:none}
.mx .mn-rail a.np{border-style:dashed;opacity:.75}
.mx .mn-rail a:focus-visible{outline:3px solid #DFA92E;outline-offset:2px}
.mx-gal{margin:0 0 2.25rem;background:#fff}
.mx-gal[hidden]{display:none}
.mx-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(150px,42vw,210px);grid-auto-flow:dense;gap:10px}
@media(min-width:760px){.mx-g{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(200px,17vw,280px);gap:14px}}
.mx-t{position:relative;min-width:0;border-radius:18px;overflow:hidden;background:var(--bg,#e8dcb4);animation:mxIn .55s both}
.mx-t.L{grid-column:span 2;grid-row:span 2}
.mx-t.W{grid-column:span 2}
.mx-t.T{grid-row:span 2}
.mx-t.F{grid-column:1/-1}
@keyframes mxIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.mx-ph{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.mx-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity .5s,transform .8s cubic-bezier(.2,.8,.2,1)}
.mx-ph img.ld{opacity:1}
.mx-t:hover .mx-ph img.ld{transform:scale(1.06)}
.mx-ph:focus-visible{outline:3px solid #DFA92E;outline-offset:-3px}
.mx-t:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(10,30,20,.84),rgba(10,30,20,.1) 50%,transparent)}
.mx-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-start;gap:8px;padding:14px 16px;pointer-events:none;color:#fff}
.mx-cap .mn-dot{flex:none;width:13px;height:13px;margin-top:4px;background:#FFFDF3;border-radius:3px}
.mx-n{flex:1;min-width:0;font:400 clamp(15px,1.25vw,18px)/1.2 var(--hf);text-shadow:0 1px 3px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mx-p{flex:none;font:600 clamp(15px,1.2vw,17px)/1.2 var(--hf);color:#FFC654;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.mx-t.L .mx-n{font-size:clamp(20px,2vw,28px)}
.mx-t.L .mx-p{font-size:clamp(18px,1.8vw,24px)}
.mx-t>.sxa{position:absolute;right:10px;top:10px;z-index:3;margin:0}
.mx-t>.sxa .sxa-b{background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.25);min-height:34px;padding:6px 12px}
.mx-t>.sxa .sxa-s{box-shadow:0 2px 8px rgba(0,0,0,.3)}
.mx-ft{margin:.9rem 0 0;text-align:center}
.mx-ft a{font:700 14px var(--bf);color:#103A27;text-decoration:underline;text-underline-offset:4px}
.mx .mn-count{margin-top:0}
@media(max-width:560px){.mx-cap{padding:10px 12px}.mx-t{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.mx-t{animation:none}.mx-ph img{transition:none}}
.mx-rw{display:flex;align-items:center;gap:1rem}
.mx-rl{flex:none;margin:0;white-space:nowrap}
.mx-rw .mn-rail{flex:1;min-width:0}
@media(max-width:700px){.mx-rw{display:block}.mx-rl{margin:0 0 .5rem}}
@media(min-width:1000px){.mx .mp-main .mn-ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,4vw,4.5rem);column-count:auto}}

/* ===== v85 brand: bigger Swagramam badge, leaf-sway logo, golden shimmer + glow, smooth page-to-page transitions ===== */
header#hd .nbd,header#hd.s .nbd{width:auto;height:126px;padding:0 24px 0 18px;border-radius:0 0 60px 0/0 0 60px 0;overflow:hidden;isolation:isolate;animation:swgDrop .8s cubic-bezier(.2,.9,.25,1.1) both,swgGlow 4.5s ease-in-out 1s infinite}
header#hd .nbd img,header#hd.s .nbd img{height:114px;transform-origin:50% 90%;animation:swgSway 6s ease-in-out 1.2s infinite}
header#hd .nbd:hover img{animation-duration:2.4s;filter:drop-shadow(0 2px 6px rgba(223,169,46,.55))}
header#hd .nbd:after{content:"";position:absolute;inset:-20% auto -20% -60%;width:38%;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,226,140,.65),transparent);transform:skewX(-18deg);animation:swgShine 7s ease-in-out 2s infinite}
@keyframes swgDrop{from{transform:translateY(-100%)}to{transform:none}}
@keyframes swgSway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg) scale(1.03)}}
@keyframes swgGlow{0%,100%{box-shadow:0 4px 14px rgba(16,58,39,.25)}50%{box-shadow:0 4px 22px rgba(223,169,46,.7)}}
@keyframes swgShine{0%,55%{left:-60%}100%{left:130%}}
@media(max-width:1000px){header#hd .nbd,header#hd.s .nbd{height:92px;padding:0 16px 0 12px;border-radius:0 0 46px 0/0 0 46px 0}header#hd .nbd img,header#hd.s .nbd img{height:80px}}
@view-transition{navigation:auto}
header#hd{view-transition-name:swg-hd}
::view-transition-old(root){animation:swgOut .22s ease both}
::view-transition-new(root){animation:swgIn .38s cubic-bezier(.2,.8,.2,1) both}
@keyframes swgOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes swgIn{from{opacity:0;transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){header#hd .nbd,header#hd .nbd img,header#hd .nbd:after{animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* v85: keep first page content clear of the larger hanging brand badge */
@media(min-width:1001px){#menu.mn>.w,.abh>.w,.cat>.w,.lgh>.w{padding-top:30px}}
@media(max-width:1000px){#menu.mn>.w,.abh>.w,.cat>.w,.lgh>.w{padding-top:14px}}

/* ===== v85 mobile: touch comfort, 44px tap targets, safe areas ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(223,169,46,.25)}
a,button,summary,select,[role=button],[role=tab],input[type=search],input[type=checkbox],input[type=radio]{touch-action:manipulation}
@media(max-width:820px){
 footer a{display:inline-block;padding-block:11px}
 footer li{margin:0}
 .abl{padding-block:12px;min-height:44px}
 summary{min-height:44px;display:flex;align-items:center}
 .pgs button{position:relative}
 .pgs button:after{content:"";position:absolute;inset:-20px -2px}
 .gc-z{width:44px;height:44px}
 .gc-z:after{content:"";position:absolute;inset:-2px}
 .mn-fl button,.mn-vw button,.mn-seg button{min-height:44px}
 .mx .mn-rail a{min-height:48px}
 input,select,textarea{font-size:16px} /* stops iOS zoom-on-focus */
 body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}
@media(max-width:820px) and (hover:none){a:hover,button:hover{transform:none}}
@media(max-width:820px){.sxa .sxa-b{min-height:42px;padding-inline:14px}.mx-t>.sxa .sxa-b{min-height:40px}}

/* ===== v85 fixes: clear mobile nav buttons, widgets never hidden by cookie banner ===== */
@media(max-width:1000px){
 header#hd #nv{padding:104px 16px 24px;gap:10px;justify-content:flex-start}
 header#hd #nv a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 20px;font-size:18px;font-weight:700;letter-spacing:.01em;color:#FBF3D6;background:rgba(255,255,255,.07);border:1.5px solid rgba(223,169,46,.5);border-radius:16px;text-shadow:none;transition:background .2s,transform .15s,color .2s}
 header#hd #nv a:after{content:"\203A";position:static;left:auto;right:auto;width:auto;height:auto;background:none;box-shadow:none;transform:none;opacity:1;font-size:26px;line-height:1;color:#DFA92E}
 header#hd #nv a:hover{background:rgba(255,255,255,.14);color:#fff}
 header#hd #nv a:active{transform:scale(.97)}
 header#hd #nv a.on,header#hd #nv a[aria-current=page]{background:#F7B12E;border-color:#F7B12E;color:#1B1206}
 header#hd #nv a.on:after,header#hd #nv a[aria-current=page]:after{color:#1B1206}
 body:has(#bg[aria-expanded=true]) #nv a{animation:nvIn .45s cubic-bezier(.2,.8,.2,1) both}
 body:has(#bg[aria-expanded=true]) #nv a:nth-child(2){animation-delay:.05s}
 body:has(#bg[aria-expanded=true]) #nv a:nth-child(3){animation-delay:.1s}
 body:has(#bg[aria-expanded=true]) #nv a:nth-child(4){animation-delay:.15s}
 body:has(#bg[aria-expanded=true]) #nv a:nth-child(5){animation-delay:.2s}
 body:has(#bg[aria-expanded=true]) :is(#ckb,#v10bar,.fab,#mu){visibility:hidden}
 body:has(#ckb:not([hidden])) .fab{bottom:206px}
 body:has(#ckb:not([hidden])) #mu{bottom:206px}
}
@keyframes nvIn{from{opacity:0;transform:translateX(24px)}}
@media(prefers-reduced-motion:reduce){body:has(#bg[aria-expanded=true]) #nv a{animation:none}}

/* v85 mobile: lighter background images on phones */
@media(max-width:700px){:root{--bg-fb:url(assets/fbd2217782-700w.webp);--bg-rv:url(assets/village-reviews-900w.webp)}.ltr .pf{background-image:url(assets/amma-uttaram-480w.webp)}}
/* v85: footer skyline art must crop, not stretch, on tall phone footers */
img.sv{object-fit:cover;object-position:50% 100%}

/* v85: per-dish phone crops (square/tall/wide) in the menu mosaic */
.mx-ph picture{display:contents}

/* ===== v85 mobile: compact cookie bar + less intrusive chat button ===== */
@media(max-width:1000px){
 #ckb{display:flex;align-items:center;gap:10px;padding:10px 12px;bottom:calc(68px + env(safe-area-inset-bottom,0px))}
 #ckb p{margin:0;flex:1;font-size:12px;line-height:1.35}
 #ckb div{display:flex;gap:6px;flex:none;margin:0}
 #ckb button{min-height:40px;padding:0 13px;font-size:12.5px;white-space:nowrap}
 .fab .fi{display:none}
 .fab{gap:0;right:12px;bottom:calc(78px + env(safe-area-inset-bottom,0px));transition:transform .3s,opacity .3s}
 .fab a{width:46px;height:46px}
 body:has(#ckb:not([hidden])) .fab,body:has(#ckb:not([hidden])) #mu{bottom:calc(148px + env(safe-area-inset-bottom,0px))}
 html.fabh .fab{transform:translateX(80px);opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.fab{transition:none}}

/* v85: tap-to-play reels on phones / Data Saver / slow networks / reduced motion */
.abre{position:relative}
.abre .reelplay{position:absolute;left:50%;top:42%;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:2px solid #fff;background:rgba(16,58,39,.7);color:#fff;font-size:26px;padding-left:5px;display:grid;place-items:center;cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.abre .reelplay[hidden]{display:none}
.abre .reelplay:active{transform:translate(-50%,-50%) scale(.94)}

/* ===== v93 mobile hero: starts below the logo, compact, side-by-side icon buttons, visible prev/next arrows ===== */
@media(max-width:820px){
 #home{height:max(640px,100svh)}
 #home .hx{justify-content:flex-end;padding-top:122px;padding-bottom:150px}
 #home .hx .eb{margin-bottom:6px;font-size:12px}
 #home .hx .hh{font-size:clamp(30px,9.6vw,42px);line-height:1.05;letter-spacing:-.02em}
 #home .hx p.ds{font-size:14.5px;line-height:1.5;margin:12px 0 12px;padding:2px 0 2px 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #home .hx .tg{display:flex;flex-wrap:wrap;gap:6px;max-height:27px;overflow:hidden;margin:0 0 12px;padding:0}
 #home .hx .tg li{font-size:10px;padding:5px 9px;white-space:nowrap;flex:none}
 #home .hb2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 #home .hb2 .btn{min-width:0;width:100%;height:48px;padding:0 8px;font-size:13.5px;gap:7px;justify-content:center;white-space:nowrap}
 #home .hb2 .btn:before,#home .hb2 .btn:hover:before{content:"";display:block;position:static;inset:auto;translate:none;z-index:auto;transform:none;opacity:1;animation:none;transition:none;flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
 #home .hb2 .btn:first-child{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")}
 #home .hb2 .btn:last-child{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3v8a2 2 0 0 0 2 2v8M10 3v8M6 7h4M17 3c-2 2-3 5-3 8h3v10'/%3E%3C/svg%3E")}
 #home .hx .hhr{margin-top:12px}
 #home .sn{margin-top:14px}
 #home .hbi .ha{display:flex;position:absolute;right:14px;bottom:calc(max(640px,100svh) - 214px);gap:10px;z-index:6}
 #home .ha button{width:46px;height:46px;font-size:20px;background:rgba(2,40,25,.6);border:1.5px solid rgba(247,177,46,.85);color:#FFF4D6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
 #home .ha button:active{background:var(--go);color:var(--br);transform:scale(.94)}
}

/* v93 intro on portrait phones: whole artwork (cart, people, house, peacock) visible, sitting under the title text */
#sx.por .sx-art{top:var(--arty,60%)}

/* ===== v93 WhatsApp welcome panel ===== */
#swa{position:fixed;z-index:10001;right:14px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:min(360px,calc(100vw - 28px));max-height:calc(100svh - 120px);overflow:auto;border-radius:20px;background:#FFF9E8;color:#2b1a08;box-shadow:0 18px 50px rgba(0,0,0,.45);border:1px solid rgba(223,169,46,.6);font-family:"DM Sans",system-ui,sans-serif;animation:swaIn .28s cubic-bezier(.2,.8,.2,1) both}
#swa[hidden]{display:none}
@keyframes swaIn{from{opacity:0;transform:translateY(14px) scale(.97)}}
.swa-h{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#174A32;color:#FFF4D6;position:sticky;top:0}
.swa-h img{width:40px;height:40px;border-radius:50%;background:#FFF4D6;object-fit:cover;object-position:50% 20%;border:2px solid #F7B12E}
.swa-h b{display:block;font-size:16px}.swa-h small{display:block;font-size:12px;opacity:.85}
.swa-h small:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#25D366;margin-right:6px}
.swa-x{margin-left:auto;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#FFF4D6;font-size:24px;line-height:1;cursor:pointer}
.swa-b{padding:14px 16px 16px;display:grid;gap:10px}
.swa-m{margin:0;padding:12px 14px;border-radius:4px 16px 16px 16px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);font-size:15px;line-height:1.45}
.swa-b label{display:grid;gap:5px;font-size:13px;font-weight:600;color:#4a3414}
.swa-b label i{font-weight:400;opacity:.7}
.swa-b input{height:46px;border-radius:12px;border:1.5px solid #d9c9a0;background:#fff;padding:0 14px;font:inherit;font-size:16px;color:#2b1a08}
.swa-b input:focus{outline:2px solid #F7B12E;outline-offset:1px;border-color:#F7B12E}
.swa-a{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.swa-a button,.swa-go{min-height:46px;border-radius:999px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;border:1.5px solid #174A32;background:transparent;color:#174A32}
.swa-go{background:#25D366;border-color:#25D366;color:#06301a;font-size:15px}
.swa-a button:active,.swa-go:active{transform:scale(.97)}
.swa-e{margin:0;color:#b3261e;font-size:13px;font-weight:600}
.swa-n{font-size:12px;color:#6b5a38;text-align:center}
body:has(#ckb:not([hidden])) #swa{bottom:calc(166px + env(safe-area-inset-bottom,0px));max-height:calc(100svh - 200px)}
html.swa-open .fab{transform:none!important;opacity:1!important;pointer-events:auto!important}
@media(min-width:1001px){#swa{right:24px;bottom:96px}}
/* intro: keep the action bar and chat button out of the way while it plays */
body:has(#sx:not(.out)) :is(#v10bar,.fab){visibility:hidden}
/* v93: the compact cookie bar must still disappear when dismissed */
#ckb[hidden]{display:none!important}

/* intro: make "tap for sound" obvious on phones (browsers block autoplay with sound until the first tap) */
.sx-tap{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9;pointer-events:none;background:#F5EED2;color:#174A32;border:2px solid var(--gold);border-radius:30px;padding:10px 18px;font:700 13px "DM Sans",sans-serif;letter-spacing:.04em;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.3);opacity:0;transition:opacity .4s}
.sx-tap.on{opacity:1;animation:sx-tp 1.6s ease-in-out infinite}
@keyframes sx-tp{50%{transform:translateX(-50%) scale(1.06)}}
#sxmu:not(.on){animation:sx-tpb 1.6s ease-in-out infinite}
@keyframes sx-tpb{50%{box-shadow:0 0 0 6px rgba(215,184,74,.45)}}
@media(prefers-reduced-motion:reduce){.sx-tap.on,#sxmu:not(.on){animation:none}}

/* map card: real menu dish photos instead of the painted crop */
.cz-real{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 16px}
.cz-real.one{grid-template-columns:minmax(0,60%);justify-content:center}
.cz-real figure{margin:0;border-radius:12px;overflow:hidden;background:#f3ead2;box-shadow:0 6px 16px rgba(60,35,10,.22)}
.cz-real img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.cz-real figcaption{font:700 12px "DM Sans",sans-serif;color:#174A32;text-align:center;padding:6px 6px 8px;background:#F5EED2}

/* v86 audit fixes: minimum 12px labels, review heading contrast, printed-menu button no longer covers the map title on phones */
.tg li{font-size:12px}
.ct-tg,.nwt{font-size:12px!important}
.rvw .rvh h2,.rvw .rvh p{text-shadow:0 2px 16px rgba(0,0,0,.6)}
.rvw .rvh p{color:#fff;opacity:1}
@media(max-width:700px){.cz-open{top:auto!important;bottom:8px;right:8px;padding:6px 10px}}

/* v87 UPI payment step (Take away): shown after the order form, before WhatsApp opens */
.ord-pay{display:flex;flex-direction:column;min-height:0;flex:1}
.ord-pay[hidden]{display:none!important}
.ord-pay .ord-scroll{gap:14px}
.op-amt{display:grid;gap:2px;text-align:center;padding:14px;border-radius:16px;background:#174A32;color:#F5EED2}
.op-amt small{font-size:13px;opacity:.85;letter-spacing:.04em;text-transform:uppercase}
.op-amt b{font:400 36px/1.1 'DM Serif Display',Georgia,serif;color:#F7B12E}
.op-steps{margin:0;padding:0 0 0 20px;display:grid;gap:4px;font-size:14px;color:#2d3f34}
.op-apps{display:grid;gap:8px}
.op-apps[hidden]{display:none}
.op-pay{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 16px;border-radius:14px;background:#5F259F;color:#fff;font:700 16px 'DM Sans',sans-serif;text-decoration:none;text-align:center;box-shadow:0 10px 22px -10px rgba(95,37,159,.7)}
.op-pay.alt{background:#fff;color:#174A32;border:1.5px solid #174A32;box-shadow:none;min-height:46px}
.op-qr{margin:0;display:grid;justify-items:center;gap:8px}
.op-qrb{width:min(230px,100%);aspect-ratio:1;padding:8px;background:#fff;border-radius:16px;border:1.5px solid rgba(23,74,50,.25)}
.op-qrb svg{display:block;width:100%;height:100%}
.op-qr figcaption{font-size:13px;color:#4a5d4f;text-align:center}
.ord-pay.touch .op-note{order:4}.ord-pay.touch .op-qr{order:5}.ord-pay.touch .op-alt{order:6}
.op-id{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1.5px solid rgba(23,74,50,.25)}
.op-id span{font-size:12px;font-weight:700;color:#174A32;text-transform:uppercase;letter-spacing:.04em}
.op-id code{flex:1;min-width:0;font:600 14px 'DM Sans',monospace;color:#1d2b22;overflow-wrap:anywhere}
.op-id button{flex:none;min-height:36px;padding:0 14px;border-radius:99px;border:1.5px solid #174A32;background:#fff;color:#174A32;font:700 13px 'DM Sans',sans-serif;cursor:pointer}
.op-who,.op-note{margin:0;font-size:13px;color:#4a5d4f}
.op-note{padding:10px 12px;border-radius:10px;background:#FFF4D6;color:#6b4a00;font-weight:600}
.op-alt{border:1.5px solid rgba(23,74,50,.2);border-radius:12px;padding:10px 12px;background:#fff}
.op-alt summary{cursor:pointer;font-weight:700;font-size:14px;color:#174A32}
.op-alt img{display:block;width:min(240px,100%);height:auto;margin:10px auto 6px;border-radius:12px}
.op-alt p{margin:0;text-align:center;font-size:13px;color:#4a5d4f}
.op-sec{display:flex;justify-content:space-between;gap:10px}
.op-sec button{min-height:40px;padding:0 6px;border:0;background:transparent;color:#174A32;font:700 14px 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.op-sec button[hidden]{display:none}
@media(max-width:640px){.op-amt b{font-size:28px}.op-qrb{width:min(190px,100%)}.op-steps{font-size:13px}}
.ord.pay-on[data-mode=pickup] .ord-form .ord-go svg{display:none}
.ord.pay-on[data-mode=pickup] .ord-form .ord-go span:after{content:" \203A";font-size:20px;line-height:1}


/* ===== v88 Floating chat: Instagram + WhatsApp (Swagramam green / gold) ===== */
.fab{gap:14px;justify-items:end;align-items:center;bottom:24px;right:20px}
.fab a{position:relative;overflow:visible;border:0;box-shadow:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,filter .3s;-webkit-tap-highlight-color:transparent}
.fab a:hover{transform:translateY(-3px) scale(1.06)}
.fab a:active{transform:scale(.95)}
.fab a:focus-visible{outline:3px solid #F7B12E;outline-offset:4px}
.fab svg{position:relative;z-index:2}
/* Instagram: green glass disc, gold ring, Instagram gradient glow on hover */
.fab .fi{width:50px;height:50px;background:radial-gradient(circle at 30% 25%,#1f6b47,#103A27 70%);color:#FFF4D6;box-shadow:0 0 0 1.5px rgba(247,177,46,.85),0 8px 22px rgba(0,0,0,.35),0 0 18px rgba(247,177,46,.28)}
.fab .fi svg{width:25px;height:25px}
.fab .fi:hover{background:linear-gradient(45deg,#f09433,#dc2743 55%,#bc1888);box-shadow:0 0 0 1.5px #FFF4D6,0 10px 26px rgba(220,39,67,.45),0 0 26px rgba(220,39,67,.45)}
/* WhatsApp: hero button */
.fab .fw{width:64px;height:64px;background:radial-gradient(circle at 30% 22%,#2c8a5c 0%,#174A32 58%,#0c2c1c 100%);color:#FFF4D6;box-shadow:0 0 0 2px #F7B12E,0 12px 28px rgba(0,0,0,.42),0 0 26px rgba(247,177,46,.4),inset 0 2px 6px rgba(255,255,255,.18);animation:fwFloat 4.2s ease-in-out infinite}
.fab .fw svg{width:34px;height:34px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.fab .fw:hover{animation-play-state:paused;box-shadow:0 0 0 2px #FFF4D6,0 14px 32px rgba(0,0,0,.45),0 0 38px rgba(247,177,46,.75),inset 0 2px 6px rgba(255,255,255,.22)}
.fw-r{position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(247,177,46,.8);pointer-events:none;animation:fwRing 2.8s cubic-bezier(.2,.6,.3,1) infinite}
.fw-r.r2{animation-delay:1.4s}
.fw-d{position:absolute;top:2px;right:2px;width:15px;height:15px;border-radius:50%;background:#25D366;border:2.5px solid #FFF4D6;z-index:3;box-shadow:0 0 0 0 rgba(37,211,102,.7);animation:fwDot 2s ease-out infinite}
.fab .fw:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,244,214,.38) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;animation:fwShine 5s ease-in-out infinite;pointer-events:none}
@keyframes fwRing{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.75);opacity:0}}
@keyframes fwDot{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}100%{box-shadow:0 0 0 9px rgba(37,211,102,0)}}
@keyframes fwShine{0%,55%{background-position:150% 0}100%{background-position:-50% 0}}
@keyframes fwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
/* label pill */
.fab-tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(8px,-50%);opacity:0;pointer-events:none;white-space:nowrap;padding:8px 14px;border-radius:999px;background:#FFF4D6;color:#174A32;font:700 13.5px/1 "DM Sans",system-ui,sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.28);border:1px solid rgba(223,169,46,.7);transition:opacity .25s,transform .25s}
.fab-tip:after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;background:#FFF4D6;border-top:1px solid rgba(223,169,46,.7);border-right:1px solid rgba(223,169,46,.7);transform:translateY(-50%) rotate(45deg)}
.fab a:hover .fab-tip,.fab a:focus-visible .fab-tip,.fab .fw.hint .fab-tip{opacity:1;transform:translate(0,-50%)}
html.swa-open .fab .fw .fab-tip{opacity:0!important}
/* show chat buttons on phones too (v85 hid Instagram) */
@media(max-width:1000px){
 .fab .fi{display:grid;width:44px;height:44px}
 .fab .fi svg{width:22px;height:22px}
 .fab .fw{width:56px;height:56px}
 .fab .fw svg{width:30px;height:30px}
 .fab{gap:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 .fab-tip{display:none}
}
/* icons must be visible while the intro plays and sit above the splash */
html:not(#_) body:has(#sx:not(.out)) .fab{visibility:visible;z-index:100002}
@media(prefers-reduced-motion:reduce){.fab .fw,.fw-r,.fw-d,.fab .fw:after{animation:none}.fw-r{display:none}}

/* ===== v88 WhatsApp welcome panel ===== */
#swa{width:min(372px,calc(100vw - 24px));padding:0;border-radius:24px;background:#FFF9E8;border:1.5px solid rgba(247,177,46,.75);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(23,74,50,.4),0 0 34px rgba(247,177,46,.22);overflow:hidden;z-index:100003;transform-origin:100% 100%;display:flex;flex-direction:column}
#swa[hidden]{display:none}
@media(min-width:1001px){#swa{right:24px;bottom:106px}}
@media(max-width:1000px){#swa{right:12px;left:12px;width:auto;bottom:calc(142px + env(safe-area-inset-bottom,0px));max-height:calc(100svh - 170px)}}
.sw-h{position:relative;display:flex;align-items:center;gap:12px;padding:16px 16px 18px;background:radial-gradient(120% 140% at 0% 0%,#237a52,#174A32 55%,#0e3322);color:#FFF4D6;flex:none}
.sw-h:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:5px;background:linear-gradient(90deg,#DFA92E,#F7B12E,#FFE08A,#F7B12E,#DFA92E)}
.sw-av{position:relative;flex:none;width:48px;height:48px;border-radius:50%;background:#FFF4D6;border:2.5px solid #F7B12E;box-shadow:0 0 14px rgba(247,177,46,.55)}
.sw-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 20%;display:block}
.sw-av:after{content:"";position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:#25D366;border:2.5px solid #174A32}
.sw-t b{display:block;font:400 19px/1.1 "DM Serif Display",Georgia,serif;letter-spacing:.2px}
.sw-t small{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12.5px;opacity:.92}
.sw-t small:before{content:"";width:8px;height:8px;border-radius:50%;background:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.25);flex:none}
.sw-t small.cl:before{background:#F7B12E;box-shadow:0 0 0 3px rgba(247,177,46,.25)}
.sw-x{margin-left:auto;flex:none;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#FFF4D6;font-size:24px;line-height:1;cursor:pointer;transition:background .2s}
.sw-x:hover{background:rgba(255,255,255,.26)}
.sw-b{padding:16px;display:grid;gap:12px;overflow:auto;background:
 radial-gradient(circle at 12% 18%,rgba(223,169,46,.10) 0 2px,transparent 3px) 0 0/26px 26px,#FFF9E8}
.sw-m{margin:0;padding:12px 14px;border-radius:4px 18px 18px 18px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.12);font-size:15px;line-height:1.45;color:#2b1a08;animation:swIn .4s .05s both}
.sw-m b{color:#174A32}
.sw-ch{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sw-ch button{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;border-radius:14px;border:1.5px solid rgba(23,74,50,.35);background:#fff;color:#174A32;font:700 13.5px/1.2 "DM Sans",system-ui,sans-serif;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;animation:swIn .4s both}
.sw-ch button:nth-child(1){animation-delay:.12s}.sw-ch button:nth-child(2){animation-delay:.18s}.sw-ch button:nth-child(3){animation-delay:.24s}.sw-ch button:nth-child(4){animation-delay:.3s}
.sw-ch button:hover{border-color:#F7B12E;background:#FFF4D6;box-shadow:0 4px 12px rgba(223,169,46,.3);transform:translateY(-1px)}
.sw-ch button:active{transform:scale(.97)}
.sw-ch svg{width:20px;height:20px;flex:none;stroke:#8B5635;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sw-f{display:grid;gap:10px}
.sw-f label{display:grid;gap:5px;font-size:12.5px;font-weight:700;color:#4a3414}
.sw-f label i{font-weight:400;opacity:.7}
.sw-f input{height:46px;border-radius:12px;border:1.5px solid #d9c9a0;background:#fff;padding:0 14px;font:inherit;font-size:16px;color:#2b1a08;transition:border-color .2s,box-shadow .2s}
.sw-f input:focus{outline:0;border-color:#F7B12E;box-shadow:0 0 0 3px rgba(247,177,46,.3)}
.sw-e{margin:0;color:#b3261e;font-size:13px;font-weight:700}
.sw-go{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border:0;border-radius:999px;background:linear-gradient(180deg,#2c8a5c,#174A32);color:#FFF4D6;font:700 15.5px/1 "DM Sans",system-ui,sans-serif;cursor:pointer;box-shadow:0 0 0 2px #F7B12E,0 8px 20px rgba(23,74,50,.45);transition:transform .2s,box-shadow .2s}
.sw-go:hover{box-shadow:0 0 0 2px #FFF4D6,0 10px 26px rgba(23,74,50,.55),0 0 24px rgba(247,177,46,.55)}
.sw-go:active{transform:scale(.97)}
.sw-go svg{width:22px;height:22px;fill:currentColor}
.sw-n{font-size:12px;color:#6b5a38;text-align:center;line-height:1.4}
.sw-i{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.12);font-size:14px;line-height:1.5;color:#2b1a08}
.sw-i[hidden]{display:none}
.sw-i b{color:#174A32}
.sw-i a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:#F7B12E;color:#1B1206;font-weight:700;text-decoration:none}
.sw-i .sw-r{display:flex;gap:8px;flex-wrap:wrap}
.sw-i .sw-r a.o{background:transparent;border:1.5px solid #174A32;color:#174A32}
@keyframes swIn{from{opacity:0;transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){.sw-m,.sw-ch button{animation:none}#swa{animation:none}}


/* ===== v89 Title wordmark "Swagramam" ===== */
header#hd .nbw{position:absolute;left:158px;top:8px;z-index:3;display:none;gap:3px;text-decoration:none;pointer-events:none}
header#hd .nbw-t{display:flex;font:400 clamp(27px,2.2vw,34px)/1 var(--hf);letter-spacing:.5px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
header#hd .nbw-t i{font-style:normal;display:inline-block;background:linear-gradient(100deg,#DFA92E 0%,#FFE9A8 25%,#F7B12E 45%,#FFF6D6 55%,#F7B12E 70%,#DFA92E 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:0;transform:translateY(.45em) scale(.9);filter:blur(7px);animation:nbwIn .8s cubic-bezier(.2,.8,.2,1) calc(.55s + var(--i)*.07s) both,nbwShine 6.5s linear calc(2.2s + var(--i)*.05s) infinite}
header#hd .nbw small{position:relative;font:700 10px/1 var(--bf);letter-spacing:.26em;text-transform:uppercase;color:#FFF4D6;opacity:0;padding-top:6px;text-shadow:0 1px 3px rgba(0,0,0,.6);animation:nbwFade .9s ease 1.5s both}
header#hd .nbw small:before{content:"";position:absolute;left:0;top:0;height:1.5px;width:100%;background:linear-gradient(90deg,#F7B12E,rgba(247,177,46,0));transform-origin:0 50%;animation:nbwLine 1s cubic-bezier(.2,.8,.2,1) 1.2s both}
@keyframes nbwIn{from{opacity:0;transform:translateY(.45em) scale(.9);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes nbwShine{0%{background-position:130% 0}100%{background-position:-130% 0}}
@keyframes nbwFade{from{opacity:0;transform:translateY(4px)}to{opacity:.92;transform:none}}
@keyframes nbwLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html:not(.sx-seen) body:has(#sx) header#hd .nbw i,html:not(.sx-seen) body:has(#sx) header#hd .nbw small,html:not(.sx-seen) body:has(#sx) header#hd .nbw small:before{animation-play-state:paused}
@media(min-width:1400px){header#hd .nbw{display:grid}}
@media(max-width:1000px){header#hd .nbw{display:grid;left:134px;top:14px}header#hd .nbw-t{font-size:23px}header#hd .nbw small{display:none}}
@media(max-width:380px){header#hd .nbw{left:120px}header#hd .nbw-t{font-size:20px}}
@media(prefers-reduced-motion:reduce){header#hd .nbw-t i{animation:none;opacity:1;transform:none;filter:none}header#hd .nbw small{animation:none;opacity:.92}header#hd .nbw small:before{animation:none}}

/* ===== v89 Page-to-page transitions: sunrise reveal ===== */
@view-transition{navigation:auto}
::view-transition{background:radial-gradient(120% 90% at 50% 105%,#F7B12E 0%,#C9831C 22%,#174A32 62%,#0c2c1c 100%)}
::view-transition-old(root){animation:ptOut .5s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:ptIn .85s cubic-bezier(.65,0,.15,1) .08s both}
@keyframes ptOut{to{opacity:.15;transform:scale(.955) translateY(-18px)}}
@keyframes ptIn{from{clip-path:circle(0% at 50% 100%);transform:translateY(24px) scale(1.02)}to{clip-path:circle(150% at 50% 100%);transform:none}}
header#hd{view-transition-name:swg-hd}
.fab{view-transition-name:swg-fab}
::view-transition-group(swg-hd),::view-transition-group(swg-fab){animation-duration:.5s}
::view-transition-old(swg-hd),::view-transition-new(swg-hd),::view-transition-old(swg-fab),::view-transition-new(swg-fab){animation:none;mix-blend-mode:normal}
html{scroll-behavior:smooth}
/* fallback for browsers without cross-page View Transitions (Firefox, older Safari) */
html.pt-fb body{animation:ptFbIn .6s ease both}
html.pt-leave body{opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}
@keyframes ptFbIn{from{opacity:0}}
@media(prefers-reduced-motion:reduce){html.pt-fb body{animation:none}html.pt-leave body{transition:none;opacity:1;transform:none}html{scroll-behavior:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}


/* ===== v91 MOBILE: direct nav strip, dish-first landing, intro icons ===== */
/* Instagram keeps its own colours everywhere */
.fab .fi{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);color:#fff;box-shadow:0 0 0 1.5px rgba(255,244,214,.9),0 8px 22px rgba(0,0,0,.35),0 0 20px rgba(214,36,159,.45)}
.fab .fi:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);filter:brightness(1.12) saturate(1.1);box-shadow:0 0 0 1.5px #fff,0 10px 26px rgba(214,36,159,.55),0 0 30px rgba(253,89,73,.55)}
.fab{transition:bottom .6s cubic-bezier(.2,.8,.2,1)}

@media(max-width:1000px){
 /* during the intro the icons sit low, then glide up above the bottom bar */
 html:not(#_) body:has(#sx:not(.out)) .fab{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 /* nav: always visible strip under the header, no 3-line menu */
 html:not(#_) header#hd .bg,html:not(#_) #nbk,html:not(#_) #hd #nv .nx{display:none!important}
 html:not(#_) header#hd #nv{display:flex!important;position:fixed;top:64px;left:0;right:0;bottom:auto;width:auto;height:46px;transform:none!important;visibility:visible!important;flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding:0 2px 0 97px;margin:0;border:0;border-radius:0;background:linear-gradient(180deg,#174A32,#123D29);border-bottom:1.5px solid rgba(247,177,46,.75);box-shadow:0 6px 16px rgba(0,0,0,.28);overflow-x:auto;scrollbar-width:none;z-index:129;transition:none}
 html:not(#_) header#hd #nv::-webkit-scrollbar{display:none}
 html:not(#_) header#hd #nv a{flex:none;display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 6.5px;margin:0;border:0;border-radius:999px;background:none;color:#FFF4D6;font:700 12.5px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap;opacity:1;transform:none;translate:none;animation:none;box-shadow:none;left:auto;right:auto}
 html:not(#_) header#hd #nv a.on{background:#F7B12E;color:#1B1206}
 html:not(#_) header#hd #nv a:not(.on):active{background:rgba(255,255,255,.14)}
 html{scroll-padding-top:122px}
 /* content clears the strip on inner pages */
 body[data-pg="about"] .abh,body[data-pg="menu"] #menu,body[data-pg="catering"] #cat,body[data-pg="legal"] .lgh{margin-top:46px}
 body[data-pg="menu"] .mn-deck{top:118px}
 body[data-pg="menu"] .mp-side{top:116px}
}
@media(max-width:380px){html:not(#_) header#hd #nv a{padding:0 5px;font-size:12px}}

/* ---- phone landing page: dish photo on top, text below, nothing overlaps ---- */
@media(max-width:700px){
 body[data-pg="home"] #home{--hi:clamp(300px,50svh,440px);height:auto;min-height:0;padding:110px 0 76px;background:linear-gradient(180deg,#103A27 0%,#0f3323 100%);overflow:hidden}
 body[data-pg="home"] #sl{position:absolute;left:0;right:0;top:110px;bottom:auto;width:auto;height:var(--hi);translate:none!important;transform:none!important;overflow:hidden;background:#0c2c1c;border-bottom:2px solid #F7B12E;box-shadow:0 10px 26px rgba(0,0,0,.35)}
 body[data-pg="home"] #sl .hs,body[data-pg="home"] #sl .hf{position:absolute;inset:0;width:100%;height:100%;transform:none}
 body[data-pg="home"] #sl .hs .hb{display:none}
 body[data-pg="home"] #sl .hf img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;transform:none;filter:none;-webkit-mask-image:none;mask-image:none}
 body[data-pg="home"] #sl .hf.wide img{object-position:70% 50%}
 body[data-pg="home"] #sl .hf i,body[data-pg="home"] #sl::before,body[data-pg="home"] #sl::after,body[data-pg="home"] #home .sp,body[data-pg="home"] #home .hsteam{display:none}
 body[data-pg="home"] .hw2{position:relative;z-index:4;padding-top:calc(var(--hi) + 40px)}
 body[data-pg="home"] #hx{height:auto;min-height:0;padding:6px 20px 8px;justify-content:flex-start;align-items:flex-start;gap:0;text-shadow:none}
 body[data-pg="home"] #hx .hh{font-size:clamp(34px,10.4vw,44px);line-height:1.05;margin:6px 0 8px}
 body[data-pg="home"] #hx .ds{font-size:15.5px;line-height:1.5;margin:0 0 12px;max-width:none}
 body[data-pg="home"] #hx .hb2{margin-top:6px}
 /* slide controls sit on the photo, bottom right */
 body[data-pg="home"] .ha{top:-72px;right:14px;bottom:auto;gap:8px}
 body[data-pg="home"] .ha button{width:42px;height:42px;background:rgba(16,58,39,.82);border:1.5px solid rgba(247,177,46,.85);color:#FFF4D6}
 /* progress bars right under the photo */
 body[data-pg="home"] .hbm{position:absolute;left:0;right:0;top:calc(110px + var(--hi) + 14px);bottom:auto}
 body[data-pg="home"] .hbm .hbi{padding-top:0}
 body[data-pg="home"] .wv{bottom:-1px}
}

@media(max-width:1000px){html:not(#_) header#hd .nbd{z-index:200}html:not(#_) header#hd .nbw{z-index:201}.nvx{display:none}}

@media(max-width:1000px){html:not(#_) body:has(#sx:not(.out)):has(#ckb:not([hidden])) .fab{bottom:calc(100px + env(safe-area-inset-bottom,0px))}}


/* ===== v92 ===== */
/* chat buttons: WhatsApp on top, Instagram below with its own glow */
.fab .fw{order:1}.fab .fi{order:2}
.fab .fi{animation:fiGlow 2.6s ease-in-out infinite}
.fab .fi:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid #fd5949;pointer-events:none;animation:fiRing 2.8s cubic-bezier(.2,.6,.3,1) infinite}
@keyframes fiRing{0%{transform:scale(1);opacity:.9;border-color:#fd5949}60%{border-color:#d6249f}100%{transform:scale(1.8);opacity:0;border-color:#285AEB}}
@keyframes fiGlow{0%,100%{box-shadow:0 0 0 1.5px rgba(255,244,214,.9),0 8px 22px rgba(0,0,0,.35),0 0 14px rgba(214,36,159,.45)}50%{box-shadow:0 0 0 1.5px #fff,0 8px 22px rgba(0,0,0,.35),0 0 30px rgba(253,89,73,.85),0 0 48px rgba(214,36,159,.55)}}
@media(prefers-reduced-motion:reduce){.fab .fi{animation:none}.fab .fi:after{display:none}}
@media(min-width:1001px){#swa{bottom:170px}}

/* top quick actions (phones): Book / Call / Directions live in the header, bottom bar removed */
.hact{display:none}
@media(max-width:1000px){
 #v10bar{display:none!important}
 body{padding-bottom:0}
 #mu{bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}
 .fab{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 #swa{bottom:calc(140px + env(safe-area-inset-bottom,0px))}
 html:not(#_) body:has(#sx:not(.out)) .fab{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 header#hd .hact{display:flex;position:absolute;right:10px;top:12px;gap:5px;z-index:201}
 header#hd .hact a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1.5px solid rgba(247,177,46,.85);color:#FFF4D6;-webkit-tap-highlight-color:transparent;transition:transform .2s,background .2s}
 header#hd .hact a:active{transform:scale(.92)}
 header#hd .hact svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 header#hd .hact a.hb-book{background:#F7B12E;border-color:#F7B12E;color:#1B1206;box-shadow:0 0 14px rgba(247,177,46,.55)}
}
@media(max-width:380px){header#hd .hact{right:6px;gap:4px}header#hd .hact a{width:33px;height:33px}}

/* stats count-up */
.fxf b{position:relative;display:inline-block}
.fxf b:after{transform:scaleX(0);transform-origin:50% 50%;transition:transform .9s cubic-bezier(.2,.8,.2,1) .2s}
.fxf li.fx-on b:after{transform:scaleX(1)}
.fxf li.fx-run .fx-n{text-shadow:0 0 22px rgba(247,177,46,.75),0 0 4px rgba(247,177,46,.5)}
.fxf li.fx-done .fx-n{animation:fxPop .7s cubic-bezier(.2,.9,.3,1.4)}
@keyframes fxPop{0%{transform:scale(1)}40%{transform:scale(1.14);text-shadow:0 0 28px rgba(247,177,46,.9)}100%{transform:scale(1)}}
.fxf .fx-n{display:inline-block;transition:text-shadow .6s}
@media(prefers-reduced-motion:reduce){.fxf b:after{transform:scaleX(1);transition:none}.fxf li.fx-done .fx-n{animation:none}}

/* intro: shorter, and the caption stays in the sky above the building */
#sx{--t-wl:2s;--t-cta:9.6s}
.sx-wm:before{content:"";position:absolute;left:0;right:0;top:-6%;height:118%;z-index:-1;pointer-events:none;background:radial-gradient(62% 80% at 50% 38%,rgba(30,10,0,.5),transparent 78%)}
@media(min-width:1001px){
 .sx-wm{top:3%}
 .sx-st{min-height:clamp(60px,min(8vw,15vh),120px)}
 .sx-br{font-size:clamp(38px,min(6.4vw,12vh),94px)}
 .sx-wm small{font-size:clamp(10px,min(1.2vw,2vh),14px)}
 .sx-tl{font-size:clamp(20px,min(2.6vw,4.6vh),36px)}
 .sx-wm em{margin-top:2px;padding:6px 18px}
 .sx-tg{margin-top:6px}
 .sx-tg span{font-size:clamp(16px,min(2vw,3.4vh),27px);text-shadow:0 1px 2px rgba(40,12,0,.95),0 2px 14px rgba(30,10,0,.95),0 0 30px rgba(30,10,0,.8)}
}
@media(min-width:1001px) and (max-height:720px){.sx-tl{display:none}.sx-wm em{margin-top:6px}}
@media(max-width:1000px){header#hd .nbw{left:106px;top:15px}header#hd .nbw-t{font-size:22px}}
@media(max-width:380px){header#hd .nbw{left:102px}header#hd .nbw-t{font-size:20px}}


/* ===== v92 next-step bands (About, Menu, Catering, Privacy, Terms) ===== */
.xcta{background:linear-gradient(180deg,#174A32,#103A27);border-top:3px solid #F7B12E;padding:44px 0;color:#FFF4D6;position:relative}
.xcta-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.xcta-t h2{font:400 clamp(26px,3.2vw,38px)/1.15 "DM Serif Display",Georgia,serif;margin:0 0 6px;color:#FFF4D6}
.xcta-t p{margin:0;font-size:16px;line-height:1.5;opacity:.9;max-width:520px}
.xcta-b{display:flex;gap:12px;flex-wrap:wrap}
.xcta .xb{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;border:1.5px solid rgba(247,177,46,.85);color:#FFF4D6;font:700 15px/1 "DM Sans",system-ui,sans-serif;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.xcta .xb:hover{transform:translateY(-2px);background:rgba(247,177,46,.16);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.xcta .xb.p{background:#F7B12E;color:#1B1206;border-color:#F7B12E;box-shadow:0 0 22px rgba(247,177,46,.35)}
.xcta .xb.p:hover{background:#FFC24B}
@media(max-width:700px){.xcta{padding:34px 0 30px}.xcta-in{flex-direction:column;align-items:stretch;gap:18px}.xcta-b{flex-direction:column}.xcta .xb{width:100%}}


/* ===== v93 intro: sign text size, phone intro fills the screen ===== */
.sx-sn .sxmb b{font-size:1.36em;letter-spacing:.05em}
.sx-sn .sxmb span{font-size:.74em;letter-spacing:.14em}
#sx.por{background:#2a1408}
#sx.por::before{content:"";position:absolute;inset:-6%;z-index:0;pointer-events:none;background:url(assets/4734bbe90a.webp) 58% 50%/auto 100% no-repeat;filter:blur(16px) saturate(1.15) brightness(.8)}
#sx.por .sx-art{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 13%,#000 87%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 13%,#000 87%,transparent 100%)}
#sx.por::before{filter:blur(12px) saturate(1.2) brightness(.95)}
#sx.por .sx-vg{background:linear-gradient(180deg,rgba(30,10,0,.4),rgba(30,10,0,.08) 38%,transparent 55%),linear-gradient(0deg,rgba(30,10,0,.5),transparent 30%)}
.sx-wm:before{filter:blur(12px)}


/* ===== v94 Rewards page + nav link ===== */
.sxr-more{position:relative;text-align:center;padding:0 20px 38px;margin:0;background:transparent}
.sxr-more a{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;border:1.5px solid rgba(247,177,46,.85);color:#FFF4D6;font:700 15px/1 "DM Sans",system-ui,sans-serif;text-decoration:none;transition:background .2s,transform .2s}
.sxr-more a:hover{background:rgba(247,177,46,.18);transform:translateY(-2px)}
.sxr h1{font:400 clamp(32px,4.4vw,54px)/1.1 var(--hf);color:var(--iv);margin-bottom:14px}
.sxr.rw-first{padding-top:150px}
.rwj{background:linear-gradient(180deg,#103A27,#0f3323);padding:54px 0;color:#FFF4D6;border-top:1px solid rgba(247,177,46,.35)}
.rwj-in{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}
.rwj-c{background:rgba(255,255,255,.05);border:1.5px solid rgba(247,177,46,.55);border-radius:22px;padding:28px}
.rwj-c h2{font:400 clamp(24px,2.6vw,32px)/1.15 "DM Serif Display",Georgia,serif;margin:0 0 14px;color:#FFF4D6}
.rwj-c ol{margin:0 0 20px;padding-left:22px;display:grid;gap:10px;font-size:16px;line-height:1.5}
.rwj-c li b{color:#F7B12E}
.rwj-c p{margin:0 0 16px;font-size:16px;line-height:1.55;opacity:.92}
.rwj-b{display:flex;gap:12px;flex-wrap:wrap}
.rwj .xb{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;border:1.5px solid rgba(247,177,46,.85);color:#FFF4D6;font:700 15px/1 "DM Sans",system-ui,sans-serif;text-decoration:none}
.rwj .xb.p{background:#F7B12E;color:#1B1206;border-color:#F7B12E}
.rwj-soon{opacity:.92}
.rwj-tag{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(247,177,46,.18);border:1px solid rgba(247,177,46,.7);color:#F7B12E;font:700 12.5px/1 "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:860px){.rwj-in{grid-template-columns:1fr}}
@media(max-width:1000px){
 html:not(#_) header#hd #nv a.nvc{display:none}
 .sxr.rw-first{padding-top:calc(116px + 46px)}
}
@media(max-width:700px){.rwj-b{flex-direction:column}.rwj .xb{width:100%}}
#rewards .sxr-hd h1{color:#0E2A1C;font:400 clamp(38px,4.4vw,60px)/1.06 var(--hf);margin:0;max-width:9.2em;margin-inline:auto;text-wrap:balance}
@media(max-width:520px){#rewards .sxr-hd h1{max-width:none}}

@media(min-width:1400px) and (max-width:1539px){header#hd .nbw small{display:none}header#hd .nbw{top:14px}}