@import url('https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@400;500;600&family=Tiro+Devanagari+Hindi:ital@0;1&family=Yatra+One&display=swap');
:root{
 --forest:#0d2d1f; --forest2:#173e2d; --leaf:#52734d; --cream:#f5eedf; --sand:#dca65b;
 --saffron:#c9672c; --ink:#201d16; --card:#fffaf0; --line:rgba(32,29,22,.13);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Hind Madurai",sans-serif;line-height:1.62}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:50;background:rgba(13,45,31,.94);backdrop-filter:blur(14px);color:#fff}
.nav{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-family:"Yatra One",serif;font-size:1.75rem;letter-spacing:.02em;text-decoration:none}
.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{text-decoration:none;font-weight:600;font-size:.95rem}
.hero{min-height:78vh;position:relative;color:#fff;display:grid;align-items:end;background:
linear-gradient(90deg,rgba(6,28,18,.86),rgba(6,28,18,.27)),
url(https://commons.wikimedia.org/wiki/Special:Redirect/file/A%20traditional%20veg%20thali%20at%20Karnataka.jpg) center/cover no-repeat}
.hero-inner{max-width:1180px;width:100%;margin:auto;padding:90px 22px 76px}
.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:#eed3a0}
h1,h2,h3{margin-top:0;line-height:1.05}
h1,h2{font-family:"Tiro Devanagari Hindi",Georgia,serif}
h1{font-size:clamp(3.5rem,9vw,7.8rem);max-width:900px;margin:.1em 0 .18em}
h2{font-size:clamp(2.2rem,5vw,4.3rem);margin-bottom:.35em}
h3{font-family:"Yatra One",serif;font-size:1.65rem}
.hero-copy{font-size:1.25rem;max-width:650px;color:#f8f3e9}
.btn{display:inline-block;margin:15px 8px 0 0;padding:13px 19px;border-radius:999px;background:#f2c26c;color:#13271c;text-decoration:none;font-weight:700}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65)}
.section{max-width:1180px;margin:auto;padding:82px 22px}
.intro{max-width:720px;font-size:1.12rem}
.visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}
.scenic{min-height:430px;border-radius:28px;overflow:hidden;position:relative;background-size:cover;background-position:center}
.scenic:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 60%)}
.scenic-text{position:absolute;z-index:1;bottom:26px;left:28px;right:28px;color:#fff}
.scenic.green{background-image:url(https://commons.wikimedia.org/wiki/Special:Redirect/file/Tea%20plantation%20and%20road%20%2Cmunnar.jpg)}
.scenic.desert{background-image:url(https://commons.wikimedia.org/wiki/Special:Redirect/file/Sunset%20at%20Thar%20desert.jpg)}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.cat{background:var(--forest);color:#fff;padding:27px;border-radius:20px;text-decoration:none;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end}
.cat:nth-child(2){background:#8c4e29}.cat:nth-child(3){background:#b27a33}.cat:nth-child(4){background:#344b2c}
.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.recipe-card{background:var(--card);border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:0 12px 30px rgba(25,35,25,.08);transition:.2s transform}
.recipe-card:hover{transform:translateY(-5px)}
.recipe-card img{display:block;width:100%;height:250px;object-fit:cover;background:#d8d0bd}
.recipe-card .copy{padding:18px}.recipe-card p{margin:.4em 0;color:#645b4a}.region{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--saffron);font-weight:700}
.dark-band{background:var(--forest);color:#fff}.dark-band .section{padding-top:70px;padding-bottom:70px}
.quote{font-family:"Tiro Devanagari Hindi",Georgia,serif;font-size:clamp(2rem,5vw,4rem);max-width:900px}
.page-hero{min-height:54vh;color:#fff;display:flex;align-items:end;background-size:cover;background-position:center;position:relative}
.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,26,17,.88),rgba(5,26,17,.18))}
.page-hero .inner{position:relative;z-index:1;max-width:1180px;width:100%;margin:auto;padding:70px 22px}
.page-hero h1{font-size:clamp(3rem,8vw,6.5rem)}
.recipe-layout{max-width:1100px;margin:auto;padding:55px 22px 90px;display:grid;grid-template-columns:1fr .85fr;gap:44px}
.fact-row{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 30px}.pill{border:1px solid var(--line);background:#fff7e7;border-radius:999px;padding:6px 11px;font-size:.88rem}
.ingredients{background:#fff8e9;border-radius:24px;padding:24px}.ingredients li{margin-bottom:8px}
.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;position:relative;padding:0 0 22px 54px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff;font-weight:700}
.video-box{margin-top:30px;padding:24px;border-radius:20px;background:#e7ddc6}
.breadcrumb{font-size:.88rem;margin-bottom:18px;color:#7a6d57}
.category-head{padding:70px 22px 35px;max-width:1180px;margin:auto}
.category-head h1{font-size:clamp(3rem,8vw,6rem)}
footer{background:#081f15;color:#e8ddcb;padding:42px 22px}.foot{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.credit{font-size:.82rem;color:#766c5c}
@media(max-width:900px){.categories,.recipe-grid{grid-template-columns:1fr 1fr}.recipe-layout{grid-template-columns:1fr}.visual-pair{grid-template-columns:1fr}.scenic{min-height:340px}}
@media(max-width:600px){.nav-links{display:none}.categories,.recipe-grid{grid-template-columns:1fr}.recipe-card img{height:290px}.hero{min-height:72vh}}