
:root{--cream:#f2e7d6;--paper:#faf5ec;--dark:#2b1f16;--red:#8b2e3c;--gold:#c9a227;--line:#2b1f1626}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--dark);font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Fraunces,serif;font-weight:400}button,input,select,textarea{font:inherit}.top{background:var(--red);color:#fff;text-align:center;padding:8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#f2e7d6f2;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.logo{font:600 20px Fraunces}.logo small{display:block;font:7px Inter;letter-spacing:.18em}.nav{display:flex;gap:28px;align-items:center}.nav a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.nav .order{background:var(--dark);color:#fff;padding:12px 18px;border-radius:99px}.toggle{display:none;border:0;background:none;font-size:22px}.photo{position:relative;background:radial-gradient(circle at 30% 20%,#563b29,#241711);background-size:cover;background-position:center;overflow:hidden}.photo:after{content:attr(data-photo);position:absolute;right:14px;bottom:14px;background:#160e0ab8;color:#fff;padding:6px 10px;border-radius:99px;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.hero{min-height:78vh;padding:7vw 6vw;display:flex;align-items:flex-end;color:#fff;position:relative}.hero:before,.service:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#120b08c9,#120b0826 70%),linear-gradient(0deg,#120b08a8,transparent 55%);z-index:1}.hero>div,.service>div{position:relative;z-index:2}.eyebrow{display:block;color:var(--red);font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;margin-bottom:18px}.light{color:var(--gold)}.hero h1{font-size:clamp(58px,8vw,116px);line-height:.9}.hero h1 em{display:block;color:var(--gold);font-weight:300}.hero p{max-width:600px;line-height:1.7;font-size:17px;margin:24px 0 30px;color:#ffffffd6}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:99px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.dark{background:var(--dark);color:#fff}.lightbtn{background:var(--cream);color:var(--dark)}.outline{border:1px solid currentColor}.section{padding:100px 5vw}.head{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;margin-bottom:45px}.head h2{font-size:clamp(44px,5.5vw,82px);line-height:.96}.head p{line-height:1.75;color:#2b1f16b3}.dine{display:grid;grid-template-columns:1.25fr .75fr;min-height:670px;background:var(--paper)}.dine .photo{min-height:600px}.dine-copy{padding:7vw 6vw;display:flex;flex-direction:column;justify-content:center}.dine-copy h2{font-size:clamp(46px,5vw,76px);line-height:.98}.dine-copy p{line-height:1.8;color:#2b1f16b8;margin:25px 0}.services{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service{min-height:560px;padding:40px;display:flex;align-items:flex-end;color:#fff;position:relative;background-size:cover;background-position:center}.service h3{font-size:clamp(40px,4vw,62px);line-height:1}.service p{max-width:430px;line-height:1.65;color:#ffffffd0;margin:15px 0 22px}.heroes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hero-card .photo{height:410px}.hero-card h3{font-size:25px;margin:15px 0 5px}.hero-card p{font-size:12px;color:#2b1f1699}.center{text-align:center;margin-top:40px}.instagram{background:var(--red);color:#fff}.insta-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.insta-head h2{font-size:clamp(42px,5vw,76px)}.insta-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;height:420px}.menu{background:var(--paper)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 60px}.cat{border-top:2px solid var(--dark);padding-top:17px}.cat h3{font-size:31px;margin-bottom:14px}.item{padding:14px 0;border-top:1px solid var(--line)}.item:first-of-type{border-top:0}.item-top{display:flex;justify-content:space-between;gap:15px}.item h4{font:700 15px Inter}.item p{font-size:11px;line-height:1.55;color:#2b1f169e;margin-top:6px;text-transform:uppercase}.strip,.note{background:var(--dark);color:#fff;padding:22px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:40px}.box-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.box{background:var(--paper);border:1px solid var(--line);padding:27px}.box.featured{grid-column:span 2;background:var(--dark);color:#fff}.box h3{font-size:31px;margin:10px 0}.box .desc{font-size:12px;opacity:.65}.tier{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.featured .tier,.featured .options{border-color:#ffffff26}.tier:first-of-type{margin-top:17px}.tier small{display:block;opacity:.6;margin-top:3px}.options{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.options b{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.options p{font-size:11px;line-height:1.7;opacity:.72;margin:7px 0 12px}.note{background:var(--red);justify-content:space-between;margin-top:20px}.inquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.inquiry h2{font-size:clamp(44px,5vw,74px);line-height:.98}.inquiry p{line-height:1.7;color:#2b1f16aa;margin-top:20px}.contact{margin-top:32px}.contact div{border-top:1px solid var(--line);padding:13px 0}.contact small{display:block;color:var(--red);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.contact strong{font:19px Fraunces}form{background:var(--cream);padding:34px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin-bottom:17px}input,select,textarea{width:100%;border:0;border-bottom:1px solid #2b1f1659;background:transparent;padding:12px 0;outline:none}.form-note{font-size:10px;color:#2b1f1680;margin-top:12px}footer{background:var(--dark);color:#fff;padding:68px 5vw 25px}.foot{display:grid;grid-template-columns:1fr auto;gap:40px}.foot-logo{font:clamp(44px,6vw,78px) Fraunces}.foot-logo em{color:var(--gold)}.foot-nav{display:grid;grid-template-columns:1fr 1fr;gap:13px 30px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.copyright{margin-top:50px;border-top:1px solid #ffffff24;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:#ffffff80}
@media(max-width:900px){.toggle{display:block}.nav{position:fixed;inset:0 0 0 auto;width:min(80vw,340px);background:var(--dark);color:#fff;flex-direction:column;justify-content:center;transform:translateX(100%);transition:.3s}.nav.open{transform:none}.head,.dine,.inquiry{grid-template-columns:1fr}.services{grid-template-columns:1fr}.heroes{grid-template-columns:1fr 1fr}.menu-grid{grid-template-columns:1fr}.box-grid{grid-template-columns:1fr 1fr}.box.featured{grid-column:span 2}.insta-grid{height:auto;grid-template-columns:1fr 1fr}.insta-grid .photo:first-child{grid-column:1/-1;height:400px}.insta-grid .photo:not(:first-child){height:280px}}
@media(max-width:600px){.header{height:68px;padding:0 20px}.section{padding:70px 20px}.hero{padding:70px 20px 52px}.hero h1{font-size:56px}.dine-copy{padding:65px 20px}.service{min-height:480px;padding:28px}.heroes{grid-template-columns:1fr}.hero-card .photo{height:105vw}.insta-head{display:block}.insta-head .btn{margin-top:20px}.insta-grid{grid-template-columns:1fr}.insta-grid .photo:first-child{grid-column:auto;height:105vw}.insta-grid .photo:not(:first-child){height:85vw}.box-grid{grid-template-columns:1fr}.box.featured{grid-column:auto}.row{grid-template-columns:1fr}form{margin:0 -20px;padding:28px 20px}.foot{grid-template-columns:1fr}}

.header .logo{color:#fff;font:600 clamp(18px,2.5vw,24px) Fraunces;letter-spacing:.02em;white-space:nowrap}
.foot-logo{font:clamp(44px,6vw,78px) Fraunces;margin-bottom:18px;white-space:nowrap}
.header{background:rgba(20,12,8,.96);border-bottom:1px solid rgba(255,255,255,.12)}
.nav{color:#fff}.toggle{color:#fff}
.hero-home h1{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:.015em;text-transform:uppercase;color:#F7F1E8;max-width:920px}
.hero-home h1 em{display:block;color:#F7F1E8;font-style:normal;font-weight:400}
.hero-home:before{background:linear-gradient(90deg,rgba(12,7,4,.78),rgba(12,7,4,.28) 68%),linear-gradient(0deg,rgba(12,7,4,.56),transparent 58%)}
@media(max-width:600px){.hero-home h1{font-size:52px;line-height:.94}}


/* UPDATE 05 — homepage section order and compact social/review row */
.logo,.foot-logo{
  font-family:'Montserrat',sans-serif!important;
  font-weight:800!important;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.photo[data-photo=""]::after{display:none}
.hero-products .hero-photo{background-position:center}
.hero-placeholder{
  background:
    linear-gradient(145deg,rgba(43,31,22,.18),rgba(139,46,60,.15)),
    radial-gradient(circle at 35% 25%,#d5a86f,#5a3826 68%,#281912);
}
.hero-placeholder.veal::before,
.hero-placeholder.falafel::before,
.hero-placeholder.mushroom::before{
  position:absolute;inset:0;display:grid;place-items:center;
  font-family:'Anton',sans-serif;font-size:clamp(2.2rem,4vw,4rem);
  color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.03em;
}
.hero-placeholder.veal::before{content:'Veal Tongue'}
.hero-placeholder.falafel::before{content:'Cheesy Falafel'}
.hero-placeholder.mushroom::before{content:'Mushroom Swiss'}

.sides-section{background:var(--dark);color:#fff}
.sides-section .head p{color:rgba(255,255,255,.66)}
.sides-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.side-card{
  min-height:360px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;
  border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden
}
.side-card::before{content:'';position:absolute;inset:0;opacity:.9}
.side-card>*{position:relative;z-index:1}
.side-card span{color:var(--gold);font-size:10px;letter-spacing:.14em}
.side-card h3{font-size:32px;line-height:1;margin:13px 0 8px}
.side-card p{font-size:12px;line-height:1.55;color:rgba(255,255,255,.68)}
.side-corn::before{background:radial-gradient(circle at 30% 20%,#dcae45,#7c3c20 58%,#25140e)}
.side-fries::before{background:radial-gradient(circle at 30% 20%,#e0ad56,#8b2e3c 58%,#24150f)}
.side-halloumi::before{background:radial-gradient(circle at 30% 20%,#f0d9a5,#8a6334 58%,#291b11)}
.side-olovieh::before{background:radial-gradient(circle at 30% 20%,#ded0ad,#556b3f 58%,#211810)}

.compact-social{display:grid;grid-template-columns:1fr 1fr;min-height:390px}
.compact-card{padding:55px 5vw;display:flex;align-items:center}
.compact-card h2{font-size:clamp(38px,4.5vw,68px);line-height:.96}
.compact-card p{margin:14px 0 24px;line-height:1.6}
.instagram-card{background:var(--red);color:#fff}
.review-card{background:var(--paper);color:var(--dark)}
.stars{font-size:22px;letter-spacing:.18em;color:var(--gold);margin-top:20px}
.footer-tagline{color:var(--gold);margin-top:9px}
.footer-visit{line-height:1.7;color:rgba(255,255,255,.62);margin-top:24px}

@media(max-width:900px){
  .sides-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .sides-grid{grid-template-columns:1fr}
  .side-card{min-height:300px}
  .compact-social{grid-template-columns:1fr}
  .compact-card{min-height:300px;padding:52px 20px}
}

.hero-title-home,.hero-title-home em{
font-family:'Anton',sans-serif!important;
color:#fff!important;
font-style:normal!important;
font-weight:400!important;
text-transform:uppercase;
letter-spacing:.02em;
}
