:root{--bg:#080705;--panel:#11100d;--gold:#e7b64c;--gold2:#f8d982;--cream:#f5efe4;--muted:#b8ad9a;--line:#3c2e17;--green:#16bf57}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif}h1,h2,h3,.brand{font-family:"Cormorant Garamond",serif}h1{font-size:clamp(3rem,6vw,6.5rem);line-height:.92;margin:.25em 0}h2{font-size:clamp(2.3rem,4vw,4rem);margin:.1em 0}h3{font-size:1.55rem;margin:.55rem 0}.eyebrow{font-size:.72rem;letter-spacing:.24em;color:var(--gold);font-weight:700}.lead{font-size:1.15rem;line-height:1.7;max-width:720px;color:#eee}.nav{height:78px;position:sticky;top:0;z-index:30;background:rgba(8,7,5,.92);backdrop-filter:blur(16px);border-bottom:1px solid #2b2111;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;align-items:center;gap:12px;color:var(--gold2);text-decoration:none;letter-spacing:.08em}.brand>span{border:0;width:auto;height:auto;border-radius:0;font-size:inherit}.brand b{font-size:1.15rem}.brand small{display:block;font-family:Inter;font-size:.52rem;letter-spacing:.24em;margin-top:2px}.nav nav{display:flex;align-items:center;gap:24px}.nav nav a,footer a{color:#fff;text-decoration:none;font-size:.84rem}.nav nav a:hover{color:var(--gold)}.menu-btn{display:none;background:none;color:var(--gold);border:0;font-size:1.7rem}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{padding:9vw 3vw 6vw 6vw;position:relative;z-index:2;background:radial-gradient(circle at 80% 30%,#2b1a0b 0,transparent 45%),#080705}.hero h1 em,.section-head em{color:var(--gold2);font-weight:500}.hero-photo{position:relative}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080705 0,transparent 35%),linear-gradient(0deg,#080705 0,transparent 30%)}.hero-photo img{width:100%;height:100%;object-fit:cover}.trust{display:flex;gap:22px;flex-wrap:wrap;margin:25px 0;color:#ddd;font-size:.9rem}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.gold-btn,.outline-btn,.wa-btn,.insta-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:700;border:0;cursor:pointer}.gold-btn{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#181108}.gold-btn.small{padding:10px 18px}.outline-btn{border:1px solid var(--gold);color:#fff}.micro{color:var(--muted);font-size:.83rem}.section{padding:85px 6vw}.dark{background:#090806}.section-head{text-align:center;max-width:850px;margin:0 auto 36px}.section-head.left{text-align:left;margin-left:0}.section-head p:not(.eyebrow){color:var(--muted);line-height:1.6}.occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.occasion-grid article,.dish-row article,.review-grid blockquote{background:linear-gradient(180deg,#15130f,#0e0d0b);border:1px solid #2c2417;border-radius:16px;overflow:hidden;text-align:center}.occasion-grid img{width:100%;height:190px;object-fit:cover}.occasion-grid p{color:var(--muted);font-size:.85rem;padding:0 12px 20px}.popular{padding:65px 6vw}.dish-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.dish-row article{text-align:left}.dish-row img{width:100%;height:150px;object-fit:cover}.dish-row b{display:block;padding:12px 14px}.why{background:var(--cream);color:#15120d;padding:75px 6vw}.why .eyebrow{color:#9b6b14}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:auto}.why-grid article{text-align:center;padding:20px 30px;border-right:1px solid #d8cfbf}.why-grid article:last-child{border:0}.why-grid i{font-style:normal;font-size:1.7rem;color:#9b6b14}.why-grid p{color:#6f6558;font-size:.9rem}.menu-section{background:#f8f2e7;color:#17130d;padding:85px 6vw}.menu-section .eyebrow{color:#9b6b14}.tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:30px}.tab{border:1px solid #d7cbb9;background:#fff;padding:12px 20px;border-radius:999px;cursor:pointer}.tab.active{background:#18130c;color:#f4c55f;border-color:#18130c}.menu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:auto}.menu-card{background:#fff;border:1px solid #e5dbcb;border-radius:16px;padding:24px;box-shadow:0 10px 25px rgba(64,44,12,.06)}.menu-card h3{color:#8b5c0c}.menu-card ul{padding-left:18px;margin:0;columns:1}.menu-card li{margin:8px 0;color:#4d463c;font-size:.9rem}.gallery{padding:85px 6vw}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:10px}.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:14px;border:1px solid #322816}.gallery-grid .wide{grid-row:span 1}.reviews{padding:75px 6vw}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-grid blockquote{margin:0;padding:25px;text-align:left;color:var(--gold)}.review-grid p{color:#fff;line-height:1.65}.review-grid small{color:#7e7567}.quote{padding:85px 6vw;background:radial-gradient(circle at 85% 20%,#3a210a,transparent 30%),#090806}.quote-wrap{display:grid;grid-template-columns:1.5fr .7fr;gap:18px;max-width:1000px;margin:auto}.quote form{background:#f8f6f2;color:#17130d;padding:22px;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote label{font-size:.78rem;font-weight:700}.quote input,.quote select,.quote textarea{width:100%;padding:12px;border:1px solid #ddd5c8;border-radius:8px;margin-top:6px;font:inherit}.quote textarea{min-height:100px}.full{grid-column:1/-1}.wa-btn{background:var(--green);color:#fff}.quote aside{border:1px solid #3c2e17;border-radius:16px;padding:25px;background:#0f0d09}.quote aside h3{color:var(--gold2)}.quote aside p,.quote aside li{color:#ddd;font-size:.9rem;line-height:1.8}.community{padding:55px 6vw;background:linear-gradient(90deg,#251307,#090806 70%);display:flex;align-items:center;justify-content:space-between;gap:30px}.community-actions{display:flex;gap:12px;flex-wrap:wrap}.insta-btn{background:linear-gradient(90deg,#ff7a32,#d21883);color:#fff}footer{padding:45px 6vw;background:#050504;border-top:1px solid #241b0e;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;color:#a99f90;font-size:.85rem}.footer-brand{grid-column:1/-1}.float-wa{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;text-decoration:none;font-size:1.7rem;box-shadow:0 8px 30px rgba(0,0,0,.4);z-index:25}@media(max-width:900px){.menu-btn{display:block}.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0b0a08;padding:22px 6vw;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:90px 6vw 35px}.hero-photo{height:380px;order:-1}.hero-photo:after{background:linear-gradient(0deg,#080705 0,transparent 60%)}.occasion-grid,.why-grid,.review-grid{grid-template-columns:1fr 1fr}.dish-row{grid-template-columns:repeat(2,1fr)}.menu-cards{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.quote-wrap{grid-template-columns:1fr}.community{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){h1{font-size:3.15rem}.hero-photo{height:300px}.occasion-grid,.why-grid,.menu-cards,.review-grid,footer{grid-template-columns:1fr}.why-grid article{border-right:0;border-bottom:1px solid #d8cfbf}.dish-row{display:flex;overflow:auto}.dish-row article{min-width:210px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:210px}.quote form{grid-template-columns:1fr}.full{grid-column:auto}.nav{padding:0 4vw}.brand b{font-size:.95rem}}

/* V5 premium depth & motion */
:root{--mx:50%;--my:50%}
.hero-photo,.occasion-grid article,.dish-row article,.gallery-grid img,.why-grid article{transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,filter .35s ease}
.hero-photo{perspective:1200px;position:relative}
.hero-photo::after{content:"";position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(circle at var(--mx) var(--my),rgba(230,184,76,.22),transparent 58%);filter:blur(28px);pointer-events:none;z-index:-1}
.hero-photo img{transform:translateZ(22px);filter:saturate(1.08) contrast(1.04);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.hero-photo:hover img{transform:translateZ(38px) scale(1.025);filter:saturate(1.13) contrast(1.06)}
.occasion-grid article:hover,.dish-row article:hover,.why-grid article:hover{transform:translateY(-8px) rotateX(1.5deg);box-shadow:0 22px 55px rgba(0,0,0,.42),0 0 0 1px rgba(230,184,76,.28)}
.occasion-grid article img,.dish-row article img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.occasion-grid article:hover img,.dish-row article:hover img{transform:scale(1.06);filter:saturate(1.1) contrast(1.04)}
.gallery-grid img:hover{transform:translateY(-5px) scale(1.018);box-shadow:0 20px 48px rgba(0,0,0,.48);filter:saturate(1.08) contrast(1.04)}
.gold-btn,.wa-btn,.outline-btn,.insta-btn{transition:transform .2s ease,box-shadow .25s ease,filter .25s ease}
.gold-btn:hover,.wa-btn:hover,.outline-btn:hover,.insta-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 30px rgba(230,184,76,.18)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.hero-photo,.occasion-grid article,.dish-row article,.gallery-grid img,.why-grid article{transition:none!important}}
@media (max-width:760px){.occasion-grid article:hover,.dish-row article:hover,.why-grid article:hover,.gallery-grid img:hover{transform:none}.hero-photo:hover img{transform:none}}

/* V6 finishing pass */
.hero{min-height:calc(100vh - 78px);align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding-top:70px;padding-bottom:70px}.hero-copy h1{max-width:760px;text-wrap:balance}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-photo{min-height:620px;overflow:hidden}.hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,5,.2),transparent 22%);z-index:1;pointer-events:none}.occasion-grid article,.dish-row article{overflow:hidden}.occasion-grid article img{aspect-ratio:16/9;object-fit:cover}.dish-row article img{aspect-ratio:16/10;object-fit:cover}.popular{padding-top:50px;padding-bottom:80px}.menu-section{padding-top:95px;padding-bottom:110px;background:radial-gradient(circle at 50% 0,rgba(231,182,76,.10),transparent 34%),var(--cream)}.menu-section .section-head{max-width:800px;margin-left:auto;margin-right:auto}.tabs{position:sticky;top:88px;z-index:10;background:rgba(245,239,228,.9);backdrop-filter:blur(12px);padding:10px;border-radius:999px;width:max-content;max-width:94vw;margin:25px auto 30px;box-shadow:0 10px 35px rgba(67,46,13,.08)}.menu-note{max-width:1180px;margin:0 auto 22px;padding:18px 22px;border-radius:16px;background:#17130d;color:#fff;display:flex;align-items:center;gap:18px;border:1px solid #3c2e17}.menu-note strong{font-family:"Cormorant Garamond",serif;color:var(--gold2);font-size:1.35rem}.menu-note span{color:#c9c0b2;font-size:.88rem;flex:1}.menu-note a{color:var(--gold2);text-decoration:none;font-weight:700;font-size:.84rem}.menu-cards{align-items:start}.menu-card{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.menu-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--gold2),#9c6811)}.menu-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(64,44,12,.12)}.menu-card h3{font-size:1.75rem}.menu-card li::marker{color:#bd861d}.gallery-grid img{background:#17130d}.quote-wrap{max-width:1100px}.community{border-top:1px solid rgba(231,182,76,.2);border-bottom:1px solid rgba(231,182,76,.12)}
@media(max-width:900px){.hero{min-height:auto}.hero-photo{min-height:420px}.hero-copy{padding-top:55px}.tabs{top:82px}.menu-note{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:560px){.hero-photo{min-height:310px}.hero-copy h1{font-size:3rem}.tabs{width:100%;border-radius:18px;display:grid;grid-template-columns:1fr}.tab{width:100%}.menu-note{margin-left:4vw;margin-right:4vw}.gallery{padding-left:4vw;padding-right:4vw}}

/* V7 Darsh Delights brand system */
:root{
  --gold:#D8B46A;
  --gold-light:#F2D58A;
  --gold-dark:#A97A32;
  --black:#080705;
  --surface:#11100E;
  --bg:var(--black);
  --panel:var(--surface);
  --gold2:var(--gold-light);
  --line:#3b2d18;
}
.nav{border-bottom-color:rgba(216,180,106,.18)}
.brand{gap:11px;min-width:0;letter-spacing:0;transition:transform .3s ease,filter .3s ease}
.brand-mark{width:58px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;filter:drop-shadow(0 2px 8px rgba(216,180,106,.08));transition:transform .3s ease,filter .3s ease}
.brand-logo-svg{display:block;width:100%;height:100%;overflow:visible}
.brand-logo-svg .brand-d{stroke-width:3.25}
.brand-logo-svg .brand-swoosh{stroke-width:3.1}
.brand-logo-svg .brand-swoosh.thin{stroke-width:1.65;opacity:.86}
.brand-logo-svg .brand-leaf{stroke-width:2.2}
.brand-copy{display:flex;flex-direction:column;justify-content:center;line-height:1}
.brand-name{font-family:"Cormorant Garamond",serif;font-size:1.17rem;font-weight:700;letter-spacing:.105em;color:var(--gold-light);white-space:nowrap}
.brand-tagline{font-family:Inter,Arial,sans-serif;font-size:.49rem;font-weight:600;letter-spacing:.38em;color:var(--gold);margin-top:5px;white-space:nowrap}
.brand:hover .brand-mark{transform:translateY(-1px);filter:drop-shadow(0 3px 9px rgba(216,180,106,.2))}
.footer-brand{grid-column:1/-1;width:max-content}
.footer-brand .brand-mark{width:76px;height:62px}
.footer-brand .brand-name{font-size:1.42rem}
.footer-brand .brand-tagline{font-size:.53rem}
.nav nav a:focus-visible,.brand:focus-visible,.menu-btn:focus-visible,.gold-btn:focus-visible,.outline-btn:focus-visible,.wa-btn:focus-visible,.insta-btn:focus-visible,.tab:focus-visible,footer a:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px;border-radius:5px}
.nav nav a{position:relative}.nav nav a:not(.gold-btn):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:right .25s ease}.nav nav a:not(.gold-btn):hover:after,.nav nav a:not(.gold-btn):focus-visible:after{right:0}
@media(max-width:900px){.brand-mark{width:48px;height:42px}.brand-name{font-size:1.03rem}.brand-tagline{font-size:.44rem}.nav nav{border-bottom:1px solid rgba(216,180,106,.16);box-shadow:0 18px 35px rgba(0,0,0,.35)}}
@media(max-width:560px){.brand{gap:7px}.brand-mark{width:44px;height:38px}.brand-name{font-size:.86rem;letter-spacing:.07em}.brand-tagline{font-size:.39rem;letter-spacing:.3em;margin-top:4px}.footer-brand .brand-mark{width:68px;height:56px}.footer-brand .brand-name{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.brand,.brand-mark,.nav nav a:after{transition:none!important}.brand:hover .brand-mark{transform:none}}

/* V7.1 brand mark compatibility fix */
.brand > .brand-mark{border:0!important;border-radius:0!important;width:58px;height:48px;display:inline-flex!important;place-items:initial!important;font-size:inherit!important;overflow:hidden}
.brand > .brand-copy{border:0!important;border-radius:0!important;width:auto!important;height:auto!important;display:flex!important;place-items:initial!important;font-size:inherit!important}
.brand-logo-svg{overflow:hidden}
.footer-brand > .brand-mark{width:76px!important;height:62px!important}
@media(max-width:900px){.brand > .brand-mark{width:48px;height:42px}}
@media(max-width:560px){.brand > .brand-mark{width:44px;height:38px}.footer-brand > .brand-mark{width:68px!important;height:56px!important}}

/* V7.2 refined Darsh Delights monogram */
.brand > .brand-mark{width:72px!important;height:52px!important;overflow:visible!important;margin-right:2px}
.brand-logo-svg{width:100%!important;height:100%!important;overflow:visible!important}
.brand-logo-svg .brand-d{stroke-width:4.1!important}
.brand-logo-svg .brand-swoosh.main{stroke-width:4.4!important}
.brand-logo-svg .brand-swoosh.lower{stroke-width:2.15!important;opacity:.9}
.brand-logo-svg .brand-leaf{stroke-width:2.7!important}
.footer-brand > .brand-mark{width:94px!important;height:68px!important}
@media(max-width:900px){.brand > .brand-mark{width:62px!important;height:47px!important}}
@media(max-width:560px){.brand > .brand-mark{width:54px!important;height:43px!important}.footer-brand > .brand-mark{width:82px!important;height:60px!important}}

/* V7.3 final monogram proportions */
.brand > .brand-mark{width:88px!important;height:52px!important;overflow:visible!important;margin-right:5px}
.brand-logo-svg{width:100%!important;height:100%!important;overflow:visible!important}
.brand-logo-svg .brand-d{stroke-width:4.6!important}
.brand-logo-svg .brand-swoosh.main{stroke-width:4.5!important}
.brand-logo-svg .brand-swoosh.lower{stroke-width:2.25!important;opacity:.92}
.brand-logo-svg .brand-leaf{stroke-width:2.8!important}
.footer-brand > .brand-mark{width:118px!important;height:70px!important}
@media(max-width:900px){.brand > .brand-mark{width:76px!important;height:46px!important}}
@media(max-width:560px){.brand > .brand-mark{width:66px!important;height:42px!important;margin-right:2px}.footer-brand > .brand-mark{width:102px!important;height:62px!important}}

/* V7.4 — approved reference monogram asset */
.brand > .brand-mark{
  width:112px!important;
  height:52px!important;
  overflow:visible!important;
  margin-right:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.brand-monogram-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 2px 8px rgba(216,180,106,.10));
  transition:transform .3s ease,filter .3s ease;
}
.brand:hover .brand-monogram-img{
  transform:translateY(-1px);
  filter:drop-shadow(0 3px 10px rgba(216,180,106,.20));
}
.footer-brand > .brand-mark{
  width:145px!important;
  height:68px!important;
}
@media(max-width:900px){
  .brand > .brand-mark{width:94px!important;height:46px!important;margin-right:6px!important}
}
@media(max-width:560px){
  .brand > .brand-mark{width:78px!important;height:40px!important;margin-right:3px!important}
  .footer-brand > .brand-mark{width:120px!important;height:58px!important}
}
@media(prefers-reduced-motion:reduce){
  .brand-monogram-img{transition:none!important}
  .brand:hover .brand-monogram-img{transform:none!important}
}
