.menu-page{background:#f7f5ee;color:#183b2a}.menu-nav{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ddcf;gap:24px}.menu-nav nav{display:flex;gap:28px;font-size:13px}.menu-nav [aria-current]{border-bottom:1px solid}.menu-intro{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:#123c2b;color:#f8f4e7;overflow:hidden}.menu-intro>div{padding:80px 10%}.menu-kicker{font-size:10px;letter-spacing:.24em;text-transform:uppercase}.menu-intro h1{font-size:clamp(60px,6.5vw,104px);margin:28px 0}.menu-intro h1 em,.menu-ending em{color:#d3bb84}.menu-intro p:not(.menu-kicker){font-size:15px;line-height:1.9;color:#d6ded4}.menu-intro>img{width:100%;height:100%;max-height:640px;object-fit:cover}.intro-link{display:inline-block;margin-top:35px;font-size:12px;border-bottom:1px solid #b3bb9d;padding-bottom:9px}.image-note{position:absolute;right:24px;bottom:22px;font-size:12px;color:white;text-shadow:0 1px 6px black}.menu-workspace{max-width:1240px;padding:64px 40px 90px;margin:auto}.step-heading,.type-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.step-heading>span,.type-heading>span{font-size:10px;letter-spacing:.18em}.step-heading p{font-family:var(--font-display);font-size:25px}.outlet-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0 50px}.outlet-picker button{cursor:pointer;text-align:left;border:1px solid #ccd3c6;background:transparent;padding:25px;color:inherit;transition:background .2s}.outlet-picker small{font-size:9px;letter-spacing:.18em}.outlet-picker strong{display:block;font-family:var(--font-display);font-weight:500;font-size:36px;margin:10px 0}.outlet-picker span{font-size:11px}.outlet-picker [aria-pressed=true]{background:#183b2a;color:#faf7ed;border-color:#183b2a}.type-heading{padding-bottom:24px;border-bottom:1px solid #ccd3c6}.menu-types{display:flex;gap:8px}.menu-types button{cursor:pointer;border:1px solid transparent;background:transparent;color:inherit;padding:10px 20px;font:inherit;font-size:14px}.menu-types [aria-pressed=true]{border-color:#183b2a;border-radius:30px}.menu-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:40px 0 20px}.menu-title h2{font-size:52px}.menu-title small{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.menu-notice{font-size:12px;color:#586958;background:#eeeee3;border-left:2px solid #9b885e;padding:13px 18px;margin-bottom:35px}.menu-notice a{text-decoration:underline}.dish-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 64px}.dish-group h3{font-size:30px;margin-bottom:14px}.dish{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #dce0d3;font-size:14px}.dish span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.proposal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.proposal{padding:30px;border:1px solid #ccd3c6;background:#fffdf6}.proposal small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6a735e}.proposal h3{font-size:34px;margin:18px 0}.proposal p{font-size:13px;color:#5f6f63}.proposal ul{padding-left:18px;margin:25px 0;font-size:14px;line-height:2}.proposal .proposal-price{padding-top:20px;border-top:1px solid #ccd3c6;font-size:12px}.menu-ending{text-align:center;padding:70px 24px;background:#183b2a;color:#fffbed}.menu-ending h2{font-size:64px;margin:25px 0}.menu-ending a{display:inline-block;border-bottom:1px solid #d3bb84;padding:8px;margin:12px}.menu-ending>p:last-child{font-size:12px;color:#c0cebc}button:focus-visible,a:focus-visible{outline:3px solid #ad914c;outline-offset:4px}@media(max-width:760px){.menu-nav{flex-wrap:wrap}.menu-nav nav{gap:19px;font-size:12px}.menu-intro{grid-template-columns:1fr}.menu-intro>div{padding:50px 7%}.menu-intro>img{height:250px}.menu-workspace{padding:40px 22px}.step-heading,.type-heading{align-items:flex-start;flex-direction:column}.outlet-picker{grid-template-columns:1fr;gap:10px;margin-bottom:30px}.outlet-picker button{padding:18px}.outlet-picker strong{font-size:30px;margin:4px 0}.dish-grid,.proposal-grid{grid-template-columns:1fr}.menu-types button{padding:9px 15px}.menu-title{align-items:start;flex-direction:column}.menu-title h2{font-size:44px}.menu-ending h2{font-size:50px}.image-note{font-size:10px}}
/* Menu-specific visual layer. Keep the navigation in flow so it cannot cover the hero. */
.menu-page { background:#f5f1e7; }
.menu-page .menu-nav { position:relative; z-index:5; background:#102d24; color:#f8f2df; border-bottom:1px solid #ffffff18; padding:24px 5%; }
.menu-nav .brand,.menu-nav .brand__name { color:#f8f2df; }
.menu-nav .brand__mark { color:#e2c48d; border-color:#a78e5d; }
.menu-nav nav a { padding:8px 0; }
.menu-nav nav a:hover { color:#e2c48d; }
.menu-page .menu-intro { min-height:660px; background:radial-gradient(ellipse at 80% 35%,#32604b 0,transparent 50%),linear-gradient(120deg,#102d24,#091e18); isolation:isolate; grid-template-columns:1.05fr 1fr; }
.menu-page .menu-intro__copy { padding:90px 0 80px 10%; position:relative; z-index:2; }
.menu-intro__copy .menu-kicker { color:#dec698; letter-spacing:.2em; font-size:9px; }
.menu-page .menu-intro h1 { font-size:clamp(60px,6.8vw,104px); line-height:1.02; letter-spacing:-.045em; margin:32px 0; }
.menu-intro h1 em { color:#e3c58f; }
.menu-page .intro-link { display:inline-flex; gap:42px; align-items:center; color:#173629; background:#e6ce9e; border:1px solid #f1ddb8; border-radius:5px; padding:15px 24px; box-shadow:0 5px 0 #9c855a,0 18px 30px #0003; transition:transform .25s,box-shadow .25s; }
.intro-link:hover { transform:translateY(-3px); box-shadow:0 8px 0 #9c855a,0 24px 35px #0004; }
.hero-details { display:flex; flex-wrap:wrap; gap:20px; margin-top:40px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; color:#b6c7b7; }
.hero-details span+span::before { content:'✳'; margin-right:20px; color:#cfb57e; }
.menu-page .food-stage { padding:0; position:relative; min-height:600px; perspective:1100px; }
.food-stage figure { margin:0; position:absolute; overflow:hidden; background:#e8dbc1; border:7px solid #e8dbc1; box-shadow:12px 25px 0 #041b1840,0 38px 65px #0007; transition:transform .5s ease; }
.food-stage__main { inset:65px 13% 110px 7%; transform:rotate(7deg); border-radius:150px 150px 10px 10px; }
.food-stage__main img { width:100%; height:calc(100% - 74px); object-fit:cover; }
.food-stage__main figcaption { padding:10px 16px; color:#183b2a; }
.food-stage__main figcaption span { font-size:8px; letter-spacing:.2em; display:block; }
.food-stage__main figcaption strong { font-family:var(--font-display); font-size:26px; font-weight:500; }
.food-stage__small { width:37%; height:230px; bottom:45px; left:-3%; transform:rotate(-12deg); border-radius:8px; }
.food-stage__small img { width:100%; height:calc(100% - 35px); object-fit:cover; }
.food-stage__small figcaption { color:#183b2a; font-family:var(--font-display); font-size:19px; padding:3px 6px; }
.stage-orbit { position:absolute; width:90%; aspect-ratio:1; border:1px solid #ceb68035; border-radius:50%; top:45px; left:0; }
.stage-orbit::after { content:''; position:absolute; inset:22px; border:1px dashed #ceb68020; border-radius:50%; }
.stage-seal { position:absolute; right:7%; bottom:70px; width:112px; height:112px; border-radius:50%; display:grid; place-content:center; text-align:center; background:#dac18b; color:#173629; font-size:9px; line-height:2.1; letter-spacing:.13em; transform:rotate(12deg); box-shadow:0 12px 30px #0004; }
.menu-page .menu-workspace { max-width:1320px; padding-top:70px; }
.outlet-picker { perspective:1200px; gap:22px; }
.menu-page .outlet-picker button { position:relative; overflow:hidden; min-height:220px; padding:80px 25px 25px; border-radius:12px; border:1px solid #a392714d; color:#fff8ea; background:linear-gradient(0deg,#0b2419 0%,#0b2419bb 50%,#0b241922),var(--outlet-photo) center/cover; box-shadow:0 8px 0 #d8d3c6,0 15px 26px #16332218; transition:transform .25s,border-color .25s,box-shadow .25s; }
.outlet-picker [data-outlet=hari] { --outlet-photo:url('images/amb-hari-green.jpg'); }
.outlet-picker [data-outlet=dwarka] { --outlet-photo:url('images/wa-dwarka.jpg'); }
.outlet-picker [data-outlet=janakpuri] { --outlet-photo:url('images/wa-janakpuri.jpg'); }
.menu-page .outlet-picker [aria-pressed=true] { border-color:#a88845; box-shadow:0 0 0 2px #b89b61,0 8px 0 #aa915d,0 20px 30px #17332226; }
.outlet-picker [aria-pressed=true]::after { content:'✓'; position:absolute; right:16px; top:16px; width:27px; height:27px; border-radius:50%; background:#e7cd99; color:#183b2a; text-align:center; }
.menu-page .outlet-picker strong { font-size:40px; }
.menu-page .type-heading { margin-top:60px; padding-bottom:28px; }
.menu-types { background:#e6e4d9; padding:6px; border-radius:40px; box-shadow:inset 0 2px 5px #0000000d; }
.menu-page .menu-types button { border-radius:30px; transition:background .25s,color .25s,box-shadow .25s; }
.menu-page .menu-types [aria-pressed=true] { background:#173e2f; color:#fff6df; border-color:#173e2f; box-shadow:0 4px 10px #153c2d33; }
.menu-page .menu-title { margin-top:45px; }
.menu-page .menu-title h2 { font-size:64px; }
.menu-page .menu-notice { position:relative; margin:0 0 32px; padding:22px 26px 22px 62px; border:1px solid #c8b788; border-left:5px solid #b28e43; border-radius:12px; background:#fff8e7; box-shadow:0 8px 24px #183b2a14; color:#244331; font-size:clamp(15px,1.3vw,18px); font-weight:500; line-height:1.65; }
.menu-page .menu-notice::before { content:'✦'; position:absolute; left:23px; top:20px; color:#a17e36; font-size:22px; line-height:1; }
.menu-page .menu-notice a { display:inline-block; padding:2px 8px; border-radius:5px; background:#173e2f; color:#fff9e9; font-weight:700; text-decoration:none; white-space:nowrap; transition:background .2s,transform .2s; }
.menu-page .menu-notice a:hover { background:#286348; transform:translateY(-2px); }
.menu-page .dish-grid { gap:26px; }
.dish-group { position:relative; border:1px solid #dfd8c7; border-radius:10px; padding:30px; background:linear-gradient(120deg,#fffdf6,#f5f0e5); box-shadow:0 5px 0 #e6dfd0,0 15px 35px #23372708; }
.dish-group h3 { border-bottom:1px solid #b8a273; padding-bottom:16px; }
.dish-group h3::before { content:'✳'; font-family:serif; font-size:20px; color:#a48b53; margin-right:12px; }
.dish { transition:background .2s; }
.dish:hover { background:#e9eddc88; }
.dish:last-child { border-bottom:0; }
.dish span:last-child { color:#46623f; }
.menu-page .proposal { border-radius:12px; border-top:4px solid #b59a62; background:linear-gradient(135deg,#fffdf6,#f0ebde); box-shadow:0 7px 0 #ded6c5,0 20px 35px #132e2010; position:relative; }
.proposal::before { content:'✳'; font-size:38px; color:#af955d; display:block; margin-bottom:20px; }
.proposal:nth-child(2) { background:#183c2d; color:#faf3df; border-color:#d0b378; }
.proposal:nth-child(2) p,.proposal:nth-child(2) small { color:#d5ddcc; }
.menu-page .menu-ending { background:radial-gradient(ellipse at top,#2e5841,#102d24 70%); margin-top:10px; border-top:1px solid #b6a070; }
.menu-page .menu-ending a { border:1px solid #bba374; border-radius:40px; padding:12px 24px; }
@media(hover:hover) and (pointer:fine) { .menu-page .outlet-picker button:hover { transform:perspective(900px) rotateX(3deg) translateY(-5px); } .food-stage__main:hover { transform:rotate(3deg) translateY(-8px); } .food-stage__small:hover { transform:rotate(-6deg) translateY(-6px); } }
@media(max-width:1000px) { .menu-page .menu-intro h1 { font-size:70px; } .food-stage__small { height:190px; } .stage-seal { right:3%; width:95px; height:95px; font-size:8px; } }
@media(max-width:760px) { .menu-page .menu-nav { gap:18px; padding:20px 24px; } .menu-nav nav { flex-wrap:wrap; } .menu-page .menu-intro { grid-template-columns:1fr; } .menu-page .menu-intro__copy { padding:48px 24px 20px; } .menu-page .menu-intro h1 { font-size:clamp(52px,10vw,76px); } .menu-page .food-stage { min-height:460px; margin:0 24px; } .food-stage__main { inset:30px 12% 60px 15%; } .food-stage__small { left:0; bottom:30px; width:35%; height:190px; } .stage-seal { bottom:30px; } .menu-page .menu-workspace { padding:45px 22px; } .menu-page .outlet-picker button { min-height:170px; padding-top:40px; } .menu-page .type-heading { margin-top:40px; } .menu-page .menu-title h2 { font-size:46px; } .dish-group { padding:22px; } .hero-details { font-size:8px; gap:12px; } .step-heading p { font-size:23px; } .menu-types { max-width:100%; } }
@media(prefers-reduced-motion:reduce) { .menu-page *, .menu-page *::before, .menu-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .menu-page [data-depth],.menu-page .outlet-picker button:hover { transform:none!important; } }
.menu-page > main { padding-top:84px; }
.notebook { display:grid; grid-template-columns:1fr 1fr; height:565px; perspective:1400px; border:1px solid #ad986c; border-radius:18px; background:#f7f0de; box-shadow:0 5px 0 #b6a477,0 10px 0 #d0c1a0,0 30px 55px #183b2a26; overflow:hidden; }
.notebook__inside { position:relative; display:flex; flex-direction:column; justify-content:center; padding:clamp(38px,6vw,75px); background:radial-gradient(circle at 75% 25%,#3e694b,transparent 55%),#173a2b; color:#fff9e9; border-right:10px solid #bda978; box-shadow:inset -18px 0 22px #071d1640; }
.notebook__inside .menu-kicker { color:#d9c18b; }
.notebook__inside h3 { margin:24px 0; font-size:clamp(48px,5vw,80px); line-height:.94; }
.notebook__inside h3 em { color:#d9c18b; }
.notebook__inside p { max-width:22ch; color:#d7e1d6; }
.notebook__ornament { position:absolute; bottom:30px; right:38px; color:#d9c18b; font-size:65px; opacity:.6; }
.notebook__sheet { position:relative; min-height:0; padding:clamp(32px,4vw,55px); overflow-y:auto; scrollbar-gutter:stable; touch-action:pan-y; background:repeating-linear-gradient(0deg,#fbf7ec 0,#fbf7ec 36px,#e8e0cf 37px); transform-origin:left center; box-shadow:inset 8px 0 17px #5f503621,inset -10px 0 16px #c9b99545; backface-visibility:hidden; }
.notebook__sheet::before { content:''; position:absolute; left:12px; top:0; bottom:0; width:3px; background:#bba98166; pointer-events:none; }
.notebook__sheet::after { content:''; position:absolute; right:0; bottom:0; width:28px; height:28px; background:linear-gradient(135deg,#d9c9a6 0 48%,#bda978 50%,#f7f0de 55%); box-shadow:-3px -3px 9px #604d2926; pointer-events:none; }
.notebook__sheet.is-dragging { transform:rotateY(calc(var(--drag,0) * 55deg)); transition:none; }
.notebook__sheet.turn-forward { animation:notebookForward .6s ease-in-out both; }
.notebook__sheet.turn-backward { animation:notebookBackward .6s ease-in-out both; }
@keyframes notebookForward { 0%{transform:rotateY(0)} 49%{transform:rotateY(-88deg)} 51%{transform:rotateY(88deg)} 100%{transform:rotateY(0)} }
@keyframes notebookBackward { 0%{transform:rotateY(0)} 49%{transform:rotateY(88deg)} 51%{transform:rotateY(-88deg)} 100%{transform:rotateY(0)} }
.notebook__eyebrow { color:#7d6d49; font-size:10px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.notebook__sheet h3 { margin:15px 0 22px; font-size:clamp(38px,4vw,56px); color:#173a2b; }
.notebook__sheet ul { padding:0; margin:0 0 50px; list-style:none; columns:2; column-gap:26px; }
.notebook__sheet li { break-inside:avoid; padding:7px 0; border-bottom:1px solid #cfc5af; color:#334a38; font-size:14px; line-height:1.35; }
.notebook__folio { position:absolute; bottom:25px; right:38px; color:#8a7857; font-size:11px; letter-spacing:.15em; }
.notebook__controls { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:30px 0 60px; }
.notebook__controls button { border:1px solid #b4aa96; border-radius:40px; background:#fffaf0; color:#173a2b; padding:11px 19px; font:600 12px var(--font-body); cursor:pointer; }
.notebook__controls button:hover:not(:disabled) { border-color:#173a2b; background:#e4e9dc; }
.notebook__controls button:disabled { opacity:.4; cursor:default; }
.notebook__progress { color:#687463; font-size:12px; }
.buffet-list { display:grid; gap:16px; margin-bottom:70px; }
.buffet-card { border:1px solid #d0c4aa; border-radius:14px; background:#fffdf6; box-shadow:0 4px 0 #e3dac8; overflow:hidden; }
.buffet-card summary { display:flex; align-items:center; gap:20px; padding:22px 28px; cursor:pointer; list-style:none; }
.buffet-card summary::-webkit-details-marker { display:none; }
.buffet-card[open] summary { border-bottom:1px solid #e2d7c1; }
.buffet-card__number { color:#988254; font:italic 34px var(--font-display); }
.buffet-card__identity { flex:1; min-width:0; }
.buffet-card__identity strong { display:block; color:#173a2b; font:500 clamp(26px,3vw,38px) var(--font-display); }
.buffet-card__identity small { display:block; margin-top:6px; color:#687463; font-size:11px; }
.buffet-card__toggle { color:#988254; font-size:28px; line-height:1; transition:transform .25s; }
.buffet-card[open] .buffet-card__toggle { transform:rotate(45deg); }
.buffet-card__body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 36px; padding:28px; }
.buffet-card__body h4 { margin-bottom:10px; font-size:24px; color:#173a2b; }
.buffet-card__body p { color:#536557; font-size:14px; line-height:1.7; }
.buffet-unavailable { margin-bottom:65px; padding:clamp(30px,5vw,60px); border-radius:16px; background:#173a2b; color:#fff9e9; }
.buffet-unavailable h3 { font-size:clamp(34px,5vw,58px); }
.buffet-unavailable p { max-width:660px; margin:20px 0 26px; color:#d7e1d6; }
@media(max-width:900px) { .notebook { height:820px; grid-template-columns:1fr; grid-template-rows:220px minmax(0,1fr); } .notebook__inside { min-height:0; border-right:0; border-bottom:8px solid #bda978; } .notebook__inside h3 { margin:14px 0; } .notebook__ornament { font-size:48px; } }
@media(max-width:600px) { .notebook { height:840px; grid-template-rows:220px minmax(0,1fr); } .notebook__inside { padding:42px 28px 20px; } .notebook__inside h3 { margin:14px 0 8px; font-size:clamp(38px,10vw,46px); } .notebook__sheet { padding:30px 25px 55px; } .notebook__sheet ul { columns:1; } .notebook__controls { gap:8px; } .notebook__controls button { font-size:10px; padding:10px; } .buffet-card summary { flex-wrap:wrap; gap:8px 14px; padding:20px; } .buffet-card__toggle { margin-left:auto; } .buffet-card__body { grid-template-columns:1fr; padding:22px; } }
@media(hover:none) and (pointer:coarse) and (prefers-reduced-motion:no-preference) { .food-stage.depth-touched .food-stage__main { transform:rotate(4deg) rotateY(-6deg) translateY(-12px); box-shadow:16px 32px 0 #041b1840,0 44px 70px #0008; } .food-stage.depth-touched .food-stage__small { transform:rotate(-8deg) rotateY(7deg) translateY(-8px); } }
@media(hover:none) and (pointer:coarse) { .menu-page main { -webkit-touch-callout:none; } }
@media(prefers-reduced-motion:reduce) { .notebook__sheet.turn-forward,.notebook__sheet.turn-backward { animation:none; } .notebook__sheet.is-dragging { transform:none; } }