:root{
  --ink:#233129;
  --muted:#5b6759;
  --page:#fafbf7;
  --line:#d7ded1;
  --green-dark:#1b3c2e;
  --green-rule:#41603e;
  --panel:#e4eada;
  --tile-line:#dce2d5;
  --focus:#146fba;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;color:var(--ink);background:var(--page);font:400 16px/1.6 'Manrope',Arial,sans-serif}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:700;line-height:1.1;letter-spacing:-.025em}
h2{font-size:clamp(2rem,3.3vw,3rem);letter-spacing:-.04em}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
p+p{margin-top:16px}
em{font-style:normal}
.wrap{width:min(1344px,calc(100% - 80px));margin-inline:auto}
.section-space{padding-block:76px}
.eyebrow{font-size:.75rem;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}

.skip{position:fixed;top:12px;left:12px;padding:12px 20px;background:#fff;color:#111;z-index:100;transform:translateY(-200%)}
.skip:focus{transform:translateY(0)}
:focus-visible{outline:3px solid var(--focus);outline-offset:5px;border-radius:3px}
.headline-band :focus-visible,.contact :focus-visible{outline-color:#fff}

.site-header{min-height:112px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:1px solid var(--line)}
.site-header nav{display:flex;gap:28px;font-size:.875rem;font-weight:500}
.site-header nav a{padding:12px 0}
.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.house-logo{justify-self:center;padding:6px}
.house-logo img{width:160px;height:auto}
.header-contact{justify-self:end;text-align:right;font-size:.875rem;font-weight:500;color:var(--muted)}
.header-contact a{display:block;margin-top:2px;font-size:.9375rem;color:var(--ink)}
.header-contact a:hover{text-decoration:underline;text-underline-offset:4px}

.headline-band{background:var(--green-dark);color:#fff;padding:40px 0 48px}
.headline-band .eyebrow{color:#d3ddd3}
.headline-row{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-top:23px}
.headline-band h1{font-size:clamp(3rem,6.5vw,6rem);font-weight:800;line-height:1.04;letter-spacing:-.05em}
.down{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #fff;color:#fff;font-size:1.8rem}
.down:hover{background:#fff;color:var(--green-dark)}

.directory{padding:40px 0 56px}
.directory-title{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:30px}
.directory-title h2{font-size:2rem;letter-spacing:-.035em}
.directory-title p{font-size:.875rem;color:#596750}
.four-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.category{background:var(--panel);border-top:2px solid var(--green-rule);padding:23px 14px 15px}
.category h3{font-size:1.6rem;letter-spacing:-.035em;margin-bottom:22px}
.brand-grid{display:grid;gap:12px;align-content:start}
.brand-link{display:block;min-width:0;background:#fff;border:1px solid var(--tile-line);padding:11px;transition:transform .18s,box-shadow .18s}
.brand-link:hover{transform:translateY(-2px);box-shadow:0 5px 16px #26332a12}
.brand-logo{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;height:78px;min-width:0;background:#fff}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.brand-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 2px 0}
.brand-label strong{font-size:.8125rem;font-weight:600;line-height:1.3}
.brand-label>span{flex-shrink:0}
.arrow{display:block;width:15px;height:15px;flex:none}

.logo-indian-by-nature img{width:155%;height:155%;max-width:none;flex-shrink:0;transform:translateY(17%)}
.logo-thaichisan,.logo-gudwala,.logo-mishti,.logo-sona,.logo-fruitfi,.logo-ibn-good-food,.logo-veggie-mania,.logo-south-indies,.logo-crumbz,.logo-pomodoro,.logo-texmex{padding:var(--logo-pad,7px 10px)}
.logo-thaichisan img,.logo-gudwala img,.logo-mishti img,.logo-sona img,.logo-fruitfi img,.logo-ibn-good-food img,.logo-veggie-mania img,.logo-south-indies img,.logo-crumbz img,.logo-pomodoro img,.logo-texmex img{width:100%;height:100%;object-fit:contain}
.logo-thaichisan{background:#fcf8ed}.logo-gudwala,.logo-fruitfi{background:#fef7e7}.logo-mishti{background:#fdf5ea}.logo-sona{background:#fef9f5}.logo-crumbz{background:#fef0d5}.logo-pomodoro{background:#f8ecd6}.logo-texmex{background:#fff3e3}
.detail-logo{--logo-pad:14px 22px}
.logo-mithas img,.logo-nukkad img,.logo-echo img{width:135%;height:135%;max-width:none;flex-shrink:0}
.combo{display:grid;grid-template-columns:1fr 1fr;gap:3px;--logo-pad:6px}
.detail-logo .combo{--logo-pad:12px}
.combo>span{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}

.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:84px;border-top:1px solid var(--line)}
.about h2{margin:18px 0 24px}
.about h2 em{color:#667b49}
.about p:not(.eyebrow){color:var(--muted);max-width:520px}
.quiet-photo{width:100%;height:340px;object-fit:cover;object-position:center 62%}

.principles{background:#edf1e6}
.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:32px}
.principle-grid article{border-top:1px solid #cbd4c1;padding-top:22px}
.principle-grid h3{font-size:1.35rem;margin-bottom:12px}
.principle-grid p{font-size:.9375rem;color:#596750;max-width:350px}

.contact{background:var(--green-dark);color:#fff;padding-block:55px}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.contact h2{margin:12px 0}
.contact p:not(.eyebrow){color:#d3ddd3;font-size:.9375rem}
.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.contact-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #ffffff50;font-size:.75rem}
.contact-option strong{display:block;margin-top:8px;font-size:1rem;font-weight:500}
a.contact-option:hover strong{text-decoration:underline;text-underline-offset:4px}
.contact-option .arrow{width:14px;height:14px}

.footer{display:flex;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:96px;font-size:.75rem}
.footer>a{white-space:nowrap}

.whatsapp{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.18),0 2px 5px rgba(0,0,0,.12);z-index:40;transition:transform .18s,box-shadow .18s,background .18s}
.whatsapp svg{width:32px;height:32px;flex:none}
.whatsapp:hover{background:#20bd5c;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.12)}
.whatsapp:focus-visible{outline:3px solid #146fba;outline-offset:3px}

.brand-detail{padding-block:32px 85px;max-width:820px;text-align:center;min-height:70vh}
.back{display:inline-block;padding:12px 0;font-size:.875rem;text-decoration:underline;text-underline-offset:5px}
.back-top{display:block;width:fit-content;margin-bottom:14px}
.detail-logo{width:min(440px,100%);margin:0 auto 38px;border:1px solid #e3e6dd;padding:24px;background:#fff}
.detail-logo .brand-logo{height:155px}
.brand-detail h1{font-size:clamp(2.3rem,5vw,4rem);font-weight:800;letter-spacing:-.045em;margin:16px 0 22px}
.brand-detail>p:not(.eyebrow){max-width:650px;margin-inline:auto;color:#576153;font-size:1.1rem}
.enquire{display:flex;align-items:center;justify-content:center;gap:30px;width:fit-content;min-height:48px;margin:32px auto 20px;padding:13px 23px;background:var(--green-dark);color:#fff;font-weight:600}
.enquire .arrow{width:16px;height:16px}

@media (max-width:1050px){
  .wrap{width:calc(100% - 48px)}
  .site-header nav{gap:18px}
  .about{gap:42px}
  .contact-inner{gap:40px}
  .contact-options{grid-template-columns:1fr;gap:22px}
  .section-space{padding-block:60px}
}
@media (max-width:1000px){
  .four-columns{gap:12px}
  .category{padding:20px 10px 12px}
  .category h3{font-size:1.4rem}
  .directory-title{display:block}
  .directory-title p{margin-top:8px}
}
@media (max-width:760px){
  .headline-band{padding:32px 0 36px}
  .headline-band h1{font-size:8vw}
  .headline-row{gap:12px}
  .down{width:42px;height:42px;font-size:1.4rem}
  .directory{padding:32px 0 48px}
  .directory-title h2{font-size:1.8rem}
  .four-columns{grid-template-columns:1fr;gap:20px;align-items:start}
  .category{padding:20px 14px 16px}
  .category h3{font-size:1.6rem;margin-bottom:18px}
  .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}
@media (max-width:700px){
  .wrap{width:calc(100% - 32px)}
  .site-header{min-height:0;grid-template-columns:1fr auto;gap:2px 16px;padding:10px 0 6px}
  .house-logo{grid-row:1;grid-column:1/-1}
  .house-logo img{width:146px}
  .site-header nav{grid-row:2;grid-column:1;gap:16px;font-size:.8125rem}
  .header-contact{grid-row:2;grid-column:2;font-size:.8125rem}
  .section-space{padding-block:48px}
  .about{grid-template-columns:1fr;gap:28px}
  .quiet-photo{height:250px}
  .principle-grid{grid-template-columns:1fr;gap:24px}
  .principle-grid p{max-width:none}
  .contact{padding-block:45px}
  .contact-inner{grid-template-columns:1fr;gap:28px}
  .contact-options{grid-template-columns:1fr 1fr;gap:16px}
  .contact-option{font-size:.6875rem}
  .contact-option strong{font-size:.9375rem}
  .footer{flex-wrap:wrap;gap:10px}
  .footer>span:nth-child(2){width:100%;order:3}
  .footer>a{margin-left:auto}
  .whatsapp{right:16px;bottom:16px;width:54px;height:54px}
  .whatsapp svg{width:30px;height:30px}
  .brand-link{padding:9px}
  .brand-detail{padding-block:24px 60px}
  .brand-detail>p:not(.eyebrow){font-size:1rem}
  .detail-logo{padding:15px;margin-bottom:28px}
}
@media (max-width:480px){
  .brand-grid{grid-template-columns:1fr 1fr}
  .brand-logo{height:76px}
  .category-banquet .brand-grid{grid-template-columns:1fr}
  .category-banquet .brand-link{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}
  .category-banquet .brand-logo{height:85px}
}
@media (max-width:400px){
  .site-header{grid-template-columns:1fr;justify-items:center}
  .header-contact{grid-row:2;grid-column:1;justify-self:center;text-align:center}
  .site-header nav{grid-row:3;grid-column:1}
  .headline-band{padding:30px 0 34px}
  .headline-band h1{font-size:8.8vw}
  .headline-row{display:block}
  .down{display:none}
  .contact-options{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .brand-link:hover,.whatsapp:hover{transform:none}
}