@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--ink:#17231e;--muted:#6e786f;--paper:#f6f4ee;--line:#17231e24;--lime:#d8f15a;--orange:#ef7750}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Space Grotesk,IBM Plex Sans Arabic,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}main{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:26px 5vw;display:flex}.wordmark{color:var(--ink);letter-spacing:-.07em;font-size:1.1rem;font-weight:700;text-decoration:none}.wordmark span{color:var(--orange);margin:0 2px}.top-actions{align-items:center;gap:18px;display:flex}.demo-chip,.footer-mark{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.language{border:0;border-bottom:1px solid var(--ink);color:var(--ink);background:0 0;padding:0 0 3px;font-size:.78rem}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4vw;min-height:720px;padding:9vw 10vw 8vw;display:grid;position:relative}.hero-copy{z-index:2;max-width:620px;position:relative}.eyebrow{color:var(--orange);letter-spacing:.15em;text-transform:uppercase;margin:0 0 22px;font-size:.66rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.09em;max-width:700px;margin-bottom:34px;font-size:clamp(3.4rem,7vw,7.6rem);font-weight:500;line-height:.85}.hero-intro{color:var(--muted);max-width:420px;margin-bottom:36px;font-size:1.05rem;line-height:1.7}.primary-button,.secondary-button{border:0;justify-content:center;align-items:center;gap:20px;padding:15px 20px;font-size:.78rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.primary-button{background:var(--ink);color:var(--paper)}.primary-button:hover{background:#25372d;transform:translateY(-3px)}.secondary-button{border:1px solid var(--line);color:var(--ink);background:0 0}.secondary-button:hover{background:#fff}.hero-orbit{place-items:center;min-height:470px;display:grid;position:relative}.orbit-ring{border:1px solid #17231e33;border-radius:50%;width:min(35vw,410px);height:min(35vw,410px);position:absolute;transform:rotate(-18deg)}.orbit-ring:before,.orbit-ring:after{content:"";background:var(--orange);border-radius:50%;width:13px;height:13px;position:absolute}.orbit-ring:before{top:7%;left:18%}.orbit-ring:after{background:var(--lime);bottom:18%;right:10%}.hero-card{width:200px;color:var(--paper);background:var(--ink);flex-direction:column;gap:5px;padding:20px;display:flex;position:absolute;box-shadow:10px 10px #17231e1f}.hero-card span{color:var(--lime);font-size:.7rem}.hero-card strong{font-size:1rem}.hero-card small{color:#aab8a9;font-size:.65rem}.hero-card-one{top:18%;left:5%;transform:rotate(-9deg)}.hero-card-two{background:var(--orange);bottom:13%;right:2%;transform:rotate(8deg)}.hero-card-two span{color:var(--ink)}.hero-note{letter-spacing:.09em;text-transform:uppercase;text-align:center;font-size:.68rem;line-height:1.6;transform:rotate(-10deg)}.hero-note b{letter-spacing:-.04em;text-transform:none;font-size:1rem}.menu-section{background:#ecebe4;padding:8vw 10vw 10vw}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:56px;display:flex}h2{letter-spacing:-.09em;margin-bottom:0;font-size:clamp(2.8rem,5.5vw,6.5rem);font-weight:500;line-height:.86}h2 em{color:var(--orange);font-style:normal}.section-note{color:var(--muted);max-width:220px;font-size:.82rem;line-height:1.6}.filter-row{gap:8px;margin-bottom:28px;display:flex}.filter{border:1px solid var(--line);color:var(--muted);background:0 0;padding:10px 15px;font-size:.73rem}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.menu-card{text-align:start;background:var(--paper);color:var(--ink);border:0;padding:0;transition:transform .25s,box-shadow .25s}.menu-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px #17231e1a}.card-index{color:var(--muted);letter-spacing:.13em;padding:20px 20px 12px;font-size:.63rem}.card-art{background:color-mix(in srgb, var(--accent) 35%, #f6f4ee);min-height:300px;position:relative;overflow:hidden}.card-art:after{content:"";background:linear-gradient(#0000 65%,#17231e2e);position:absolute;inset:0}.card-art img{object-fit:cover;width:100%;height:300px;transition:transform .5s;display:block}.menu-card:hover .card-art img{transform:scale(1.04)}.view-pill{z-index:1;color:var(--ink);background:var(--lime);padding:8px 10px;font-size:.65rem;font-weight:700;position:absolute;top:15px;right:15px}.card-copy{justify-content:space-between;gap:20px;padding:20px;display:flex}.card-copy h3{letter-spacing:-.05em;margin-bottom:7px;font-size:1.2rem}.card-copy p{max-width:300px;color:var(--muted);margin:0;font-size:.76rem;line-height:1.5}.card-copy>strong{white-space:nowrap;font-size:1.15rem}small{font-size:.62em;font-weight:500}footer{background:var(--ink);color:var(--paper);justify-content:space-between;align-items:end;padding:55px 10vw;display:flex}footer .wordmark{color:var(--paper)}footer p{color:#aab8a9;margin:15px 0 0;font-size:.7rem}.modal-backdrop{z-index:10;background:#0a120eb8;padding:4vh 4vw;position:fixed;inset:0;overflow-y:auto}.detail-modal{background:var(--paper);max-width:1120px;min-height:90vh;margin:auto;padding:42px;position:relative}.close-button{color:var(--ink);z-index:2;background:0 0;border:0;font-size:2rem;position:absolute;top:17px;right:20px}.detail-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:42px;display:grid}.detail-copy h2{margin-bottom:22px;font-size:clamp(3rem,5vw,5rem)}.detail-description{color:var(--muted);max-width:420px;line-height:1.7}.price-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:28px 0;padding:18px 0;display:flex}.price-line strong{font-size:1.8rem}.price-line span{color:var(--orange);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.detail-copy h3{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.ingredient-list{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.ingredient-list span{background:#e7e6dd;padding:8px 10px;font-size:.7rem}.allergen-note{color:var(--orange);font-size:.72rem}.detail-actions{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.viewer-shell{background:color-mix(in srgb, var(--accent) 20%, #e8e5db);min-height:450px;position:relative;overflow:hidden}.viewer-canvas{opacity:0;width:100%;height:450px;transition:opacity .4s;display:block}.viewer-canvas.is-ready{opacity:1}.viewer-fallback{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.viewer-fallback img{object-fit:cover;filter:saturate(.86);width:100%;height:100%;position:absolute;inset:0}.viewer-fallback:after{content:"";background:linear-gradient(#141e180d,#141e188c);position:absolute;inset:0}.viewer-fallback>div{z-index:1;color:#fff;place-self:end start;padding:24px;position:relative}.viewer-badge{background:var(--lime);color:var(--ink);padding:7px 9px;font-size:.65rem;font-weight:700}.viewer-fallback p{margin:16px 0 5px;font-size:1.1rem}.viewer-fallback small{color:#e6e9e2}.viewer-hint{z-index:2;color:var(--ink);background:#f6f4eecc;padding:8px 10px;font-size:.65rem;position:absolute;bottom:16px;left:18px}.viewer-ar-slot{z-index:3;position:absolute;top:16px;left:16px}.viewer-ar-button{letter-spacing:.03em;cursor:pointer;font-weight:600;background:var(--ink)!important;color:var(--paper)!important;border:1px solid var(--paper)!important;padding:8px 12px!important;font-size:.65rem!important;position:static!important}.guide,.reservation{border-top:1px solid var(--line);margin-top:48px;padding-top:34px}.guide{grid-template-columns:.8fr 1.2fr;gap:25px;display:grid}.guide h3{margin:0;font-size:1.3rem}.guide form{align-items:start;gap:8px;display:flex}.guide input,.form-grid input{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:0 0;outline:none;padding:13px 14px}.guide input:focus,.form-grid input:focus{border-color:var(--ink)}.guide form button{background:var(--ink);color:var(--paper);border:0;padding:13px 17px}.answer{background:#e7e6dd;grid-column:2;margin:0;padding:15px;font-size:.78rem;line-height:1.6}.form-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px;display:grid}.success-message{color:#3c7a3c;font-weight:600}@media (max-width:800px){.topbar{padding:20px 5vw}.demo-chip{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:15vw 7vw 17vw}.hero-orbit{min-height:390px;margin-top:-20px}.orbit-ring{width:300px;height:300px}.hero-card-one{left:0}.hero-card-two{right:0}.menu-section{padding:16vw 7vw}.section-heading{display:block}.section-note{margin-top:25px}.menu-grid{grid-template-columns:1fr}.card-art,.card-art img{height:260px;min-height:260px}footer{padding:40px 7vw}.detail-modal{padding:30px 20px 25px}.detail-grid{grid-template-columns:1fr;gap:28px}.viewer-shell,.viewer-canvas{height:350px;min-height:350px}.guide{display:block}.guide form{margin-top:20px}.answer{margin-top:15px}}@media (max-width:450px){h1{font-size:3.5rem}.hero-card{width:165px;padding:15px}.hero-card-one{top:14%}.hero-card-two{bottom:10%}.hero-note{font-size:.56rem}.hero-note b{font-size:.8rem}.card-copy{display:block}.card-copy>strong{margin-top:14px;display:block}.form-grid{grid-template-columns:1fr}}.detail-quick{color:var(--orange);margin:-12px 0 16px;font-size:.82rem;font-weight:600}.viewer-canvas{touch-action:none;cursor:grab}.viewer-canvas:active{cursor:grabbing}.viewer-info-toggle{z-index:3;color:var(--paper);letter-spacing:.03em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141812c7;border:0;align-items:center;gap:6px;padding:8px 12px;font-size:.68rem;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.viewer-info-toggle span{background:var(--lime);width:16px;height:16px;color:var(--ink);border-radius:50%;place-items:center;font-size:.62rem;font-style:italic;font-weight:800;display:inline-grid}.viewer-info-panel{z-index:2;color:var(--paper);background:linear-gradient(#10161100 0%,#1016118c 38%,#101611eb 100%);flex-direction:column;justify-content:flex-end;gap:6px;padding:60px 18px 18px;display:flex;position:absolute;inset:0}.viewer-info-quick{margin:0 0 4px;font-size:.95rem;font-weight:600}.viewer-info-label{text-transform:uppercase;letter-spacing:.12em;color:#cfd6c9;margin:10px 0 6px;font-size:.62rem}.viewer-info-ingredients,.viewer-info-allergens{flex-wrap:wrap;gap:6px;display:flex}.viewer-info-chip{background:#f6f4ee24;border:1px solid #f6f4ee40;padding:6px 10px;font-size:.7rem}.viewer-info-allergen{background:var(--orange);color:var(--ink);padding:6px 10px;font-size:.7rem;font-weight:600}.viewer-info-allergen.is-safe{color:var(--paper);background:#f6f4ee24;border:1px solid #f6f4ee40;font-weight:500}.viewer-pieces{z-index:3;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:65%;display:flex;position:absolute;bottom:16px;left:auto;right:16px}.piece-chip{color:var(--ink);background:#f6f4eeeb;border:1px solid #1418122e;padding:7px 10px;font-size:.65rem;font-weight:600}.piece-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sandwich-showcase{color:#303b30;background:#eeeae0;border:1px solid #d9d6cb;min-width:0}.showcase-stage{background:radial-gradient(at 50% 55%,#faf8f2,#e4e1d7);position:relative}.showcase-canvas{touch-action:none;cursor:grab;width:100%;height:470px;display:block}.showcase-canvas:active{cursor:grabbing}.showcase-caption{pointer-events:none;z-index:1;gap:7px;display:grid;position:absolute;inset-block-start:22px;inset-inline-start:22px}.showcase-kicker{letter-spacing:.18em;color:#626a5c;font-size:.56rem}.showcase-caption strong{letter-spacing:-.04em;font-size:1.15rem;font-weight:500}.showcase-status{text-align:end;max-width:40%;font-size:.6rem;position:absolute;inset-block-start:28px;inset-inline-end:20px}.showcase-status:before{content:"";vertical-align:middle;background:#647852;border-radius:50%;width:5px;height:5px;margin-inline-end:6px;display:inline-block}.showcase-skip{color:#fff;background:#354331;border:0;padding:9px 12px;font-size:.66rem;position:absolute;inset-block-end:45px;inset-inline-end:16px}.showcase-gesture{bottom:10px;text-align:center;color:#646959;pointer-events:none;margin:0;font-size:.62rem;position:absolute;inset-inline:14px}.showcase-loading{background:#e8e4d8;place-items:center;display:grid;position:absolute;inset:0}.showcase-loading>img{object-fit:cover;opacity:.2}.showcase-loading>div{text-align:center;max-width:80%;position:relative}.showcase-loading p{margin:14px 0;font-size:.8rem}.showcase-loader{border:1px solid #b9b9a8;border-top-color:#3c4935;border-radius:50%;width:24px;height:24px;animation:1s linear infinite showcase-spin;display:inline-block}.showcase-controls{background:#f7f5ee;border-top:1px solid #d9d6cb;padding:13px 15px 15px}.showcase-controls button,.showcase-controls select,.showcase-loading button{color:inherit;background:0 0;border:1px solid #d9d6cb;min-height:36px;padding:9px 10px;font-size:.68rem}.showcase-controls button:hover:not(:disabled){background:#e7eadd}.showcase-controls button:disabled{opacity:.4;cursor:default}.sandwich-showcase :focus-visible{outline-offset:3px;outline:2px solid #85613a}.showcase-playback{border-bottom:1px solid #e4e1d7;align-items:center;gap:9px;padding-bottom:12px;display:flex}.showcase-playback input{accent-color:#455339;cursor:pointer;flex:1;min-width:35px;height:20px}.showcase-time{white-space:nowrap;font-variant-numeric:tabular-nums;color:#72776a;font-size:.58rem}.showcase-selection{align-items:center;gap:8px;padding:12px 0;display:flex}.showcase-selection label{color:#737766;white-space:nowrap;font-size:.62rem}.showcase-selection select{background:#fffdf7;flex:1;width:0;min-width:0;font-family:inherit}.showcase-selection button{white-space:nowrap}.showcase-tools{flex-wrap:wrap;gap:5px;display:flex}.showcase-tools button[aria-pressed=true]{color:#fbfaf4;background:#354331;border-color:#354331}.showcase-tools .showcase-reset{text-underline-offset:4px;border-color:#0000;margin-inline-start:auto;text-decoration:underline}.showcase-nudges{border-top:1px solid #e4e1d7;align-items:center;gap:4px;margin-top:10px;padding-top:10px;display:flex}.showcase-nudges span{flex:1;font-size:.64rem}.showcase-nudges button{min-width:36px}@keyframes showcase-spin{to{transform:rotate(360deg)}}@media (max-width:800px){.showcase-canvas{height:400px}.showcase-controls{padding:11px}.showcase-caption{inset-block-start:17px;inset-inline-start:14px}.showcase-status{inset-block-start:21px;inset-inline-end:14px}.showcase-selection{flex-wrap:wrap}.showcase-selection label{width:100%}.showcase-controls button,.showcase-controls select{min-height:42px}}@media (prefers-reduced-motion:reduce){.showcase-loader{animation:none}}