@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&display=swap');
:root{--bg:#141915;--surface:#1d241e;--ink:#f6f0e5;--muted:#b5b9ad;--gold:#d6ae78;--line:#ffffff21;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.9 Almarai,Tahoma,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover;background:#293128}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,76px);line-height:1.45;letter-spacing:-2px;font-weight:400}h2{font-size:clamp(28px,3vw,43px);font-weight:400;line-height:1.5}h3{font-size:20px}p{color:var(--muted)}.demo{background:#0d110e;min-height:36px;padding:5px 5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.4px;border-bottom:1px solid var(--line)}.demo i{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-left:7px}.demo b{margin:0 10px;color:var(--gold)}.demo button,.text-button{background:none;border:0;color:var(--gold);padding:0}.demo button{font-size:11px}header{min-height:101px;margin:0 5%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{direction:ltr;display:flex;align-items:center;gap:12px;font:21px var(--serif);letter-spacing:2px;white-space:nowrap}.brand small{display:block;font:8px/2.6 Arial;letter-spacing:2.7px}.monogram{font:36px var(--serif);border:1px solid var(--gold);color:var(--gold);width:47px;height:50px;display:grid;place-items:center}.header-actions{display:flex;align-items:center;gap:22px;margin-right:auto}.cart-link{font-size:12px;white-space:nowrap}.cart-link span{background:#2b342b;padding:3px 7px;border-radius:50%;color:var(--gold)}nav{display:flex;gap:23px;font-size:12px}nav a{padding:10px 0}nav a.active{color:var(--gold);border-bottom:1px solid var(--gold)}.button{background:var(--gold);border:1px solid var(--gold);color:#191e18;padding:13px 25px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#e8c89d;transform:translateY(-2px)}.button.outline{background:transparent;color:var(--ink);border-color:#ffffff50}.button.small{font-size:12px;padding:10px 17px}.menu-toggle{display:none}.hero{position:relative;min-height:655px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;padding:70px 8% 65px}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-position:center 55%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#141915 4%,#141915f0 30%,#14191577 63%,#14191515),linear-gradient(0deg,#141915,transparent 24%)}.hero-copy{position:relative;z-index:1;max-width:620px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:3px;display:flex;align-items:center;gap:13px;margin-bottom:23px}.eyebrow:before{content:'';width:32px;height:1px;background:var(--gold)}.hero h1 em{color:var(--gold);font-style:normal}.hero p{max-width:425px;font-size:15px;line-height:2.2;margin-bottom:28px}.actions{display:flex;gap:13px;flex-wrap:wrap}.hero-note{font-size:10px;color:var(--muted);margin-top:30px;letter-spacing:1px}.hero-stamp{position:absolute;z-index:1;left:7%;bottom:57px;border:1px solid #ffffff65;padding:18px 30px;backdrop-filter:blur(8px);font:italic 22px var(--serif)}.strip{display:flex;justify-content:space-around;padding:25px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;gap:16px;color:#d8d4c8}.strip span:before{content:'✦';color:var(--gold);margin-left:12px}.section{padding:75px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:12px}.text-link{color:var(--gold);font-size:12px;border-bottom:1px solid #d6ae7866;padding-bottom:6px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.food-card{background:#1a211b;border:1px solid var(--line);position:relative}.food-card .image-link{display:block;overflow:hidden}.food-card img{width:100%;height:265px;transition:transform .5s}.food-card:hover img{transform:scale(1.04)}.food-content{padding:22px}.food-content h3{margin:0 0 6px}.food-content p{font-size:12px;min-height:44px;margin-bottom:17px}.food-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--gold)}.food-bottom strong{font-size:18px}.food-bottom small{font-size:11px;font-weight:400}.add{background:transparent;color:var(--gold);border:1px solid #d6ae7866;width:36px;height:36px;font-size:22px}.tag{position:absolute;top:16px;right:16px;background:#141915dc;padding:4px 12px;font-size:10px;color:var(--gold)}.story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#1b211b}.story img{width:100%;height:430px}.story p{font-size:14px;line-height:2.2}.story .number{font:italic 100px var(--serif);color:#d6ae7840}.booking-banner{text-align:center;background:linear-gradient(#141915cb,#141915e8),url('assets/interior.jpg') center/cover;padding:85px 20px}.booking-banner .eyebrow{justify-content:center}.booking-banner p{margin-bottom:26px}footer{padding:55px 8% 20px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:40px}footer h3{font-size:13px}footer p,footer a:not(.brand),footer button,footer small{font-size:12px}footer a:not(.brand),footer button{display:block;margin-bottom:8px}footer .brand{margin-bottom:18px}footer small{color:var(--muted)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px}.page-head{padding:55px 8% 30px;background:radial-gradient(ellipse at top left,#38422a55,transparent 70%)}.page-head h1{font-size:46px;margin:5px 0 12px}.crumb{font-size:11px;color:var(--muted);margin-bottom:25px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.chip{background:none;border:1px solid var(--line);color:var(--muted);padding:9px 23px;font-size:12px}.chip.active{background:var(--gold);color:var(--bg);border-color:var(--gold)}input,select,textarea{width:100%;background:#121813;border:1px solid #ffffff40;color:var(--ink);padding:13px 15px;border-radius:0}input[type=date]{color-scheme:dark}textarea{resize:vertical;min-height:110px}label{font-size:12px;display:block;margin-bottom:7px}.search{max-width:360px;margin-bottom:22px}.empty{text-align:center;padding:55px;border:1px dashed var(--line);grid-column:1/-1}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.detail img{width:100%;height:470px}.detail h1{font-size:40px}.detail .price{font-size:30px;color:var(--gold)}.notice{padding:14px 17px;background:#d6ae780a;border-right:2px solid var(--gold);color:var(--muted);font-size:12px;margin:22px 0}.form-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:50px}.panel{padding:30px;border:1px solid var(--line);background:var(--surface)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.muted{color:var(--muted);font-size:12px}.form-error{color:#ffc6b3;min-height:20px;font-size:12px}.summary-line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);gap:15px}.cart-row{display:flex;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-row img{width:90px;height:90px}.cart-info{flex:1}.cart-info h3{font-size:16px;margin:0}.qty{display:flex;align-items:center;gap:12px;margin-top:9px}.qty button{background:none;border:1px solid var(--line);color:var(--ink);width:29px;height:29px}.delete{background:none;border:0;color:#dda693;font-size:12px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.gallery button{padding:0;border:0;background:none;text-align:right;color:var(--ink)}.gallery img{height:350px;width:100%}.gallery p{padding:10px 0}.offer{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-bottom:25px;align-items:center}.offer img{height:330px;width:100%}.offer div{padding:40px}.branch{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px}.branch h2{font-size:28px}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer}.faq p{font-size:13px;margin:13px 0 0}dialog{background:#1d241e;color:var(--ink);border:1px solid #d6ae7866;width:min(600px,92vw);padding:38px;max-height:88vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{position:absolute;left:12px;top:6px;background:none;color:var(--ink);border:0;font-size:27px}dialog h2{font-size:28px}dialog img{max-height:65vh;width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--gold);color:#111;padding:11px 23px;z-index:20;pointer-events:none;transition:.2s;max-width:90vw;text-align:center;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-100px;background:var(--gold);color:#111;z-index:99;padding:12px}.skip:focus{top:0}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1150px){header{gap:20px}nav{gap:13px}.brand{font-size:17px}.header-actions{gap:12px}.monogram{display:none}}@media(max-width:900px){header{flex-wrap:wrap;padding:20px 0;min-height:85px}.menu-toggle{display:block;background:none;border:1px solid var(--line);color:var(--ink);font-size:20px;margin-right:auto}nav{display:none;order:4;width:100%;padding:14px 0}nav.open{display:flex;flex-wrap:wrap}.header-actions{margin-right:0}.hero{grid-template-columns:1fr;min-height:620px}.hero:after{background:linear-gradient(270deg,#141915ef,#14191570),linear-gradient(0deg,#141915,transparent)}.hero-copy{max-width:540px}.hero-stamp{display:none}.cards{gap:15px}.food-card img{height:205px}.food-content{padding:17px}.food-content h3{font-size:17px}.section{padding:55px 6%}.form-layout{gap:25px}.detail{gap:30px}.detail img{height:380px}footer{padding:45px 6%}}@media(max-width:600px){.demo{font-size:9px;padding:6px 4%}.demo button{font-size:10px}.demo b{margin:0 4px}header{margin:0 5%;gap:10px}.brand{font-size:15px;letter-spacing:1px}.brand small{font-size:6px}.header-actions .button{display:none}.header-actions{margin-right:6px}.menu-toggle{font-size:17px}.hero{padding:55px 7% 60px;min-height:570px}.hero h1{font-size:46px}.hero p{font-size:13px;max-width:300px}.hero-image{object-position:37% center}.hero:after{background:linear-gradient(270deg,#141915eb,#14191577),linear-gradient(0deg,#141915,transparent)}.eyebrow{font-size:9px;letter-spacing:2px}.strip{font-size:10px;flex-wrap:wrap;padding:19px 4%}.strip span:before{margin-left:5px}.cards{grid-template-columns:1fr 1fr;gap:12px}.food-card img{height:170px}.food-content{padding:13px}.food-content h3{font-size:15px}.food-content p{font-size:10px;line-height:1.8;min-height:54px}.food-bottom strong{font-size:16px}.food-bottom small{font-size:9px}.tag{font-size:8px;right:8px;top:8px;padding:3px 7px}.section-heading{align-items:center}.section-heading .text-link{font-size:10px;white-space:nowrap}.section-heading h2{font-size:27px}.story,.detail,.form-layout,.offer{grid-template-columns:1fr}.story{gap:30px}.story img{height:290px}.story .number{display:none}.booking-banner{padding:60px 7%}footer{grid-template-columns:1fr 1fr;gap:28px}footer>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px;font-size:9px}.page-head{padding:35px 6% 22px}.page-head h1{font-size:34px}.page-head p{font-size:13px}.detail img{height:330px}.detail h1{font-size:31px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.panel{padding:22px}.gallery{gap:12px}.gallery img{height:200px}.offer div{padding:25px}.offer img{height:250px}.branch{grid-template-columns:1fr;gap:6px}.cart-row{gap:12px}.cart-row img{width:65px;height:75px}.cart-info h3{font-size:14px}.chip{padding:8px 15px}.section{padding:40px 6%}.gallery p{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
