*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:white;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:70px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#070707;position:sticky;top:0;z-index:5}header i,footer i{color:#22a44b;font-style:normal}nav{display:flex;gap:22px;font-size:12px;font-weight:bold}.hero{height:82vh;min-height:650px;background:url("assets/food.jpg") center/cover;position:relative;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.58) 48%,rgba(0,0,0,.08))}.copy{position:relative;margin-left:7vw;max-width:760px}.copy small,.text small,.order small,.happy small{color:#f4c72a;font-weight:bold;letter-spacing:3px}.copy h1,h2{font-family:Impact,Arial Black,sans-serif;font-weight:400;font-size:clamp(55px,8vw,112px);line-height:.92;margin:18px 0}.copy h1 span,.happy h2 span{color:#f4c72a}.copy p{font-size:20px;font-weight:bold;margin-bottom:35px}.red,.outline{display:inline-block;padding:15px 21px;border-radius:30px;font-weight:bold;font-size:12px;letter-spacing:1px;margin:5px}.red{background:#df3028}.outline{border:2px solid white}.trim{text-align:center;background:#090909;color:#f4c72a;padding:13px;font-size:24px;letter-spacing:14px}.split{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.split img{width:100%;height:100%;min-height:650px;object-fit:cover}.text{padding:8vw;align-self:center}.text h2,.order h2{font-size:clamp(48px,6vw,80px)}.text p,.order p{color:#c9c9c9;font-size:18px;line-height:1.65}.tags{margin-top:25px;font-weight:bold;line-height:2}.happy{background:#f4c72a;color:#111;padding:6vw 8vw;display:grid;grid-template-columns:1fr 1fr;align-items:center}.happy h2{font-size:clamp(65px,9vw,125px);transform:rotate(-2deg)}.happy h2 span{color:#df3028}.happy small{color:#111}.happy h3{font-family:Impact,Arial Black,sans-serif;font-size:clamp(38px,5vw,65px);font-weight:400;margin:8px 0}.happy h3 b{color:#df3028}.happy p{font-weight:bold;font-size:20px}.order{text-align:center;padding:9vw 6vw;background:#111}.order h2{margin:18px}.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1100px;margin:40px auto 15px}.buttons a{padding:28px 10px;background:#1b1b1b;border:1px solid #333;border-radius:15px;font-weight:bold}.buttons em{display:block;color:#888;font-size:11px;font-style:normal;margin-top:7px}.preview{font-size:11px!important;color:#777!important}.inside{background:#080808}.visit{background:#171717}.visit img{object-position:center 35%}footer{text-align:center;padding:55px 20px;background:#040404;color:#888}footer b{color:white}@media(max-width:800px){nav a:not(:last-child){display:none}.hero{height:760px;align-items:flex-end;padding-bottom:90px}.shade{background:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.65) 55%,rgba(0,0,0,.1))}.copy{margin:0 6vw}.copy h1{font-size:58px}.split,.happy{grid-template-columns:1fr}.split img{height:430px;min-height:0}.split .text{padding:70px 7vw}.inside img{order:0}.buttons{grid-template-columns:1fr 1fr}.trim{font-size:15px;letter-spacing:5px}.happy{padding:70px 7vw}}@media(max-width:480px){.buttons{grid-template-columns:1fr}.copy p{font-size:15px}}
.logo-link{height:62px;display:flex;align-items:center}
.site-logo{display:block;max-height:58px;width:auto;max-width:280px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.footer-logo{width:min(430px,85vw);height:auto;margin-bottom:12px}
@media(max-width:600px){.site-logo{max-height:50px;max-width:210px}.logo-link{height:56px}}

/* V3 — Eli's Mexican folk-art visual language */
:root{
  --elis-red:#df3028; --elis-green:#22a44b; --elis-yellow:#f4c72a;
  --elis-blue:#20a9d8; --elis-pink:#ed3f91; --elis-orange:#f47a20;
  --elis-purple:#8e44ad; --elis-cream:#fff2cf; --elis-black:#090909;
}
body{background:
 radial-gradient(circle at 10% 12%,rgba(34,164,75,.08),transparent 22%),
 radial-gradient(circle at 90% 35%,rgba(223,48,40,.07),transparent 22%),
 #090909}
header{border-bottom:4px solid var(--elis-red);box-shadow:0 4px 0 var(--elis-green)}
.hero:after{content:"";position:absolute;inset:18px;pointer-events:none;border:2px solid rgba(244,199,42,.65);border-radius:18px;z-index:1}
.copy{z-index:2}
.copy small,.text small,.order small{color:var(--elis-yellow)}
.red{background:var(--elis-red);box-shadow:0 4px 0 #9d1813}
.red:hover{transform:translateY(-2px)}
.outline:hover{border-color:var(--elis-yellow);color:var(--elis-yellow)}
.trim{background:#050505;border-top:4px solid var(--elis-green);border-bottom:4px solid var(--elis-red);
color:var(--elis-yellow);text-shadow:42px 0 var(--elis-pink),84px 0 var(--elis-blue)}
.folk-divider{height:62px;background:#070707;display:flex;align-items:center;justify-content:space-evenly;
font-size:30px;border-top:3px solid var(--elis-yellow);border-bottom:3px solid var(--elis-green);overflow:hidden}
.folk-divider span:nth-child(1),.folk-divider span:nth-child(7){color:var(--elis-red)}
.folk-divider span:nth-child(4){color:var(--elis-pink)}
.folk-divider b:nth-child(2){color:var(--elis-blue)} .folk-divider b:nth-child(5){color:var(--elis-orange)}
.folk-divider i:nth-child(3){color:var(--elis-yellow)} .folk-divider i:nth-child(6){color:var(--elis-green)}
.folk-divider.second{border-top-color:var(--elis-red);border-bottom-color:var(--elis-yellow)}
.split{position:relative}
.text h2{position:relative}
.text h2:after{content:"";display:block;width:84px;height:7px;margin-top:18px;
background:linear-gradient(90deg,var(--elis-green) 0 33%,#fff 33% 66%,var(--elis-red) 66%);border-radius:8px}
.tags{color:var(--elis-cream)}
.happy{position:relative;overflow:hidden;border-top:8px solid var(--elis-red);border-bottom:8px solid var(--elis-green)}
.happy:before,.happy:after,.order:before,.order:after{position:absolute;font-size:84px;line-height:1;opacity:.95;z-index:0}
.happy:before{content:"✿";left:18px;top:18px;color:var(--elis-red);transform:rotate(-12deg)}
.happy:after{content:"❋";right:22px;bottom:18px;color:var(--elis-green);transform:rotate(15deg)}
.happy>div,.order>*{position:relative;z-index:1}
.happy h2 span{color:var(--elis-red)}
.papel-row{min-height:74px;background:#060606;display:grid;grid-template-columns:repeat(8,1fr);align-items:center;text-align:center;
font-size:34px;border-top:3px solid var(--elis-yellow);border-bottom:3px solid var(--elis-red)}
.papel-row span{padding:15px 3px;border-right:2px dashed rgba(255,255,255,.16)}
.papel-row span:nth-child(8n+1){color:var(--elis-red)} .papel-row span:nth-child(8n+2){color:var(--elis-orange)}
.papel-row span:nth-child(8n+3){color:var(--elis-blue)} .papel-row span:nth-child(8n+4){color:var(--elis-yellow)}
.papel-row span:nth-child(8n+5){color:var(--elis-green)} .papel-row span:nth-child(8n+6){color:var(--elis-pink)}
.papel-row span:nth-child(8n+7){color:var(--elis-purple)} .papel-row span:nth-child(8n+8){color:var(--elis-blue)}
.order{background:
 radial-gradient(circle at 0 0,rgba(237,63,145,.13),transparent 20%),
 radial-gradient(circle at 100% 100%,rgba(32,169,216,.12),transparent 20%),#101010}
.order:before{content:"✿";left:3vw;top:4vw;color:var(--elis-pink)}
.order:after{content:"❋";right:3vw;bottom:4vw;color:var(--elis-blue)}
.buttons a{border:2px solid #333;box-shadow:0 5px 0 #050505}
.buttons a:nth-child(1){border-top-color:var(--elis-green)}
.buttons a:nth-child(2){border-top-color:var(--elis-yellow)}
.buttons a:nth-child(3){border-top-color:var(--elis-red)}
.buttons a:nth-child(4){border-top-color:var(--elis-blue)}
.buttons a:hover{border-color:var(--elis-yellow);transform:translateY(-3px)}
.inside,.visit{border-top:4px solid var(--elis-green)}
.visit{border-bottom:5px solid var(--elis-red)}
footer{border-top:5px solid var(--elis-yellow)}
.footer-papel{border-bottom:0}
.site-logo{background:rgba(255,255,255,.96);border-radius:9px;padding:3px 8px}
.footer-logo{background:#fff;border-radius:14px;padding:10px}
@media(max-width:800px){
 .hero:after{inset:10px}
 .folk-divider{height:48px;font-size:22px}
 .papel-row{min-height:54px;font-size:24px}
 .happy:before,.happy:after,.order:before,.order:after{font-size:52px;opacity:.55}
}

/* V4 — menu lives on the ordering platforms, not duplicated on Eli's website */
.menu-pitch{margin-top:26px!important;color:#fff!important;font-weight:700}
.menu-cta{margin-left:0;margin-top:8px}
.order-brands .brand-order{min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.order-brands .brand-order strong{font-size:14px;letter-spacing:.04em}
.brand-icon{width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;font-family:Arial,sans-serif;font-weight:900;font-size:28px}
.toast-icon{background:#fff;color:#111;border:4px solid #f04b32}
.uber-icon{width:72px;background:#000;border:1px solid #444;flex-direction:column;line-height:.78;font-size:13px}
.uber-icon b{color:#fff}.uber-icon i{color:#3fc060;font-style:normal;font-size:14px}
.dd-icon{background:#ff3008;color:white;font-size:31px}
.gh-icon{background:#ff8000;color:white;font-size:35px}
.toast-order{border-top-color:#f04b32!important}
.uber-order{border-top-color:#3fc060!important}
.dd-order{border-top-color:#ff3008!important}
.gh-order{border-top-color:#ff8000!important}

/* V5 — live ordering + Google review CTA */
.reviews{text-align:center;padding:8vw 6vw;background:
 radial-gradient(circle at 12% 30%,rgba(244,199,42,.12),transparent 18%),
 radial-gradient(circle at 88% 70%,rgba(34,164,75,.10),transparent 18%),#0b0b0b;
 border-top:5px solid var(--elis-yellow);border-bottom:5px solid var(--elis-green)}
.reviews small{color:var(--elis-yellow);font-weight:900;letter-spacing:3px}
.reviews h2{font-size:clamp(48px,6vw,82px);margin:15px 0}
.reviews p{max-width:720px;margin:0 auto 30px;color:#c9c9c9;font-size:18px;line-height:1.65}
.review-stars{color:var(--elis-yellow);font-size:30px;letter-spacing:7px;margin-bottom:18px}
.review-btn{display:inline-flex;align-items:center;gap:11px;padding:16px 24px;background:#fff;color:#111;border-radius:999px;
 font-weight:900;font-size:13px;letter-spacing:.04em;box-shadow:0 5px 0 #777}
.review-btn:hover{transform:translateY(-2px)}
.g-icon{display:inline-flex;width:29px;height:29px;border-radius:50%;align-items:center;justify-content:center;
 font-size:20px;font-weight:900;color:#4285f4;border:2px solid #eee;background:#fff}

/* V6 — supplied Toast & DoorDash logos + preferred takeout treatment */
.logo-box{height:60px;min-width:110px;padding:7px 12px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:5px}
.platform-logo{display:block;max-width:150px;max-height:43px;width:auto;height:auto}
.toast-logo{max-width:118px}.dd-logo{max-width:155px}
.preferred-order{position:relative;border:2px solid var(--elis-yellow)!important;background:
 linear-gradient(180deg,rgba(244,199,42,.12),rgba(27,27,27,1) 40%)!important;box-shadow:0 0 0 3px rgba(244,199,42,.13),0 6px 0 #050505!important}
.preferred-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;
 background:var(--elis-yellow);color:#111;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:900;letter-spacing:.07em;
 box-shadow:0 3px 0 #9d7d00}
.preferred-order em{color:#f4c72a!important;font-weight:800!important}
@media(max-width:480px){.preferred-badge{font-size:9px}.logo-box{height:55px}}

/* V7 — clean platform cards: logo-first */
.uber-logo{max-width:125px}
.gh-logo{max-width:145px}
.order-brands .uber-order,.order-brands .dd-order,.order-brands .gh-order{gap:12px}
.order-brands .uber-order .logo-box,.order-brands .dd-order .logo-box,.order-brands .gh-order .logo-box{min-width:175px;height:66px}
.order-brands .uber-order em,.order-brands .dd-order em,.order-brands .gh-order em{margin-top:2px}

/* V9 hero photo framing: show the real food spread horizontally on desktop. */
@media (min-width:801px){
  .hero{height:min(72vw,760px);min-height:560px;background-size:100% auto;background-repeat:no-repeat;background-position:center center;background-color:#090909}
}
/* Keep the COME HUNGRY crop intentionally tighter/vertical. */
#food.split img{object-fit:cover;object-position:center center}

/* V10 final: COME HUNGRY uses a dedicated portrait crop made from the same real Eli's photo. */
#food.split img.food-vertical{object-fit:cover;object-position:center center}