:root{--bg:#050505;--panel:#0d0d0d;--gold:#ffbd00;--gold2:#e99b00;--text:#f6f3eb;--muted:#b7b2a8;--line:rgba(255,189,0,.35);--sans:'DM Sans',sans-serif;--serif:'Playfair Display',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.site-header{height:98px;display:flex;align-items:center;gap:34px;padding:0 3vw;position:sticky;top:0;z-index:60;background:rgba(5,5,5,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;min-width:190px}.brand-mark{font-size:34px;color:var(--gold);filter:drop-shadow(0 0 14px rgba(255,189,0,.6))}.brand-copy{display:grid;line-height:.9}.brand-copy strong{font-family:var(--serif);font-size:34px}.brand-copy small{letter-spacing:4px;font-size:11px;margin-left:30px;margin-top:7px}.desktop-nav{display:flex;gap:35px;flex:1;justify-content:center}.desktop-nav a{color:#eee;text-decoration:none;font-size:15px;transition:.25s}.desktop-nav a:hover{color:var(--gold)}.header-actions{display:flex;gap:16px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 26px;text-decoration:none;font-weight:700;border:1px solid transparent;transition:.25s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,var(--gold),#ffcb33);color:#0a0a0a;box-shadow:0 10px 35px rgba(255,189,0,.2)}.btn-outline{color:white;border-color:rgba(255,189,0,.55);background:rgba(0,0,0,.25)}.call-pill{padding:10px 18px}.call-pill>span:last-child{display:grid;line-height:1.1}.call-pill small{font-size:11px;font-weight:500}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px}
.hero{min-height:930px;position:relative;isolation:isolate;padding:22px 3vw 38px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-5;background:radial-gradient(circle at 20% 45%,rgba(255,151,0,.13),transparent 36%),linear-gradient(180deg,#050505 0%,#050505 80%,#080604 100%)}.ambient{position:absolute;border-radius:50%;filter:blur(85px);opacity:.12;z-index:-3}.ambient-one{width:380px;height:380px;background:#ff9a00;left:12%;top:25%;animation:float 9s ease-in-out infinite}.ambient-two{width:240px;height:240px;background:#ffd25a;left:38%;top:44%;animation:float 11s ease-in-out infinite reverse}.street-glow{position:absolute;left:0;right:0;bottom:160px;height:160px;background:linear-gradient(180deg,transparent,rgba(255,161,0,.08));filter:blur(14px);z-index:-1}.status-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.status-pill{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:12px 19px;display:flex;align-items:center;gap:9px;background:rgba(0,0,0,.35)}.status-pill strong{color:#4cff58}.status-dot{width:14px;height:14px;border-radius:50%;background:#26e73f;box-shadow:0 0 18px rgba(38,231,63,.9)}.status-pill.closed strong{color:#ff625a}.status-pill.closed .status-dot{background:#ff443b;box-shadow:0 0 18px rgba(255,68,59,.65)}.socials{display:flex;gap:18px}.socials a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,189,0,.35);display:grid;place-items:center;text-decoration:none;color:var(--gold);font-size:20px}.socials .disabled{opacity:.45;pointer-events:none}.hero-grid{display:grid;grid-template-columns:56% 44%;min-height:565px;align-items:center}.truck-stage{height:100%;position:relative;overflow:visible}.blackstone-sign{position:absolute;left:0;top:16%;font-size:31px;color:#ffb000;letter-spacing:1px;text-shadow:0 0 18px #ff9500,0 0 40px #ff6a00;z-index:2}.blackstone-sign span{display:block;font-size:13px;letter-spacing:6px;text-align:center;margin-top:3px}.light-string{position:absolute;left:-5%;top:18%;width:75%;height:1px;background:rgba(255,177,0,.6);transform:rotate(4deg);box-shadow:80px 10px 0 #ffb000,160px 20px 0 #ffb000,240px 28px 0 #ffb000,320px 34px 0 #ffb000,400px 38px 0 #ffb000}.light-string:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:80px 10px 12px #ff9d00,160px 20px 12px #ff9d00,240px 28px 12px #ff9d00,320px 34px 12px #ff9d00,400px 38px 12px #ff9d00}.truck-wrap{position:absolute;left:0;bottom:3%;width:min(98%,820px);transform:translateX(-125%);animation:truckDrive 3.2s cubic-bezier(.18,.84,.25,1) .2s forwards;filter:drop-shadow(0 28px 32px rgba(0,0,0,.85));z-index:5}.truck-image{display:block;width:100%;height:auto;filter:brightness(.42) contrast(1.25) sepia(.14) saturate(.8)}.window-light{position:absolute;left:22%;top:32%;width:29%;height:29%;background:linear-gradient(135deg,rgba(255,190,72,.65),rgba(255,120,0,.17));filter:blur(2px);clip-path:polygon(0 0,100% 0,95% 100%,2% 100%);opacity:0;animation:windowOpen 1.2s ease 3.35s forwards;box-shadow:0 0 35px rgba(255,164,0,.62)}.service-window{position:absolute;left:21.7%;top:31%;width:30%;height:31%;border:2px solid rgba(255,181,50,.35);transform-origin:top;transform:scaleY(.05);opacity:0;background:rgba(255,155,0,.08);animation:serviceOpen 1.1s ease 3.15s forwards;display:grid;place-items:center}.service-window span{font-size:12px;letter-spacing:5px;color:#ffd25a;opacity:.85}.headlight{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff4b5;box-shadow:0 0 17px 8px rgba(255,202,90,.85);opacity:0;animation:lightsOn .55s ease 3.3s forwards}.headlight-one{right:10.8%;bottom:29%}.headlight-two{right:17.2%;bottom:28.8%}.exhaust,.steam{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),rgba(230,230,230,.1) 45%,transparent 70%);filter:blur(7px);opacity:0}.exhaust{left:3%;bottom:9%;width:130px;height:80px;animation:puff 4.4s ease-in-out 3.3s infinite;z-index:1}.exhaust-two{animation-delay:5.1s;left:0;bottom:6%;width:100px;height:65px}.steam{z-index:3;width:120px;height:180px;left:39%;top:8%;animation:steamRise 5.2s ease-in-out 3.8s infinite}.steam-b{left:45%;animation-delay:5.1s;transform:scale(.75)}.steam-c{left:34%;animation-delay:6.3s;transform:scale(.6)}.ground-shadow{position:absolute;left:8%;bottom:4%;width:75%;height:65px;background:radial-gradient(ellipse,rgba(0,0,0,.85),transparent 70%);filter:blur(12px);z-index:1}.arrival-tag{position:absolute;left:4%;bottom:-5px;display:flex;gap:12px;align-items:center;opacity:0;transform:translateY(18px);animation:riseIn .8s ease 4.1s forwards}.arrival-tag strong,.arrival-tag em{display:block}.arrival-tag em{color:var(--gold);font-style:normal;font-size:13px;margin-top:3px}.mini-truck{color:var(--gold);font-size:28px}.hero-copy{padding:20px 0 0 30px;align-self:center}.eyebrow{display:block;color:#d5a62a;font-size:12px;font-weight:700;letter-spacing:3px;margin-bottom:22px}.hero-copy h1,.section-heading h2,.section-copy h2,.catering h2{font-family:var(--serif);font-size:clamp(52px,5.3vw,84px);line-height:.94;margin:0 0 26px;letter-spacing:-2px}.hero-copy h1 span,.hero-copy h1 em{display:block}.hero-copy h1 em,.section-heading h2 em,.section-copy h2 em,.catering h2 em{color:var(--gold);font-weight:700}.hero-copy p,.section-copy p,.section-heading p,.catering p{font-size:19px;line-height:1.55;color:#dedbd4;max-width:720px}.hero-buttons{display:flex;gap:18px;margin:34px 0}.btn-large{padding:17px 30px}.features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px}.features article{padding:0 20px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.features article:last-child{border-right:0}.feature-icon{display:block;color:var(--gold);font-size:34px;margin-bottom:12px}.features strong{font-weight:500;line-height:1.4}.hero-dashboard{max-width:1370px;margin:30px auto 0;border:1px solid rgba(255,189,0,.55);border-radius:20px;background:linear-gradient(120deg,rgba(20,17,10,.88),rgba(6,6,6,.94));display:grid;grid-template-columns:1.45fr .65fr .7fr .7fr 1fr 1.25fr;min-height:180px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}.hero-dashboard>div{padding:27px 28px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,189,0,.18)}.arrival-summary{flex-direction:row!important;gap:18px;align-items:center}.arrival-summary em,.metric span{color:#e7b43d;font-style:normal;font-size:13px;margin-top:9px}.outline-truck{font-size:40px;color:var(--gold)}.metric strong{font-family:var(--serif);font-size:32px}.today-hours{align-items:center;text-align:center}.today-hours>span{font-size:30px}.today-hours small{margin:8px 0}.today-hours strong{font-size:19px;color:var(--gold)}.schedule{display:grid!important;grid-template-columns:auto 1fr;gap:5px 14px;font-size:14px}.schedule b{letter-spacing:1px}.section{padding:110px max(5vw,30px);position:relative}.section-heading{max-width:820px}.section-heading h2,.section-copy h2,.catering h2{font-size:clamp(46px,5vw,72px)}.menu-section{background:#090909;border-top:1px solid rgba(255,255,255,.06)}.category-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0}.category-tabs button{border:1px solid rgba(255,255,255,.12);background:#141414;color:#ddd;border-radius:999px;padding:11px 19px;cursor:pointer}.category-tabs button.active,.category-tabs button:hover{background:var(--gold);color:#080808;border-color:var(--gold)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.menu-card{background:linear-gradient(180deg,#151515,#0c0c0c);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;transition:.3s}.menu-card:hover{transform:translateY(-6px);border-color:rgba(255,189,0,.42)}.menu-card img{width:100%;height:240px;object-fit:cover}.menu-card .content{padding:22px}.menu-card h3{margin:0 0 8px;font-size:22px}.menu-card p{margin:0;color:#aaa;min-height:44px}.menu-card .price{display:block;color:var(--gold);font-weight:700;font-size:19px;margin-top:14px}.split-section{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.image-card{min-height:550px;border-radius:26px;overflow:hidden;position:relative}.image-card img{width:100%;height:100%;object-fit:cover;position:absolute}.image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85))}.image-overlay{position:absolute;left:36px;bottom:32px;z-index:2}.image-overlay span{color:var(--gold);text-transform:uppercase;letter-spacing:2px}.image-overlay strong{display:block;font-family:var(--serif);font-size:34px;margin-top:8px}.stacked-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}.catering{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;background:radial-gradient(circle at 80% 50%,rgba(255,189,0,.12),transparent 30%),#0a0a0a}.catering-card{border:1px solid rgba(255,189,0,.45);border-radius:24px;padding:38px;display:grid;gap:12px;align-content:center}.catering-card small{color:#aaa;letter-spacing:2px}.catering-card a{font-family:var(--serif);font-size:35px;color:white;text-decoration:none}.catering-card span{color:var(--gold)}.review-panel{display:grid;grid-template-columns:.8fr 1.5fr auto;align-items:center;gap:45px;border:1px solid rgba(255,189,0,.35);border-radius:24px;padding:40px;background:#0c0c0c}.rating strong{font-family:var(--serif);font-size:74px}.rating span{display:block;color:var(--gold);letter-spacing:5px}.rating small{color:#aaa}.review-quote{font-family:var(--serif);font-size:30px;font-style:italic}.gallery{background:#090909}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid img{width:100%;height:340px;object-fit:cover;border-radius:16px;transition:.3s}.gallery-grid img:hover{transform:scale(1.015)}footer{padding:70px 5vw 30px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:30px;border-top:1px solid rgba(255,255,255,.1);background:#030303}footer>div{display:grid;gap:8px;align-content:start}footer a{color:#bbb;text-decoration:none}footer a:hover{color:var(--gold)}footer small{grid-column:1/-1;color:#777;margin-top:35px}
@keyframes truckDrive{0%{transform:translateX(-125%) rotate(-1deg)}62%{transform:translateX(5%) rotate(.8deg)}76%{transform:translateX(-1%) rotate(-.4deg)}88%{transform:translateX(1.2%) rotate(.2deg)}100%{transform:translateX(0) rotate(0)}}@keyframes serviceOpen{0%{opacity:0;transform:scaleY(.05)}40%{opacity:1}100%{opacity:1;transform:scaleY(1)}}@keyframes windowOpen{to{opacity:1}}@keyframes lightsOn{to{opacity:1}}@keyframes puff{0%,100%{opacity:0;transform:translate(0,0) scale(.7)}25%{opacity:.48}70%{opacity:.15;transform:translate(-90px,-30px) scale(1.5)}}@keyframes steamRise{0%{opacity:0;transform:translateY(60px) scale(.6)}20%{opacity:.3}75%{opacity:.08}100%{opacity:0;transform:translateY(-160px) translateX(40px) scale(1.5)}}@keyframes riseIn{to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(35px) translateX(20px)}}
@media(max-width:1180px){.desktop-nav{gap:18px}.header-actions .call-pill{display:none}.hero-grid{grid-template-columns:1fr}.truck-stage{min-height:480px}.hero-copy{padding:10px 0}.hero-dashboard{grid-template-columns:repeat(3,1fr)}.hero-dashboard>div{border-bottom:1px solid rgba(255,189,0,.18)}.features{max-width:850px}.split-section,.catering{grid-template-columns:1fr}.menu-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.site-header{height:78px}.desktop-nav,.header-actions{display:none}.menu-toggle{display:block;margin-left:auto}.site-header.open .desktop-nav{position:absolute;display:grid;left:0;right:0;top:78px;padding:24px;background:#090909;border-bottom:1px solid #222}.hero{padding:16px 18px 26px;min-height:auto}.status-row{margin-bottom:0}.socials{display:none}.hero-grid{display:flex;flex-direction:column}.truck-stage{width:100%;min-height:330px;order:1}.hero-copy{order:2}.blackstone-sign{font-size:20px;top:12%}.truck-wrap{width:112%;left:-12%;bottom:2%}.hero-copy h1{font-size:52px}.hero-copy p{font-size:17px}.hero-buttons{flex-direction:column;align-items:stretch}.features{grid-template-columns:repeat(2,1fr);gap:24px}.features article{border-right:0}.hero-dashboard{grid-template-columns:1fr 1fr}.arrival-summary,.schedule{grid-column:1/-1}.menu-grid,.gallery-grid{grid-template-columns:1fr}.section{padding:78px 20px}.image-card{min-height:430px}.review-panel{grid-template-columns:1fr}.catering-card a{font-size:29px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Featured favorites V5 */
.featured-section{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 15%,rgba(255,189,0,.08),transparent 28%),radial-gradient(circle at 85% 75%,rgba(255,189,0,.05),transparent 25%),#070707}
.featured-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}
.featured-heading{max-width:760px;position:relative;z-index:1}
.featured-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px}
.favorite-card{min-width:0;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(8,8,8,.98));border-radius:22px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.favorite-card:hover{transform:translateY(-9px);border-color:rgba(255,189,0,.62);box-shadow:0 28px 75px rgba(0,0,0,.48),0 0 0 1px rgba(255,189,0,.08) inset}
.favorite-image{height:300px;position:relative;overflow:hidden;background:#111}
.favorite-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82));pointer-events:none}
.favorite-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s}
.favorite-card:hover .favorite-image img{transform:scale(1.075);filter:contrast(1.06) saturate(1.08)}
.favorite-badge{position:absolute;z-index:3;top:18px;left:18px;padding:8px 11px;border-radius:999px;background:rgba(4,4,4,.78);border:1px solid rgba(255,189,0,.55);color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1.5px;backdrop-filter:blur(10px)}
.favorite-copy{padding:25px;display:grid;gap:16px;min-height:230px;align-content:start}
.favorite-copy small{display:block;color:var(--gold);letter-spacing:1.9px;font-size:11px;font-weight:800;margin-bottom:7px}
.favorite-copy h3{font-family:var(--serif);font-size:29px;line-height:1.05;margin:0;color:white}
.favorite-copy p{margin:0;color:var(--muted);line-height:1.65;font-size:15px}
.favorite-copy a{align-self:end;width:max-content;color:white;text-decoration:none;font-weight:800;font-size:14px;border-bottom:1px solid rgba(255,189,0,.55);padding-bottom:5px;transition:.25s}
.favorite-copy a span{color:var(--gold);margin-left:5px}.favorite-copy a:hover{color:var(--gold);border-color:var(--gold)}
.favorite-steam{position:absolute;z-index:4;right:24px;bottom:35px;width:85px;height:85px;opacity:0;transition:opacity .35s;pointer-events:none}
.favorite-card:hover .favorite-steam{opacity:1}
.favorite-steam i{position:absolute;bottom:0;width:9px;height:55px;border-radius:50%;border-left:2px solid rgba(255,255,255,.46);filter:blur(2px);animation:foodSteam 2.1s ease-in-out infinite}
.favorite-steam i:nth-child(1){left:12px}.favorite-steam i:nth-child(2){left:37px;animation-delay:.55s}.favorite-steam i:nth-child(3){left:62px;animation-delay:1.05s}
@keyframes foodSteam{0%{opacity:0;transform:translateY(16px) scale(.7) rotate(-8deg)}35%{opacity:.75}100%{opacity:0;transform:translateY(-48px) scale(1.25) rotate(10deg)}}
.full-menu-cta{position:relative;z-index:1;margin-top:34px;border:1px solid rgba(255,189,0,.42);border-radius:26px;overflow:hidden;padding:56px 32px;text-align:center;background:linear-gradient(135deg,rgba(255,189,0,.12),rgba(255,189,0,.02) 42%,rgba(10,10,10,.96));isolation:isolate}
.full-menu-cta:before,.full-menu-cta:after{content:"";position:absolute;border-radius:50%;filter:blur(20px);z-index:-1}.full-menu-cta:before{width:280px;height:280px;background:rgba(255,189,0,.11);left:-120px;top:-140px}.full-menu-cta:after{width:180px;height:180px;border:1px solid rgba(255,189,0,.18);right:-55px;bottom:-90px}
.cta-kicker{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:2.5px}.full-menu-cta h3{font-family:var(--serif);font-size:clamp(38px,5vw,65px);line-height:1.05;margin:12px 0}.full-menu-cta h3 em{color:var(--gold);font-weight:700}.full-menu-cta p{max-width:610px;margin:0 auto 26px;color:var(--muted);font-size:17px;line-height:1.6}
@media(max-width:1100px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.featured-grid{grid-template-columns:1fr}.favorite-image{height:275px}.favorite-copy{min-height:0}.full-menu-cta{padding:45px 20px}.full-menu-cta .btn{width:100%;justify-content:center}}


/* Habibi Grill V6 — floating gold food line art + refined truck */
.food-doodles,.featured-doodles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.doodle,.mini-doodle{position:absolute;color:rgba(255,189,0,.22);filter:drop-shadow(0 0 11px rgba(255,189,0,.17));opacity:.75}
.doodle svg,.mini-doodle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.doodle{width:92px;height:92px;animation:doodleFloat 13s ease-in-out infinite,doodleGlow 6s ease-in-out infinite}
.doodle-1{left:4%;top:13%;animation-delay:-1s}.doodle-2{left:18%;top:7%;width:68px;height:68px;animation-delay:-4s}
.doodle-3{right:35%;top:11%;width:96px;height:96px;animation-delay:-7s}.doodle-4{right:6%;top:17%;width:84px;height:84px;animation-delay:-2s}
.doodle-5{left:7%;top:51%;width:76px;height:76px;animation-delay:-8s}.doodle-6{right:3%;top:50%;width:104px;height:104px;animation-delay:-5s}
.doodle-7{left:29%;bottom:7%;width:88px;height:88px;animation-delay:-9s}.doodle-8{right:24%;bottom:6%;width:78px;height:78px;animation-delay:-3s}
.doodle-9{left:46%;top:38%;width:54px;height:54px;opacity:.34;animation-delay:-6s}.doodle-10{left:1%;bottom:16%;width:65px;height:65px;animation-delay:-10s}
.doodle-11{right:46%;bottom:16%;width:70px;height:70px;animation-delay:-11s}.doodle-12{right:10%;bottom:18%;width:60px;height:60px;animation-delay:-12s}
.food-doodles:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,189,0,.62) 0 1px,transparent 1.6px);background-size:54px 54px;opacity:.13;animation:particleDrift 18s linear infinite}
@keyframes doodleFloat{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(18px,-24px,0) rotate(5deg)}}
@keyframes doodleGlow{0%,100%{opacity:.38;filter:drop-shadow(0 0 8px rgba(255,189,0,.08))}50%{opacity:.83;filter:drop-shadow(0 0 18px rgba(255,189,0,.28))}}
@keyframes particleDrift{to{background-position:108px -108px}}

.truck-wrap{width:min(100%,850px);bottom:4%;filter:drop-shadow(0 30px 38px rgba(0,0,0,.92)) drop-shadow(0 0 18px rgba(255,189,0,.07))}
.truck-image{filter:brightness(.9) contrast(1.04) saturate(.96)}
.window-light{left:5.8%;top:17.5%;width:29.5%;height:35%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,220,126,.78),rgba(255,136,0,.24));box-shadow:0 0 32px rgba(255,173,36,.58),inset 0 -18px 28px rgba(82,35,0,.45)}
.service-window{left:5.4%;top:16.8%;width:30.5%;height:36.2%;border:1px solid rgba(255,209,107,.3);background:linear-gradient(180deg,rgba(255,215,119,.08),rgba(255,137,0,.05));overflow:hidden;box-shadow:inset 0 0 25px rgba(255,183,53,.18)}
.service-window:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ece9df 0 72%,#b8b2a6 73% 100%);transform-origin:top;animation:shutterLift 1.15s cubic-bezier(.25,.8,.25,1) 3.15s forwards;box-shadow:0 8px 15px rgba(0,0,0,.42)}
.window-counter{position:absolute;left:0;right:0;bottom:0;height:16%;background:linear-gradient(180deg,#8f8a80,#d3cec2 45%,#777);box-shadow:0 -3px 10px rgba(0,0,0,.5)}
@keyframes shutterLift{0%{transform:translateY(0)}100%{transform:translateY(-87%)}}
.steam{left:21%;top:2%;width:100px;height:155px;filter:blur(8px)}
.steam-b{left:26%}.steam-c{left:17%}
.exhaust{left:-1%;bottom:12%}
.arrival-tag{display:none}
.arrival-summary em{display:none}
.btn-gold{position:relative;overflow:hidden}
.btn-gold:after{content:"";position:absolute;top:-80%;left:-35%;width:22%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(18deg);animation:buttonShine 5.5s ease-in-out infinite}
@keyframes buttonShine{0%,72%{left:-35%;opacity:0}77%{opacity:1}92%,100%{left:125%;opacity:0}}

.featured-doodles{z-index:0}
.mini-doodle{width:100px;height:100px;color:rgba(255,189,0,.1);animation:doodleFloat 16s ease-in-out infinite}
.mini-doodle-1{left:2%;top:8%}.mini-doodle-2{right:4%;top:21%;animation-delay:-5s}
.mini-doodle-3{left:38%;bottom:4%;animation-delay:-9s}.mini-doodle-4{right:22%;bottom:10%;animation-delay:-12s}
.featured-grid,.featured-heading,.full-menu-cta{position:relative;z-index:2}
.favorite-image img{object-position:center}
.favorite-card:nth-child(2) .favorite-image img{object-position:center 52%}
.favorite-card:nth-child(3) .favorite-image img{object-position:center 48%}
.favorite-card:nth-child(4) .favorite-image img{object-position:center 48%}
.favorite-card:nth-child(5) .favorite-image img{object-position:center 46%}
.favorite-card:nth-child(6) .favorite-image img{object-position:center 44%}

@media(max-width:820px){
  .food-doodles{opacity:.55}
  .doodle{width:56px;height:56px}
  .doodle-3,.doodle-6,.doodle-9,.doodle-11{display:none}
  .truck-wrap{width:116%;left:-13%;bottom:5%}
  .service-window{left:5.4%;top:16.8%;width:30.5%;height:36.2%}
  .window-light{left:5.8%;top:17.5%;width:29.5%;height:35%}
}


/* V7 deploy-ready refinements */
.skip-link{position:fixed;left:16px;top:-60px;z-index:9999;background:#ffbd00;color:#050505;padding:12px 18px;border-radius:12px;font-weight:800;transition:.2s}
.skip-link:focus{top:16px}
.google-g{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:#4285f4;font-size:28px;font-weight:900;margin-bottom:10px}
.review-real{align-items:flex-start}
.review-real strong{font-size:clamp(1.4rem,2vw,2.1rem)}
.why-section{position:relative;overflow:hidden}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.why-grid article{position:relative;padding:28px;border:1px solid rgba(255,189,0,.18);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,189,0,.025));box-shadow:0 24px 60px rgba(0,0,0,.22);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.why-grid article:hover{transform:translateY(-7px);border-color:rgba(255,189,0,.48);box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 28px rgba(255,189,0,.08)}
.why-grid article>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:rgba(255,189,0,.1);border:1px solid rgba(255,189,0,.28);color:#ffbd00;font-size:25px;margin-bottom:20px}
.why-grid h3{margin:0 0 10px;font-size:1.08rem}
.why-grid p{margin:0;color:var(--muted);line-height:1.65}
.hero-dashboard .arrival-summary em{display:block;color:#ffbd00;font-style:normal;font-size:.8rem;margin-top:5px}
.metric strong{font-size:1.14rem}
.favorite-card,.image-card,.review-panel,.catering-card,.full-menu-cta{content-visibility:auto;contain-intrinsic-size:400px}
a:focus-visible,button:focus-visible{outline:3px solid #ffbd00;outline-offset:4px}
@media(max-width:980px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.why-grid{grid-template-columns:1fr}.why-grid article{padding:22px}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
  .truck-wrap{transform:none!important}
}

.reveal-section{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal-section.is-visible{opacity:1;transform:none}


/* V8 — Habibi logo experience + cinematic Our Story */
.brand-loader{position:fixed;inset:0;z-index:99999;background:#050505;display:grid;place-items:center;align-content:center;gap:14px;overflow:hidden;transition:opacity .8s ease,visibility .8s ease}
.brand-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.brand-loader img{width:min(340px,72vw);filter:drop-shadow(0 0 28px rgba(255,178,0,.22));animation:loaderLogo 1.5s cubic-bezier(.2,.8,.2,1) both}
.brand-loader p{margin:0;color:#e8dfcc;letter-spacing:.24em;text-transform:uppercase;font-size:.72rem;animation:loaderText 1.5s .25s both}
.loader-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,183,0,.16),transparent 68%);filter:blur(24px);animation:loaderPulse 2.4s ease-in-out infinite}
.loader-line{width:180px;height:1px;background:linear-gradient(90deg,transparent,#ffbd00,transparent);animation:loaderLine 1.6s .35s both}
@keyframes loaderLogo{from{opacity:0;transform:translateY(18px) scale(.92);filter:blur(10px)}to{opacity:1;transform:none;filter:drop-shadow(0 0 28px rgba(255,178,0,.22))}}
@keyframes loaderText{from{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.24em}}
@keyframes loaderLine{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes loaderPulse{50%{transform:scale(1.13);opacity:.72}}

.nav-logo{width:110px;height:58px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,189,0,.13))}
.story-section{position:relative;padding:clamp(90px,10vw,150px) max(5vw,24px);overflow:hidden;background:
radial-gradient(circle at 17% 15%,rgba(255,183,0,.09),transparent 29%),
radial-gradient(circle at 86% 62%,rgba(255,120,0,.055),transparent 31%),
linear-gradient(180deg,#080807,#050505 52%,#090806)}
.story-atmosphere{position:absolute;inset:0;pointer-events:none}
.story-orb{position:absolute;border-radius:50%;filter:blur(4px);background:radial-gradient(circle,rgba(255,190,0,.13),transparent 68%);animation:storyOrb 12s ease-in-out infinite}
.orb-one{width:420px;height:420px;left:-130px;top:10%}
.orb-two{width:500px;height:500px;right:-180px;bottom:18%;animation-delay:-5s}
.story-line{position:absolute;left:50%;top:9%;bottom:13%;width:1px;background:linear-gradient(transparent,rgba(255,189,0,.23),transparent)}
@keyframes storyOrb{50%{transform:translateY(-28px) scale(1.08)}}
.story-intro{position:relative;z-index:2;max-width:860px;margin:0 auto 100px;text-align:center}
.story-logo{width:min(260px,58vw);margin-bottom:24px;filter:drop-shadow(0 0 24px rgba(255,189,0,.16))}
.story-intro h2{font-size:clamp(2.7rem,7vw,6.6rem);line-height:.92;margin:14px 0 28px}
.story-intro h2 em{color:#ffbd00;font-weight:400}
.story-intro p{max-width:700px;margin:auto;color:var(--muted);font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.8}
.story-chapters{position:relative;z-index:2;max-width:1240px;margin:auto;display:grid;gap:110px}
.story-chapter{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:clamp(40px,7vw,100px)}
.story-chapter:nth-child(even){grid-template-columns:1.12fr 1fr}
.story-copy{max-width:520px}
.chapter-number{display:inline-flex;color:#ffbd00;font-size:.78rem;letter-spacing:.25em;margin-bottom:20px}
.story-copy h3{font-size:clamp(2.2rem,4vw,4.7rem);line-height:1;margin:0 0 24px}
.story-copy p{color:var(--muted);line-height:1.8;font-size:1.06rem}
.story-media{position:relative}
.truck-story-media{min-height:380px;display:grid;place-items:center}
.truck-story-media:after{content:"";position:absolute;left:12%;right:5%;bottom:12%;height:26px;border-radius:50%;background:rgba(0,0,0,.8);filter:blur(15px)}
.truck-story-media img{position:relative;z-index:2;width:100%;filter:drop-shadow(0 34px 38px rgba(0,0,0,.7))}
.story-steam{position:absolute;z-index:3;width:90px;height:160px;background:radial-gradient(ellipse at center,rgba(255,255,255,.22),transparent 63%);filter:blur(11px);opacity:.7;animation:storySteam 4.8s ease-in-out infinite}
.steam-one{left:25%;top:1%}.steam-two{left:34%;top:7%;animation-delay:-2.1s}
@keyframes storySteam{0%{opacity:0;transform:translateY(40px) scale(.6)}35%{opacity:.65}100%{opacity:0;transform:translateY(-80px) scale(1.3)}}
.story-food-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:14px}
.story-food-grid img{width:100%;height:220px;object-fit:cover;border-radius:22px;border:1px solid rgba(255,189,0,.15);box-shadow:0 25px 70px rgba(0,0,0,.35);transition:transform .45s ease,filter .45s ease}
.story-food-grid img:first-child{grid-row:1/3;height:454px}
.story-food-grid img:hover{transform:scale(1.035);filter:saturate(1.08)}
.story-night-card{padding:clamp(32px,5vw,62px);border:1px solid rgba(255,189,0,.26);border-radius:28px;background:
linear-gradient(140deg,rgba(255,189,0,.08),rgba(255,255,255,.025)),
radial-gradient(circle at 80% 20%,rgba(255,189,0,.1),transparent 40%);
box-shadow:0 35px 100px rgba(0,0,0,.38)}
.story-night-card>span{color:#ffbd00;letter-spacing:.22em;font-size:.75rem}
.story-night-card strong{display:block;font-size:clamp(2rem,4vw,4.2rem);line-height:1.06;margin:20px 0 34px}
.story-promise{position:relative;z-index:2;max-width:1160px;margin:110px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(255,189,0,.14);border-radius:24px;overflow:hidden;background:rgba(255,189,0,.12)}
.story-promise>div{background:#090908;padding:28px 22px;display:flex;align-items:center;gap:14px}
.story-promise span{color:#ffbd00;font-size:1.45rem}
.story-finale{position:relative;z-index:2;max-width:850px;margin:120px auto 0;text-align:center;padding:70px 30px;border-top:1px solid rgba(255,189,0,.14)}
.story-finale img{width:180px;opacity:.88;filter:drop-shadow(0 0 18px rgba(255,189,0,.14))}
.story-finale p{color:var(--muted);margin:28px 0 12px}
.story-finale h3{font-size:clamp(2.6rem,6vw,6rem);margin:0 0 34px}
.story-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.footer-brand{text-align:center;padding:46px 20px 28px;border-bottom:1px solid rgba(255,189,0,.1);margin-bottom:26px}
.footer-brand img{width:150px;opacity:.9}
.footer-brand p{color:var(--muted);margin:14px 0 0;font-size:.88rem}
@media(max-width:900px){
  .story-chapter,.story-chapter:nth-child(even){grid-template-columns:1fr}
  .story-chapter-food .story-media{order:2}
  .story-chapter-food .story-copy{order:1}
  .story-copy{max-width:none}
  .story-promise{grid-template-columns:repeat(2,1fr)}
  .story-line{left:24px}
}
@media(max-width:600px){
  .story-section{padding-left:20px;padding-right:20px}
  .story-intro{margin-bottom:74px}
  .story-chapters{gap:82px}
  .story-food-grid{grid-template-columns:1fr 1fr}
  .story-food-grid img,.story-food-grid img:first-child{height:190px}
  .story-food-grid img:first-child{grid-column:1/3;grid-row:auto}
  .story-promise{grid-template-columns:1fr}
  .story-finale{margin-top:80px}
  .nav-logo{width:88px;height:48px}
}


/* V9 — official white/gold logo and richer animated gold food-art background */
:root{--habibi-gold:#ffbd00}

.gold-art-background{
  position:fixed;
  inset:0;
  z-index:-2;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,189,0,.055),transparent 28%),
    radial-gradient(circle at 82% 58%,rgba(255,137,0,.04),transparent 31%);
}
.gold-art{
  position:absolute;
  width:min(760px,62vw);
  height:auto;
  object-fit:contain;
  opacity:.085;
  filter:
    drop-shadow(0 0 6px rgba(255,189,0,.14))
    drop-shadow(0 0 18px rgba(255,189,0,.05));
  will-change:transform;
  animation:goldArtFloat 16s ease-in-out infinite alternate;
}
.art-a{left:-16%;top:4%;transform:rotate(-5deg);animation-duration:18s}
.art-b{right:-18%;top:24%;transform:rotate(5deg);animation-delay:-6s;animation-duration:21s}
.art-c{left:-12%;top:58%;transform:rotate(2deg);animation-delay:-10s;animation-duration:24s}
.art-d{right:-15%;top:78%;transform:rotate(-4deg);animation-delay:-3s;animation-duration:19s}
.art-e{left:19%;top:110%;width:min(900px,72vw);opacity:.055;animation-delay:-13s;animation-duration:27s}

@keyframes goldArtFloat{
  0%{translate:0 -14px;rotate:-1deg}
  50%{translate:18px 18px;rotate:1.5deg}
  100%{translate:-10px 34px;rotate:-1.2deg}
}
.gold-dust{
  position:absolute;
  inset:-10%;
  opacity:.12;
  background-image:
    radial-gradient(circle,rgba(255,198,45,.8) 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(255,157,0,.55) 0 1px,transparent 1.8px);
  background-size:78px 78px,123px 123px;
  background-position:0 0,35px 21px;
  animation:goldDustMove 30s linear infinite;
}
.dust-two{opacity:.065;transform:scale(1.3);animation-direction:reverse;animation-duration:42s}
@keyframes goldDustMove{
  to{background-position:156px -156px,-211px 246px}
}

/* Make the official logo read correctly on the dark website. */
.nav-logo,
.story-logo,
.story-finale img,
.footer-brand img,
.brand-loader img{
  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.08))
    drop-shadow(0 0 20px rgba(255,189,0,.18));
}
.nav-logo{width:122px;height:64px}
.brand-loader img{width:min(360px,76vw)}
.story-logo{width:min(285px,62vw)}
.footer-brand img{width:170px}

/* Keep artwork subtle behind real content while adding depth. */
.site-header,
.hero,
.section,
.story-section,
.site-footer{position:relative;isolation:isolate}
.hero:before,
.story-section:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(5,5,5,.58),rgba(5,5,5,.12) 45%,rgba(5,5,5,.55));
}
.favorite-card,
.why-grid article,
.story-night-card,
.review-panel,
.catering-card,
.location-card{
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

@media(max-width:820px){
  .gold-art{width:100vw;opacity:.062}
  .art-a{left:-42%;top:7%}
  .art-b{right:-48%;top:32%}
  .art-c{left:-45%;top:68%}
  .art-d{right:-48%;top:98%}
  .art-e{display:none}
  .nav-logo{width:96px;height:52px}
}
@media(prefers-reduced-motion:reduce){
  .gold-art,.gold-dust{animation:none!important}
}