:root{
  --bg:#fbf5ea;--paper:#fffaf0;--ink:#2b1d14;--muted:#7a6350;
  --turq:#0f7c8a;--turq-d:#0a5662;--saffron:#e0a526;--chili:#c4402f;--pomegranate:#8e1f3a;
  --line:#e8d9bd;--radius:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Times New Roman",serif;background:var(--bg);color:var(--ink);line-height:1.65;font-size:17px}
a{color:var(--turq-d);text-decoration:none}
a:hover{color:var(--chili)}
img,svg{max-width:100%;display:block}
.wrap{width:min(1100px,92vw);margin:0 auto}

/* ikat-like ornament strip */
.strip{height:14px;background:
 repeating-linear-gradient(90deg,var(--turq) 0 24px,var(--saffron) 24px 36px,var(--pomegranate) 36px 60px,var(--paper) 60px 72px);
 clip-path:polygon(0 0,100% 0,100% 55%,98% 100%,96% 55%,94% 100%,92% 55%,90% 100%,88% 55%,86% 100%,84% 55%,82% 100%,80% 55%,78% 100%,76% 55%,74% 100%,72% 55%,70% 100%,68% 55%,66% 100%,64% 55%,62% 100%,60% 55%,58% 100%,56% 55%,54% 100%,52% 55%,50% 100%,48% 55%,46% 100%,44% 55%,42% 100%,40% 55%,38% 100%,36% 55%,34% 100%,32% 55%,30% 100%,28% 55%,26% 100%,24% 55%,22% 100%,20% 55%,18% 100%,16% 55%,14% 100%,12% 55%,10% 100%,8% 55%,6% 100%,4% 55%,2% 100%,0 55%)}

header.site{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;font-size:1.45rem;font-weight:bold;color:var(--pomegranate);letter-spacing:.5px}
.logo svg{width:36px;height:36px}
nav a{margin-left:22px;font-family:system-ui,Segoe UI,Arial,sans-serif;font-size:.95rem;color:var(--ink);padding-bottom:3px;border-bottom:2px solid transparent}
nav a:hover,nav a.on{border-color:var(--saffron);color:var(--ink)}

.hero{background:radial-gradient(circle at 80% 20%,#f6dba0 0,transparent 45%),linear-gradient(135deg,#fff3d6,#fbe6bd);padding:80px 0 70px}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;color:var(--pomegranate)}
.hero p{margin:18px 0 26px;max-width:520px;color:var(--muted);font-size:1.1rem}
.btn{display:inline-block;background:var(--turq);color:#fff;padding:12px 26px;border-radius:999px;font-family:system-ui,Arial,sans-serif;font-weight:600;border:0;cursor:pointer}
.btn:hover{background:var(--turq-d);color:#fff}
.btn.alt{background:transparent;color:var(--turq-d);border:2px solid var(--turq);margin-left:10px}
.btn.alt:hover{background:var(--turq);color:#fff}

section{padding:64px 0}
section h2{font-size:2rem;color:var(--pomegranate);margin-bottom:8px}
.lead{color:var(--muted);margin-bottom:34px;max-width:640px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 18px rgba(80,50,10,.06);transition:transform .2s}
.card:hover{transform:translateY(-4px)}
.card .pic{height:150px;display:flex;align-items:center;justify-content:center}
.card .body{padding:16px 18px 20px}
.card h3{font-size:1.2rem;margin-bottom:4px}
.card .price{float:right;color:var(--chili);font-weight:bold;font-family:system-ui,Arial,sans-serif}
.card p{color:var(--muted);font-size:.95rem}
.tag{display:inline-block;font:600 .72rem system-ui,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--turq-d);background:#d9f0f2;border-radius:999px;padding:2px 10px;margin-bottom:8px}

.alt-bg{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.facts div{text-align:center;padding:18px;border:1px dashed var(--saffron);border-radius:var(--radius)}
.facts b{display:block;font-size:2rem;color:var(--turq-d)}

table.menu{width:100%;border-collapse:collapse;margin-bottom:40px;background:var(--paper);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
table.menu th{background:var(--turq);color:#fff;text-align:left;padding:12px 16px;font-family:system-ui,Arial,sans-serif;font-weight:600}
table.menu td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top}
table.menu td:last-child{text-align:right;color:var(--chili);font-weight:bold;white-space:nowrap;font-family:system-ui,Arial,sans-serif}
table.menu small{display:block;color:var(--muted)}

form{display:grid;gap:14px;max-width:520px}
input,textarea,select{font:inherit;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;width:100%}
input:focus,textarea:focus{outline:2px solid var(--turq);border-color:transparent}
.hours li{list-style:none;display:flex;justify-content:space-between;border-bottom:1px dotted var(--line);padding:6px 0;max-width:340px}

footer{background:#2b1d14;color:#e9d9bf;padding:42px 0 26px;margin-top:40px;font-family:system-ui,Arial,sans-serif;font-size:.92rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}
footer a{color:#f3c862}
footer small{width:100%;border-top:1px solid #4a372a;padding-top:16px;color:#a89478}

@media(max-width:800px){
  .hero .wrap,.two{grid-template-columns:1fr}
  nav a{margin-left:12px;font-size:.85rem}
  .facts{grid-template-columns:1fr}
}