@import "https://fonts.googleapis.com/css2?family=Cairo:wght@500;700;900&family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap";:root{--orange:#ef6c22;--orange-dark:#c84d10;--ink:#17130f;--cream:#fff7e8;--paper:#f2e6cf;--gold:#e0a331;--green:#356d31;--white:#fffdf8;--line:#17130f29;--shadow:0 22px 60px #17130f1f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.skipLink{z-index:1000;background:var(--ink);color:#fff;padding:12px 18px;position:fixed;top:-80px;left:16px}.skipLink:focus{top:12px}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.siteHeader{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#fff7e8ed;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:32px;height:82px;display:flex}.brandMark{align-items:center;gap:9px;display:flex}.brandArabic{color:var(--orange);font:900 30px/1 Cairo,sans-serif}.brandEnglish{letter-spacing:.1em;font:700 22px/1 Oswald,sans-serif}.brandMarkInverse .brandArabic{color:var(--gold)}.brandMarkInverse .brandEnglish{color:var(--cream)}.brandLink{padding:8px 0}.navLinks{align-items:center;gap:34px;font-size:14px;font-weight:700;display:flex}.navLinks a{padding:14px 0;position:relative}.navLinks a:after{content:"";background:var(--orange);height:2px;transition:right .25s;position:absolute;bottom:7px;left:0;right:100%}.navLinks a:hover:after{right:0}.headerCta{background:var(--ink);min-height:46px;color:var(--cream);border:2px solid var(--ink);align-items:center;gap:10px;padding:0 18px;font-weight:700;transition:all .2s;display:inline-flex}.headerCta:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.hero{background:var(--cream);position:relative;overflow:hidden}.heroTexture{opacity:.38;pointer-events:none;background-image:radial-gradient(#17130f26 .65px,#0000 .7px);background-size:6px 6px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 80%);mask-image:linear-gradient(90deg,#000,#0000 80%)}.heroGrid{grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;min-height:700px;padding-block:74px 108px;display:grid;position:relative}.eyebrow,.kicker{letter-spacing:.16em;text-transform:uppercase;font:700 12px/1.4 DM Sans,sans-serif}.eyebrow{align-items:center;gap:10px;display:flex}.eyebrow>span{background:var(--orange);width:26px;height:3px}.hero h1,.sectionIntro h2,.storyCopy h2,.visitSection h2{letter-spacing:-.035em;text-transform:uppercase;margin:20px 0 0;font:700 clamp(58px,7.4vw,102px)/.9 Oswald,sans-serif}.hero h1 em,.sectionIntro h2 em,.visitSection h2 em{color:var(--orange);font-style:normal}.heroArabic{border-left:4px solid var(--orange);background:var(--ink);width:max-content;color:var(--cream);margin:22px 0 0;padding:7px 14px;font:700 20px/1.4 Cairo,sans-serif}.lede{color:#4c443c;max-width:560px;margin:26px 0 0;font-size:18px;line-height:1.7}.heroActions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:2px solid var(--ink);justify-content:center;align-items:center;gap:13px;min-height:52px;padding:0 22px;font-weight:800;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.buttonPrimary{background:var(--orange);border-color:var(--orange);color:#fff}.buttonPrimary:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.buttonGhost:hover{background:var(--ink);color:var(--cream)}.heroFacts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:48px;padding-top:22px;display:grid}.heroFacts p{flex-direction:column;gap:4px;margin:0;display:flex}.heroFacts strong{text-transform:uppercase;font:600 17px Oswald,sans-serif}.heroFacts span{color:#74695f;font-size:12px}.heroArt{min-height:510px;position:relative}.sunRays{background:repeating-conic-gradient(from -7deg,var(--gold) 0 2deg,transparent 2deg 12deg);opacity:.68;border-radius:50%;width:420px;height:420px;animation:80s linear infinite spin;position:absolute;top:4px;right:-25px}.sunRays:after{content:"";background:var(--cream);border-radius:50%;position:absolute;inset:90px}.artArabic{z-index:2;color:var(--orange);margin:0;font:900 clamp(70px,9vw,126px)/1 Cairo,sans-serif;position:absolute;top:-30px;right:22px;transform:rotate(-4deg)}.truck{z-index:3;filter:drop-shadow(18px 23px #17130f1f);height:255px;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:78px;left:10px;right:0}.heroArt:hover .truck{transform:translate(10px)rotate(-1deg)}.truckBox{background:var(--orange);border:5px solid var(--ink);flex-direction:column;justify-content:center;align-items:center;width:66%;height:190px;display:flex;position:absolute;bottom:42px;right:2px}.truckBox:after{content:"";background:var(--ink);border:4px solid var(--cream);width:43%;height:74px;position:absolute;top:18px;right:8%}.truckBox b{letter-spacing:.1em;margin-top:75px;font:700 33px Oswald,sans-serif}.truckBox small{letter-spacing:.15em;font:700 8px DM Sans,sans-serif}.truckBox i{border:7px double var(--gold);width:37px;height:37px;position:absolute;top:17px;left:15px;transform:rotate(45deg)}.truckCab{background:var(--orange);border:5px solid var(--ink);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,0 44%);width:38%;height:142px;position:absolute;bottom:42px;left:0}.truckCab span{background:var(--ink);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);width:56%;height:47px;position:absolute;top:15px;left:25%}.wheel{z-index:4;background:var(--ink);width:74px;height:74px;box-shadow:inset 0 0 0 6px var(--gold);border:15px solid #332b24;border-radius:50%;position:absolute;bottom:14px}.wheelOne{left:18%}.wheelTwo{right:12%}.roundel{z-index:5;border:3px solid var(--ink);background:var(--gold);letter-spacing:.14em;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:126px;height:126px;font:700 11px/1.35 Oswald,sans-serif;display:flex;position:absolute;bottom:0;left:-6px;transform:rotate(-8deg)}.roundel b{font-size:25px}.roundel strong{font-size:12px}.marquee{background:var(--orange);border-block:3px solid var(--ink);white-space:nowrap;letter-spacing:.08em;height:47px;font:700 20px/41px Oswald,sans-serif;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.marquee div{width:max-content;animation:22s linear infinite scroll}.locationStrip{background:var(--ink);color:var(--cream);border-bottom:5px solid var(--orange)}.locationInner{justify-content:space-between;align-items:center;gap:30px;min-height:176px;display:flex}.eyebrowLight{color:var(--gold)}.locationInner h2{text-transform:uppercase;max-width:720px;margin:10px 0 0;font:600 clamp(23px,3vw,36px)/1.2 Oswald,sans-serif}.locationInner>a{border-bottom:2px solid var(--orange);align-items:center;min-height:52px;font-weight:700;display:inline-flex}.locationInner>a span{margin-left:26px;font-size:22px}.menuSection{padding-block:110px 130px}.sectionIntro{grid-template-columns:1.35fr .65fr;align-items:end;gap:50px;margin-bottom:48px;display:grid}.kicker{color:var(--orange)}.sectionIntro h2{font-size:clamp(46px,6vw,78px)}.sectionIntro>p{color:#61574e;max-width:390px;margin:0 0 5px;line-height:1.75}.filters{border-bottom:1px solid var(--line);gap:8px;margin-bottom:28px;padding-bottom:18px;display:flex}.filters button{border:1px solid var(--line);cursor:pointer;background:0 0;min-height:44px;padding:0 19px;font-weight:700;transition:all .2s}.filters button:hover,.filters button.active{background:var(--ink);border-color:var(--ink);color:var(--cream)}.menuGrid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.menuCard{background:var(--white);border:1px solid var(--line);grid-column:span 4;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 10px #17130f0a}.menuCard:hover{box-shadow:var(--shadow);transform:translateY(-8px)}.photoWrap{aspect-ratio:1.35;background:var(--paper);position:relative;overflow:hidden}.photoWrap img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.menuCard:hover .photoWrap img{transform:scale(1.06)}.menuNumber{background:var(--orange);border:2px solid var(--ink);place-items:center;width:42px;height:42px;font:700 16px Oswald,sans-serif;display:grid;position:absolute;top:12px;left:12px}.cardCopy{padding:22px}.itemHeading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.itemHeading p{color:var(--orange);text-align:left;margin:0 0 3px;font:700 17px/1.2 Cairo,sans-serif}.itemHeading h3{text-transform:uppercase;margin:0;font:600 23px/1.15 Oswald,sans-serif}.itemHeading>strong{color:var(--orange);font:700 22px Oswald,sans-serif}.description{color:#675e55;min-height:70px;margin:16px 0;font-size:14px;line-height:1.6}.tags{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-top:15px;display:flex}.tags span{background:var(--ink);color:var(--cream);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;font-size:10px;font-weight:800}.tags .veg{color:var(--green);background:#e8f0df}.drinkCard{grid-column:span 6;grid-template-columns:180px 1fr;display:grid}.drinkVisual{background:var(--gold);border-right:3px solid var(--ink);place-items:center;min-height:220px;display:grid}.drinkVisual span{border:3px solid var(--ink);border-radius:50%;place-items:center;width:105px;height:105px;font:700 30px Oswald,sans-serif;display:grid;transform:rotate(-8deg)}.drinkCard .description{min-height:auto}.storySection{background:var(--paper);padding-block:120px;position:relative;overflow:hidden}.storyGrid{grid-template-columns:.86fr 1.14fr;align-items:center;gap:100px;display:grid}.storyPoster{background:var(--orange);border:5px solid var(--ink);min-height:465px;box-shadow:20px 20px 0 var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;transform:rotate(-2deg)}.storyPoster p{z-index:1;color:var(--cream);margin:0;font:900 clamp(80px,10vw,140px)/1 Cairo,sans-serif}.storyPoster strong{z-index:1;letter-spacing:.2em;font:700 32px Oswald,sans-serif}.storyPoster small{z-index:1;text-transform:uppercase;letter-spacing:.16em;margin-top:10px;font-weight:800}.storySun{border:50px double var(--gold);opacity:.5;border-radius:50%;width:360px;height:360px;position:absolute}.storyCopy h2{max-width:650px;font-size:clamp(45px,5.4vw,74px)}.storyCopy>p:not(.kicker){color:#554c44;max-width:590px;font-size:18px;line-height:1.8}.storyCopy blockquote{border-left:5px solid var(--orange);text-transform:uppercase;margin:38px 0 0;padding:8px 0 8px 22px;font:600 24px Oswald,sans-serif}.visitSection{background:var(--orange);color:var(--ink);padding-block:110px}.visitGrid{grid-template-columns:1fr .72fr;align-items:center;gap:90px;display:grid}.visitSection .eyebrowLight{color:var(--ink)}.visitSection .eyebrow>span{background:var(--ink)}.visitSection h2{font-size:clamp(50px,6.5vw,86px)}.visitSection h2 em{color:var(--cream)}.visitCard{background:var(--ink);color:var(--cream);box-shadow:14px 14px 0 var(--gold);flex-direction:column;align-items:flex-start;padding:42px;display:flex}.visitCard>p{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px;font-size:11px;font-weight:800}.visitCard>strong{text-transform:uppercase;font:600 28px/1.3 Oswald,sans-serif}.visitCard>span{color:#cfc5b5;margin:22px 0 28px;line-height:1.6}.buttonCream{background:var(--cream);color:var(--ink);border-color:var(--cream)}.buttonCream:hover{background:var(--gold);border-color:var(--gold)}footer{background:var(--ink);color:var(--cream);padding:70px 0 30px}.footerGrid{grid-template-columns:1fr 1fr auto;align-items:center;gap:40px;padding-bottom:56px;display:grid}.footerGrid>div strong{text-transform:uppercase;font:600 19px Oswald,sans-serif}.footerGrid p{color:#9f9589;margin:7px 0 0}.footerGrid>a{border-bottom:2px solid var(--orange);padding:14px 0;font-weight:700}.footerBottom{color:#81796f;border-top:1px solid #ffffff26;justify-content:space-between;gap:20px;padding-top:25px;font-size:12px;display:flex}.mobileDirections{display:none}.announcement{background:var(--gold);border-bottom:3px solid var(--ink)}.announcement>div{text-align:center;justify-content:center;align-items:center;gap:18px;min-height:54px;display:flex}.announcement strong{text-transform:uppercase;letter-spacing:.12em;font:700 13px Oswald,sans-serif}.announcement span{font-weight:600}.adminPage{background:#eee4d2;min-height:100vh}.adminHeader{background:var(--ink);height:84px;color:var(--cream);border-bottom:5px solid var(--orange);justify-content:space-between;align-items:center;padding:0 34px;display:flex}.adminHeader p{color:#9f9589;margin:5px 0 0;font-size:12px}.adminHeader>div:last-child{gap:24px;font-size:13px;font-weight:700;display:flex}.adminLayout{grid-template-columns:250px 1fr;max-width:1440px;margin:auto;display:grid}.adminLayout aside{height:calc(100vh - 84px);color:var(--cream);background:#272019;flex-direction:column;gap:8px;padding:38px 26px;display:flex;position:sticky;top:0}.adminLayout aside>p{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;margin:0 0 18px;font:700 12px Oswald,sans-serif}.adminLayout aside>a{color:#d8ccbc;border-left:3px solid #0000;padding:12px 10px;font-size:13px;font-weight:700}.adminLayout aside>a:hover{border-color:var(--orange);background:#ffffff0d}.adminStatus{color:#b8aa99;border-top:1px solid #ffffff26;align-items:center;gap:10px;margin-top:auto;padding:18px 0;font-size:12px;display:flex}.adminStatus>span{background:var(--gold);border-radius:50%;width:9px;height:9px}.adminStatus>span.ok{background:#62a35d}.adminContent{width:100%;max-width:940px;padding:58px 54px 100px}.adminWelcome{margin-bottom:44px}.adminWelcome>p{color:var(--orange);text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800}.adminWelcome h1{text-transform:uppercase;margin:8px 0 10px;font:700 clamp(42px,6vw,72px)/1 Oswald,sans-serif}.adminWelcome>span{color:#6d6257}.adminCard{background:var(--white);border:1px solid var(--line);margin-bottom:24px;padding:32px;scroll-margin-top:20px;box-shadow:8px 8px #17130f14}.adminCardHead{align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.adminCardHead>span{background:var(--orange);border:2px solid var(--ink);place-items:center;width:42px;height:42px;font:700 16px Oswald,sans-serif;display:grid}.adminCardHead h2{text-transform:uppercase;margin:0;font:600 27px Oswald,sans-serif}.adminCardHead p{color:#766b61;margin:5px 0 0;font-size:13px}.adminCard>label{text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:8px;margin-top:18px;font-size:12px;font-weight:800;display:flex}.adminCard input:not([type=checkbox]),.adminCard textarea{width:100%;color:var(--ink);resize:vertical;background:#fffaf1;border:1px solid #b9ad9e;padding:13px 14px;font:500 15px DM Sans,sans-serif}.adminCard input:focus,.adminCard textarea:focus{border-color:var(--ink);outline:3px solid #e0a33173}.switch{cursor:pointer;flex-direction:row!important;align-items:center!important;gap:12px!important}.switch input{opacity:0;position:absolute}.switch>span{background:#b7ada2;border-radius:30px;width:42px;height:24px;transition:all .2s;position:relative}.switch>span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(18px)}.adminMenu{gap:10px;display:grid}.adminMenuRow{border:1px solid var(--line);background:#f7eddd;grid-template-columns:1fr 130px 120px;align-items:center;gap:18px;padding:15px;display:grid}.adminMenuRow strong{text-transform:uppercase;font:600 16px Oswald,sans-serif}.adminMenuRow label{text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:800;display:flex}.adminMenuRow input:not([type=checkbox]){padding:9px}.adminSave{background:var(--ink);color:var(--cream);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex;position:sticky;bottom:16px}.adminSave>span{color:#b8aa99;font-size:12px}.adminSave .button{cursor:pointer;width:auto}.adminGate{background:var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.adminGate>div{background:var(--white);border:4px solid var(--ink);max-width:560px;box-shadow:16px 16px 0 var(--orange);padding:48px}.adminGate h1{text-transform:uppercase;font:700 50px/1 Oswald,sans-serif}.adminGate p{color:#61574e;line-height:1.7}.reveal{animation:.75s cubic-bezier(.2,.75,.25,1) .1s both rise}.revealDelay{animation-delay:.25s}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes scroll{to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.heroGrid{grid-template-columns:1fr;min-height:auto;padding-top:65px}.heroCopy{max-width:750px}.heroArt{min-height:480px}.artArabic{right:8%}.sectionIntro,.storyGrid,.visitGrid{grid-template-columns:1fr}.sectionIntro{align-items:start}.storyGrid{gap:85px}.storyPoster{max-width:600px}.visitGrid{gap:55px}.menuCard{grid-column:span 6}.footerGrid{grid-template-columns:1fr 1fr}.footerGrid>a{grid-column:1/-1;width:max-content}}@media (width<=720px){.shell{width:min(100% - 28px,1180px)}html{scroll-padding-top:68px}.nav{height:68px}.brandArabic{font-size:25px}.brandEnglish{font-size:19px}.navLinks,.headerCta{display:none}.heroGrid{gap:20px;padding-block:52px 92px}.hero h1{font-size:clamp(52px,17vw,74px)}.heroArabic,.lede{font-size:16px}.heroActions{display:grid}.button{width:100%}.heroFacts{gap:10px}.heroFacts strong{font-size:14px}.heroFacts span{font-size:10px}.heroArt{min-height:340px}.sunRays{width:300px;height:300px;right:-70px}.sunRays:after{inset:65px}.artArabic{font-size:72px;top:-10px}.truck{height:190px;bottom:50px}.truckBox{border-width:4px;height:135px}.truckBox:after{height:48px}.truckBox b{margin-top:48px;font-size:23px}.truckCab{border-width:4px;height:104px}.wheel{border-width:11px;width:56px;height:56px}.roundel{width:92px;height:92px}.roundel b{font-size:18px}.roundel strong,.roundel span{font-size:8px}.locationInner{flex-direction:column;align-items:flex-start;padding-block:34px}.locationInner h2{font-size:24px}.menuSection{padding-block:82px 100px}.sectionIntro{gap:25px}.sectionIntro h2{font-size:48px}.filters{overflow-x:auto}.filters button{flex:none}.menuGrid{grid-template-columns:1fr}.menuCard,.drinkCard{grid-column:auto}.drinkCard{grid-template-columns:110px 1fr}.drinkVisual{min-height:210px}.drinkVisual span{width:75px;height:75px;font-size:23px}.cardCopy{padding:19px}.itemHeading h3{font-size:20px}.description{min-height:auto}.storySection{padding-block:90px}.storyGrid{gap:70px}.storyPoster{min-height:355px;box-shadow:12px 12px 0 var(--ink)}.storyPoster p{font-size:90px}.storyCopy h2{font-size:47px}.visitSection{padding-block:85px}.visitSection h2{font-size:52px}.visitCard{box-shadow:9px 9px 0 var(--gold);padding:28px}.visitCard>strong{font-size:23px}.footerGrid{grid-template-columns:1fr;gap:34px}.footerGrid>a{grid-column:auto}.footerBottom{flex-direction:column;padding-bottom:68px}.mobileDirections{z-index:60;background:var(--orange);min-height:54px;color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);justify-content:center;align-items:center;gap:15px;font-weight:900;display:flex;position:fixed;bottom:10px;left:12px;right:12px}}@media (width<=760px){.adminHeader{align-items:flex-start;gap:18px;height:auto;padding:18px}.adminHeader>div:last-child{flex-direction:column;gap:8px}.adminLayout{display:block}.adminLayout aside{grid-template-columns:repeat(3,1fr);height:auto;padding:18px;display:grid;position:static}.adminLayout aside>p,.adminStatus{grid-column:1/-1}.adminLayout aside>a{padding:8px;font-size:11px}.adminContent{padding:38px 16px 100px}.adminCard{padding:22px}.adminMenuRow{grid-template-columns:1fr}.adminSave{flex-direction:column;align-items:stretch}.adminSave .button{width:100%}.announcement>div{flex-direction:column;gap:4px;padding-block:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.marquee div,.heroArt:hover .truck{transform:none}}
