:root{
  --plum:#24111B; --plum-2:#331A26; --velvet:#4E2C3B; --gold:#D9A84E; --gold-soft:#F1DDAE;
  --ivory:#FBF4E6; --paper:#F7EEDC; --ink:#2A1520; --ink-2:#6B4A55; --leaf:#4E8A2E; --chili:#C2502C;
  --display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --body:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gutter:max(16px,5vw);
  --nav-h:78px;
  color-scheme:dark;
}
@media (max-width:620px){:root{--nav-h:64px}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--plum);color:var(--ivory);font:17px/1.6 var(--body);overflow-x:clip}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;text-wrap:balance;line-height:1.05}
p{margin:0}
.wrap{padding-inline:var(--gutter);max-width:1100px;margin-inline:auto}
.eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.lattice{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='92' viewBox='0 0 80 92'%3E%3Cpath d='M40 0L80 23V69L40 92L0 69V23Z M40 23L60 34.5V57.5L40 69L20 57.5V34.5Z M40 0V23 M80 23L60 34.5 M80 69L60 57.5 M40 92V69 M0 69L20 57.5 M0 23L20 34.5' fill='none' stroke='%23D9A84E' stroke-opacity='.13'/%3E%3C/svg%3E")}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--plum) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--velvet)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--nav-h);max-width:1240px}
.brand{display:flex;align-items:center;flex:none;background:#fff;border-radius:12px;padding:6px 14px}
.brand img{height:44px;width:auto}
.links{display:flex;gap:22px;font-size:15px;align-items:center}
.links a{color:var(--gold-soft);opacity:.85}
.links a:hover,.links a[aria-current="page"]{opacity:1;color:var(--gold)}
.links .cta{background:var(--gold);color:var(--plum);opacity:1;padding:8px 16px;border-radius:999px;font-weight:600}
.links .cta:hover{color:var(--plum)}
@media (max-width:620px){.links .opt{display:none}.links{gap:14px}.brand{padding:5px 10px}.brand img{height:38px}}
@media (max-width:380px){.links .opt-sm{display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:600;font-size:15px;border:1px solid var(--gold);font-family:var(--body)}
.btn.solid{background:var(--gold);color:var(--plum)}
.btn.ghost{color:var(--gold-soft)}
.btn.ghost:hover{background:rgba(217,168,78,.12)}
.top{padding-block:48px 56px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--gold-soft);margin-bottom:18px}
.crumbs a{text-decoration:underline;text-underline-offset:3px}
.top h1{font-size:clamp(42px,6.4vw,78px);margin:12px 0 16px}
.top h1 em{font-style:italic;color:var(--gold);font-weight:500}
.lede{font-size:19px;color:var(--gold-soft);max-width:48ch}
.price{font-family:var(--display);font-size:32px;color:var(--gold);margin-top:18px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.sheet{background:var(--paper);color:var(--ink);padding-block:56px 72px}
.layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}
.prose p{font-size:18px;line-height:1.7;color:var(--ink-2);margin-bottom:16px}
.prose h2{font-size:clamp(32px,4vw,46px);color:var(--ink);margin:32px 0 12px}
.prose a{color:var(--chili);text-decoration:underline;text-underline-offset:3px}
.prose strong{color:var(--ink);font-weight:600}
.sheet figure{margin:0}
.sheet img{width:100%;border-radius:18px;aspect-ratio:4/3;object-fit:cover}
.sheet figcaption{margin-top:10px;font-size:14px;color:var(--ink-2)}
.faq{display:grid;gap:10px;margin-top:8px}
.faq details{border:1px solid #E3D2B4;border-radius:16px;padding:16px 18px;background:#FFFBF2}
.faq summary{cursor:pointer;font-family:var(--display);font-size:24px;line-height:1.25}
.faq details p{margin:10px 0 0}
.more{padding-block:64px}
.more h2{font-size:clamp(32px,4vw,48px);margin-bottom:22px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cards a{display:grid;gap:8px;background:var(--plum-2);border:1px solid var(--velvet);border-radius:16px;overflow:hidden}
.cards img{aspect-ratio:4/3;object-fit:cover;width:100%}
.cards span{padding:0 14px;font-family:var(--display);font-size:24px}
.cards b{padding:0 14px 14px;color:var(--gold);font-family:var(--display);font-size:20px;font-weight:600}
.cards a:hover{border-color:var(--gold)}
.orderbar{background:var(--gold);color:var(--plum);padding-block:40px}
.orderbar .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center}
.orderbar h2{font-size:clamp(36px,5vw,56px)}
.orderbar p{font-size:17px;margin-top:8px}
.orderbar address{font-style:normal;font-size:17px}
.orderbar p a{text-decoration:underline;text-underline-offset:3px}
.apps{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.app{display:inline-flex;justify-content:center;align-items:center;padding:12px 18px;border-radius:999px;font-weight:600;font-size:15px;color:#fff}
.app.swiggy{background:#FC8019}
.app.zomato{background:#E23744}
footer{padding-block:28px 36px;color:var(--gold-soft);font-size:14px;border-top:1px solid var(--velvet)}
footer .wrap{display:grid;gap:14px;max-width:1240px}
.foot-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot-top a{text-decoration:underline;text-underline-offset:3px}
.guides{display:flex;flex-wrap:wrap;gap:8px 16px}
.guides a{opacity:.85}
.guides a:hover,.guides a[aria-current="page"]{opacity:1;color:var(--gold)}
.menu-grid{display:grid;gap:18px}
.menu-card{display:grid;grid-template-columns:160px 1fr;gap:18px;background:#FFFBF2;border:1px solid #E8D8BB;border-radius:18px;padding:14px;color:var(--ink)}
.menu-card img{width:100%;height:100%;object-fit:cover;border-radius:12px;aspect-ratio:1}
.menu-card h2{font-size:30px;margin:0}
.menu-card p{color:var(--ink-2);margin:8px 0}
.menu-card .amt{font-family:var(--display);font-size:26px;font-weight:700}
.menu-card a{color:var(--chili);font-weight:600;font-size:15px}
@media (max-width:860px){
  .layout,.orderbar .wrap,.cards{grid-template-columns:1fr}
  .sheet figure{order:-1}
}
@media (max-width:620px){
  .top{padding-block:32px 40px}
  .lede,.prose p{font-size:16px}
  .actions .btn{flex:1}
  .menu-card{grid-template-columns:96px 1fr}
  .menu-card h2{font-size:24px}
  .foot-top{flex-direction:column;gap:6px}
}