:root{--bg:#12110f;--surface:#1e1a17;--surface-hover:#2b221c;--gold:#d5b47b;--gold-light:#f0d5a2;--text:#f5eee1;--muted:#b9ac98;--rule:#4d4030;--wine:#502b2d;--body:'Noto Sans Arabic',sans-serif;--display:'Amiri',serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-color:#8e7350 var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 var(--body);overflow-x:hidden}
a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold-light);outline-offset:5px}button:disabled{cursor:default}
::selection{background:var(--gold);color:var(--bg)}
svg{display:block}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;top:8px;right:8px;padding:10px 22px;background:var(--gold);color:var(--bg);z-index:90;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.motion-toggle{position:fixed;left:28px;bottom:24px;z-index:40;display:flex;align-items:center;gap:8px;color:var(--text);background:#28231e;border:1px solid #756145;border-radius:30px;padding:10px 14px;font-size:12px;min-height:44px}.motion-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.play-icon{display:none}.motion-paused .play-icon{display:block}.motion-paused .pause-icon{display:none}
.welcome{min-height:100svh;padding:30px clamp(26px,5.2vw,88px) 34px;position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;transform-origin:50% 55%;transition:transform .6s var(--ease),opacity .45s,filter .6s}
.gold-dust{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:3}.wordmark{font:32px/1.2 var(--display);letter-spacing:.16em;color:var(--gold);display:inline-block;text-align:center}.wordmark span,.wordmark small{display:block;font:11px/1.8 var(--body);letter-spacing:.17em;margin-top:5px;color:var(--muted)}
.sample-note{font-size:12px;color:var(--muted)}
.welcome-layout{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(40px,7vw,110px);width:100%;max-width:1300px;margin:auto;padding:65px 0 70px;position:relative;z-index:1}
.welcome-copy{padding-inline-start:28px}.welcome-copy h1{font-family:var(--display);font-size:clamp(60px,6.6vw,96px);font-weight:400;line-height:1.35;margin:0;text-wrap:balance}.welcome-copy h1 em{font-style:normal;color:var(--gold)}.welcome-copy>p{color:var(--muted);font-size:18px;margin:22px 0 34px}
.enter-button{display:inline-flex;align-items:center;justify-content:space-between;gap:52px;padding:17px 25px;min-height:64px;min-width:230px;background:var(--gold);color:var(--bg);border:1px solid var(--gold);border-radius:4px;text-decoration:none;font-size:18px;font-weight:600;position:relative;transition:background .2s,transform .2s,box-shadow .2s}.enter-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.enter-button:hover{background:var(--gold-light);transform:translateY(-3px);box-shadow:0 12px 26px #0004}.enter-button:hover svg{transform:translateX(-5px)}
.welcome-note{color:var(--muted);font-size:14px;margin-top:30px;display:flex;align-items:center;gap:14px}.welcome-note>span{width:36px;height:1px;background:var(--gold)}
.scene{position:relative;width:100%;max-width:580px;aspect-ratio:1.03;perspective:1100px;transform-style:preserve-3d;--rx:0deg;--ry:0deg;--px:0px;--py:0px}
.scene-plane{position:absolute;inset:0 5%;transform:rotateY(var(--ry)) rotateX(var(--rx));transform-style:preserve-3d;transition:transform .65s var(--ease)}
.scene-image{width:100%;height:100%;object-fit:cover;object-position:53% 50%;border-radius:47% 47% 8px 8px;display:block;box-shadow:0 36px 60px #0008;transform:translateZ(10px)}
.scene-logo{position:absolute;top:-20px;right:7%;width:132px;height:132px;border-radius:50%;background:#19140f;border:1px solid var(--gold);padding:4px;transform:translateZ(65px);box-shadow:0 18px 35px #0009;animation:emblem-float 7s ease-in-out infinite}
.brand-mark{width:100%;height:100%;border-radius:50%;overflow:hidden;display:block}
.scene-orbit{position:absolute;inset:-5% -4%;border:1px solid #876c3b;pointer-events:none;border-radius:50%;opacity:.55;transform-style:preserve-3d}.orbit-one{transform:rotateZ(-17deg) rotateY(28deg) translateZ(-25px);animation:orbit-drift 18s ease-in-out infinite}.orbit-two{inset:12% -9%;transform:rotateZ(24deg) rotateY(-34deg) translateZ(-50px);opacity:.3}
.scene-caption{position:absolute;bottom:23px;left:25px;right:25px;text-align:center;font-size:11px;letter-spacing:.18em;color:#ffdfb0;transform:translateZ(25px)}
.scene-stamp{position:absolute;left:0;bottom:7%;border:1px solid #a47e4c;background:#33231d;color:var(--gold-light);font-family:var(--display);font-size:25px;line-height:1.3;padding:18px 21px;text-align:center;transform:rotate(-8deg) translateZ(90px);border-radius:4px;box-shadow:0 18px 28px #0006;animation:stamp-float 8s ease-in-out infinite}
.welcome-footer{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:13px;max-width:1300px;width:100%;margin:0 auto;padding-inline-start:28px;position:relative;z-index:2}.welcome-footer a{text-decoration:none}.welcome-footer a:hover{text-decoration:underline}.footer-rule{height:1px;background:var(--rule);flex:1}.welcome-footer>a{margin-left:140px}
.js .menu-app{display:none}.js body.menu-open .menu-app{display:block}.js body.menu-open .welcome{display:none}.js .menu-group[hidden]{display:none!important}
.welcome.is-leaving{transform:scale(1.075) translateZ(0);filter:blur(8px);opacity:0;pointer-events:none}
.menu-app{max-width:1460px;margin:0 auto;padding:0 clamp(24px,4.6vw,72px);min-height:100svh;outline:none!important}.menu-app.is-arriving{animation:menu-arrive .75s var(--ease)}
.menu-header{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px 0 22px;border-bottom:1px solid var(--rule)}.menu-brand{display:flex;align-items:center;gap:14px;text-decoration:none}.menu-brand>.brand-mark{width:67px;height:67px}.menu-brand .wordmark{font-size:26px}.menu-brand .wordmark small{font-size:10px;letter-spacing:.11em;margin-top:3px}.menu-header-copy{margin-inline-end:auto;padding-inline-start:45px}.menu-header-copy h1{font-family:var(--display);font-size:34px;font-weight:400;line-height:1.5;margin:0}.menu-header-copy p{font-size:13px;color:var(--muted);margin:0}.return-button{display:flex;align-items:center;gap:10px;border:1px solid var(--rule);background:transparent;color:var(--gold);border-radius:5px;padding:9px 15px;font-size:14px;min-height:45px}.return-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;transform:rotate(180deg)}.return-button:hover{background:var(--surface)}
.menu-navigation{position:sticky;top:0;z-index:20;background:var(--bg);padding:20px 0 15px;border-bottom:1px solid var(--rule)}.categories{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:3px 3px 8px}.category{color:var(--muted);background:transparent;border:1px solid var(--rule);padding:10px 18px;border-radius:30px;display:flex;align-items:center;gap:10px;min-height:48px;white-space:nowrap;flex:none;font-size:14px;transition:color .2s,background .2s,border-color .2s}.category svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.category:hover{color:var(--text);border-color:#a58b63}.category.active{color:var(--bg);background:var(--gold);border-color:var(--gold);font-weight:600}
.menu-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 0;color:var(--muted);font-size:12px}.menu-meta>span:last-child{color:var(--gold)}
.menu-content{perspective:1400px}.menu-group{padding:22px 0 42px;transform-origin:center top;scroll-margin-top:110px}.menu-group.is-selected{animation:page-turn .55s var(--ease)}.group-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.group-heading h2{font-family:var(--display);font-size:42px;font-weight:400;line-height:1.5;margin:0;color:var(--gold-light)}.group-heading p{color:var(--muted);font-size:14px;line-height:1.6;margin:2px 0 0}.item-count{color:var(--muted);font-size:13px}
.category-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:30px;direction:ltr}.category-layout>*{direction:rtl}.category-photo{margin:0;position:relative;overflow:hidden;min-height:430px;border-radius:12px;background:#201912}.category-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% center;transition:transform .6s var(--ease)}.category-photo figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:#19130feb;color:var(--gold-light);padding:13px 16px;font-family:var(--display);font-size:23px;line-height:1.5;border-radius:5px}.category-photo:hover img{transform:scale(1.025)}
.dish-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;perspective:1000px}.dish{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:25px 24px 22px;min-width:0;display:flex;flex-direction:column;position:relative;transform-style:preserve-3d;transition:transform .3s var(--ease),background .3s,border-color .3s}.dish:hover{transform:translateY(-4px) rotateX(2deg);background:var(--surface-hover);border-color:#a58b63}.dish-top{margin-bottom:16px;color:#ac8b59}.dish-top svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.dish h3{font-size:18px;font-weight:600;line-height:1.7;margin:0 0 8px}.dish p{color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 22px;max-width:31ch}.dish-bottom{display:flex;align-items:center;gap:20px;margin-top:auto}.price{display:inline-flex;align-items:baseline;gap:7px;font-variant-numeric:tabular-nums;direction:ltr;color:var(--gold-light);font-size:23px;line-height:1.5;font-weight:500;white-space:nowrap}.price>span{font-size:12px;color:var(--muted)}.dish-line{height:1px;background:var(--rule);flex:1;max-width:70px}
.category-art{min-height:430px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;position:relative;overflow:hidden;border:1px solid var(--rule);background:#25231b;border-radius:12px;color:var(--gold)}.category-art.breakfast{background:#39241f}.category-art>svg{width:60px;height:60px;fill:none;stroke:currentColor;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round}.category-art>span{font-family:var(--display);font-size:35px;position:relative;z-index:1}.art-orbit{position:absolute;width:86%;aspect-ratio:1;border:1px solid #685136;border-radius:50%;transform:rotateX(54deg) rotateY(22deg);opacity:.8}
.menu-footer{display:flex;align-items:center;gap:25px;padding:22px 0 100px;border-top:1px solid var(--rule);color:var(--muted);font-size:12px}.footer-brand{font-family:var(--display);font-size:26px;letter-spacing:.13em;color:var(--gold)}.menu-footer p{margin:0;flex:1}.menu-footer a{font-size:13px}
@keyframes emblem-float{0%,100%{transform:translateZ(65px) translateY(0) rotateY(-5deg)}50%{transform:translateZ(80px) translateY(-12px) rotateY(7deg)}}
@keyframes stamp-float{0%,100%{transform:rotate(-8deg) translateY(0) translateZ(90px)}50%{transform:rotate(-4deg) translateY(9px) translateZ(90px)}}
@keyframes orbit-drift{0%,100%{transform:rotateZ(-17deg) rotateY(28deg) translateZ(-25px)}50%{transform:rotateZ(-8deg) rotateY(-5deg) translateZ(-25px)}}
@keyframes menu-arrive{from{opacity:.3;transform:perspective(1200px) rotateX(5deg) translateY(30px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes page-turn{from{transform:rotateY(-9deg) translateY(12px);filter:blur(2px);opacity:.45}to{transform:none;filter:blur(0);opacity:1}}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .scene-plane{transform:none!important}.motion-paused .dish:hover,.motion-paused .enter-button:hover{transform:none}.motion-paused .category-photo:hover img{transform:none}.motion-paused .welcome{transition:none}.motion-paused .menu-app.is-arriving,.motion-paused .menu-group.is-selected{animation:none!important}
@media(min-width:1600px){.welcome-layout{padding-block:80px}.scene{max-width:610px}}
@media(max-width:1100px){.welcome{padding-inline:36px}.welcome-layout{gap:35px}.welcome-copy{padding-inline-start:0}.welcome-copy h1{font-size:68px}.welcome-copy>p{font-size:16px}.scene-logo{width:105px;height:105px}.scene-stamp{font-size:22px;padding:15px 19px}.welcome-footer{padding-inline-start:0}.category-layout{gap:22px;grid-template-columns:.85fr 1.3fr}.dish{padding:20px 18px}.dish p{font-size:14px}.category-photo{min-height:440px}.menu-header-copy{padding-inline-start:10px}}
@media(max-width:760px){.welcome{padding:24px 24px 78px;min-height:100svh}.welcome-header .wordmark{font-size:26px}.wordmark span{font-size:10px}.welcome-layout{display:flex;flex-direction:column-reverse;gap:22px;margin:24px auto 30px;padding:0;max-width:540px}.scene{width:min(75vw,330px);aspect-ratio:1.25;max-height:290px;margin:20px auto 5px}.scene-plane{inset:0}.scene-image{border-radius:46% 46% 5px 5px;object-position:50% 58%}.scene-logo{width:81px;height:81px;right:6%;top:-22px;padding:3px}.scene-stamp{left:-15px;bottom:10%;font-size:19px;padding:12px 15px}.scene-caption{font-size:9px;bottom:15px;letter-spacing:.12em}.scene-orbit{inset:-6% -7%}.welcome-copy{text-align:center;padding:0}.welcome-copy h1{font-size:51px;line-height:1.35}.welcome-copy h1 em{display:inline}.welcome-copy>p{font-size:15px;margin:15px 0 23px}.enter-button{min-height:58px;min-width:225px;padding:14px 23px;font-size:16px;gap:40px}.welcome-note{justify-content:center;font-size:12px;margin-top:20px}.welcome-note>span{width:24px}.welcome-footer{font-size:11px;gap:15px;padding:0}.welcome-footer>a{margin-left:0;font-size:12px}.footer-rule{display:none}.welcome-footer{justify-content:space-between}.motion-toggle{left:16px;bottom:16px;padding:8px 12px;font-size:11px;min-height:40px}.motion-toggle svg{width:15px;height:15px}
.menu-app{padding-inline:22px}.menu-header{gap:16px;padding:22px 0 18px}.menu-brand{gap:9px}.menu-brand>.brand-mark{width:51px;height:51px}.menu-brand .wordmark{font-size:22px}.menu-brand .wordmark small{font-size:9px}.menu-header-copy{display:none}.return-button{font-size:13px;padding:8px 12px;min-height:42px}.menu-navigation{margin-inline:-22px;padding:14px 0 10px}.categories{padding-inline:22px;gap:8px}.category{min-height:45px;padding:8px 15px;font-size:13px;gap:8px}.category svg{width:19px;height:19px}.menu-meta{padding-top:16px;font-size:11px}.group-heading{margin-bottom:20px}.group-heading h2{font-size:35px}.group-heading p{font-size:13px}.item-count{font-size:12px}.menu-group{padding-top:20px}.category-layout{display:flex;flex-direction:column;gap:20px}.category-photo{min-height:0;aspect-ratio:2.08;max-height:245px;border-radius:10px}.category-photo img{object-position:center 55%}.category-photo figcaption{display:none}.category-art{min-height:165px;border-radius:10px;gap:12px;flex-direction:row}.category-art>svg{width:45px;height:45px}.category-art>span{font-size:29px}.art-orbit{width:60%}.dish-grid{gap:12px}.dish{padding:18px 15px 17px}.dish-top{margin-bottom:12px}.dish-top svg{width:21px;height:21px}.dish h3{font-size:16px;margin-bottom:7px}.dish p{font-size:13px;line-height:1.9;margin-bottom:18px}.dish-bottom{gap:8px}.price{font-size:20px;gap:5px}.price>span{font-size:11px}.dish-line{display:none}.menu-footer{flex-wrap:wrap;gap:12px 18px;padding-bottom:85px}.menu-footer p{flex-basis:100%;order:3;font-size:11px}.menu-footer a{margin-inline-start:auto}.footer-brand{font-size:24px}}
@media(max-width:370px){.welcome{padding-inline:20px}.welcome-copy h1{font-size:44px}.welcome-layout{gap:20px}.welcome-footer>span{font-size:10px}.scene{width:76vw;aspect-ratio:1.2}.menu-app{padding-inline:16px}.menu-navigation{margin-inline:-16px}.categories{padding-inline:16px}.dish{padding:16px 12px}.dish h3{font-size:15px}.dish p{font-size:12px}.price{font-size:18px}.group-heading h2{font-size:32px}.menu-brand .wordmark small{display:none}}
@media(max-height:760px) and (min-width:761px){.welcome-layout{padding-block:40px}.scene{max-width:420px;margin:auto}.welcome-copy h1{font-size:64px}.welcome-header .wordmark{font-size:26px}.welcome-copy>p{margin:16px 0 26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-logo,.scene-stamp,.scene-orbit{animation:none}.welcome,.scene-plane,.enter-button,.dish,.category-photo img{transition:none}.menu-app.is-arriving,.menu-group.is-selected{animation:none}.welcome.is-leaving{transform:none;filter:none}.enter-button:hover,.dish:hover{transform:none}}
@media print{.welcome,.motion-toggle,.menu-navigation,.return-button,.category-photo,.category-art{display:none!important}.js .menu-app{display:block}.js .menu-group[hidden]{display:block!important}.menu-app{color:#111;background:#fff}.dish-grid{display:block}.dish{color:#111;background:#fff;break-inside:avoid}.dish p,.price{color:#111}.menu-group{break-before:page}.menu-group:first-child{break-before:auto}.menu-footer{padding-bottom:0}}

/* Final responsive and motion accessibility adjustments. */
.scene-plane{z-index:1}.scene-stamp{z-index:3}
.wordmark span,.wordmark small,.menu-brand .wordmark small,.motion-toggle,.menu-meta,.menu-footer p,.scene-caption{font-size:12px}
.category,.group-heading p,.dish p{font-size:14px}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{transition:none!important}
.menu-open .motion-toggle{position:static;flex:none;margin:0}
@media(max-width:760px){.welcome-copy h1{font-size:46px;line-height:1.3}.scene-caption{font-size:11px}.menu-header{gap:10px}.menu-brand>.brand-mark{width:40px;height:40px}.menu-open .motion-toggle{width:42px;min-height:42px;padding:10px;justify-content:center}.menu-open .motion-toggle span{display:none}.dish h3{font-size:17px}.welcome-footer>span{font-size:12px}}
@media(max-width:370px){.welcome-copy h1{font-size:43px}.menu-brand{gap:7px}.menu-brand .wordmark{font-size:20px}.return-button{gap:6px;padding:8px 10px}.dish h3{font-size:16px}}
@media print{.menu-app *{color:#111!important}.motion-toggle{display:none!important}}

/* Zorna Cafe's published menu: three main chapters, each with browsable sections. */
.wordmark{font-family:Georgia,serif;letter-spacing:.045em;font-size:30px;white-space:nowrap;text-transform:none}
.header-kicker{font-family:Georgia,serif;font-size:10px;letter-spacing:.2em;color:var(--muted);direction:ltr}
.welcome-copy .social-actions{display:flex;align-items:center;gap:10px;margin-top:18px}
.action-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 15px;border:1px solid #776145;background:#201b17;border-radius:5px;color:var(--gold-light);font-size:13px;text-decoration:none;white-space:nowrap;transition:background .25s,border-color .25s,transform .25s}
.action-link:hover{background:#35291d;border-color:var(--gold);transform:translateY(-2px)}
.action-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.action-link svg .filled{fill:currentColor;stroke:none}
.menu-brand .wordmark{font-size:24px}
.menu-navigation{padding-bottom:10px;box-shadow:0 12px 25px #0004}
.categories{padding-bottom:11px}
.category{min-height:45px}
.sub-navigation{display:flex;align-items:center;gap:18px;border-top:1px solid #3d342a;padding:11px 0 2px}
.sub-navigation>span{color:var(--muted);font-size:12px;white-space:nowrap}
.subcategories{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin;flex:1;min-width:0;padding:3px 2px 8px}
.subcategory{min-height:43px;padding:6px 14px;display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--muted);background:var(--surface);border:1px solid var(--rule);border-radius:4px;white-space:nowrap;font-size:13px;transition:color .2s,border-color .2s,background .2s,transform .2s}
.subcategory:hover{color:var(--text);border-color:#9c7d52;transform:translateY(-2px)}
.subcategory.active{color:var(--bg);background:var(--gold);border-color:var(--gold);font-weight:600}
.sub-index{font:12px/1 Georgia,serif;opacity:.75;direction:ltr}
.menu-meta{padding:18px 0 0}
.menu-actions{display:flex;gap:8px}
.menu-actions .action-link{min-height:39px;padding:6px 12px;font-size:12px}
.menu-actions .action-link svg{width:16px;height:16px}
.menu-group{padding-top:24px}
.group-overline{display:block;color:var(--gold);font:12px/1.5 Georgia,serif;letter-spacing:.08em;margin-bottom:4px}
.group-heading h2{font-size:45px;line-height:1.25}
.group-heading{align-items:end}
.item-count{border:1px solid var(--rule);border-radius:3px;padding:6px 12px}
.category-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.32fr);align-items:start}
.category-photo{height:390px;min-height:0;max-height:none;position:sticky;top:162px;align-self:start}
.category-photo img{object-position:center}
.dish-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:11px}
.dish{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:84px;padding:16px 17px;transform-style:preserve-3d}
.dish-top{margin:0}
.dish-top svg{display:none}
.dish-index{font:12px/1 Georgia,serif;color:#a88a60;direction:ltr}
.dish h3{font-size:16px;line-height:1.55;margin:0;font-weight:600}
.dish-bottom{margin:0}
.price{font-size:19px;gap:4px}
.price>span{font-size:10px}
.dish-line{display:none}
.menu-footer{padding:26px 0 60px}
.footer-brand{font-size:24px;letter-spacing:.04em}
.menu-footer>span:nth-child(2){flex:1}
.noscript-note{margin:1rem;padding:1rem;border:1px solid var(--gold);color:var(--text)}
.menu-open .skip-link{display:none}
@media(max-width:1100px){
 .category-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
 .category-photo{height:340px}
 .dish{padding:14px 12px;gap:7px}
 .dish h3{font-size:14px}
 .price{font-size:17px}
}
@media(max-width:760px){
 .wordmark,.welcome-header .wordmark{font-size:24px}
 .header-kicker{font-size:8px;letter-spacing:.13em;text-align:left}
 .welcome-copy .social-actions{justify-content:center}
 .social-actions .action-link{min-width:100px}
 .menu-brand .wordmark{font-size:20px}
 .menu-navigation{padding-top:12px}
 .categories{padding-bottom:9px}
 .category{min-height:43px}
 .sub-navigation{padding:9px 0 0}
 .sub-navigation>span{display:none}
 .subcategories{padding-inline:0;margin-inline:0}
 .subcategory{min-height:42px;padding:6px 12px;font-size:12px}
 .menu-meta{align-items:center;gap:8px;flex-wrap:wrap}
 .menu-meta>span{font-size:11px}
 .menu-actions{margin-inline-start:auto}
 .menu-actions .action-link{min-height:36px;padding:5px 8px;font-size:11px;gap:5px}
 .menu-actions .action-link svg{width:15px;height:15px}
 .group-heading{margin-bottom:16px}
 .group-heading h2{font-size:35px}
 .group-overline{font-size:11px}
 .category-layout{display:flex;flex-direction:column;gap:16px}
 .category-photo{position:relative;top:auto;width:100%;height:auto;aspect-ratio:2.1;max-height:220px}
 .dish-grid{width:100%;grid-template-columns:1fr;gap:9px}
 .dish{min-height:66px;grid-template-columns:22px minmax(0,1fr) auto;padding:11px 13px;gap:7px}
 .dish h3{font-size:15px}
 .price{font-size:18px}
 .menu-footer{padding-bottom:55px}
 .menu-footer>span:nth-child(2){display:none}
}
@media(max-width:370px){
 .welcome-header .wordmark{font-size:21px}
 .header-kicker{display:none}
 .menu-brand .wordmark{font-size:18px}
 .menu-brand>.brand-mark{width:34px;height:34px}
 .return-button{font-size:12px}
 .menu-actions .action-link{font-size:10px}
 .dish h3{font-size:14px}
 .price{font-size:16px}
}
@media print{
 .sub-navigation,.menu-actions{display:none!important}
 .category-photo{display:none!important}
 .dish-grid{display:grid;grid-template-columns:1fr 1fr}
}

/* Ordering, discovery and the five-second welcome. */
.welcome-copy .welcome-slogan{font:clamp(23px,2.8vw,37px)/1.6 var(--display);color:var(--gold-light);margin:12px 0 5px}
.welcome-copy .welcome-subtitle{margin:6px 0 25px}
.auto-enter{width:min(100%,300px);margin-top:18px;color:var(--muted);font-size:12px}
.auto-enter-track{display:block;height:2px;background:#6a5840;margin-top:9px;overflow:hidden}
.auto-enter-track i{display:block;width:100%;height:100%;background:var(--gold-light);transform-origin:right;animation:auto-enter-progress 5s linear forwards}
@keyframes auto-enter-progress{to{transform:scaleX(0)}}
.menu-app{position:relative;isolation:isolate}
.menu-app::before{content:"";position:fixed;z-index:-1;inset:15% 0 0;margin:auto;width:min(77vw,740px);height:min(77vw,740px);background:url('assets/brand-reference.png') center/contain no-repeat;opacity:.055;filter:blur(5px) grayscale(1);pointer-events:none}
.menu-utility{display:flex;align-items:center;gap:12px;padding:19px 0 15px}
.search-field{display:flex;align-items:center;gap:12px;flex:1;min-width:0;max-width:680px;background:#211c17;border:1px solid #776045;border-radius:9px;padding:0 15px;min-height:52px;transition:border-color .2s,box-shadow .2s}
.search-field:focus-within{border-color:var(--gold-light);box-shadow:0 0 0 3px #d5b47b25}
.search-field svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round}
.search-field input{font:14px var(--body);color:var(--text);background:transparent;border:0;outline:0;width:100%;min-width:0;padding:12px 0;direction:rtl}
.search-field input::placeholder{color:#b8a993;opacity:1}
.search-field input::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1) brightness(2)}
.cart-launch{display:flex;align-items:center;gap:10px;min-height:52px;background:#2b2118;color:var(--gold-light);border:1px solid #a88b5c;border-radius:9px;padding:7px 15px;font-size:14px;font-weight:600;white-space:nowrap}
.cart-launch:hover,.cart-launch.has-items{background:#48321d;border-color:var(--gold)}
.cart-launch svg,.cart-dock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cart-launch b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 3px;border-radius:50%;background:var(--gold);color:var(--bg);font-size:11px}
.entry-notice{position:relative;display:flex;align-items:center;gap:12px;margin:0 0 7px;padding:12px 14px;background:linear-gradient(110deg,#503d24,#2b251d);border:1px solid #a48758;border-radius:8px;color:var(--text);font-size:13px;box-shadow:0 10px 24px #0004;animation:notice-in .35s var(--ease)}
.entry-notice svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--gold-light);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.entry-notice span{flex:1}.notice-close,.cart-close{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text)}
.notice-close:hover,.cart-close:hover{background:#ffffff1b}.notice-close svg,.cart-close svg{width:18px;height:18px}
@keyframes notice-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.dish{grid-template-columns:minmax(0,1fr) auto 44px;gap:12px;min-height:77px}
.dish h3{min-width:0}.dish-bottom{white-space:nowrap}
.add-to-cart{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;background:#604524;color:#ffe5b4;border:1px solid #b89560;font:29px/1 Georgia,serif;transition:transform .2s,background .2s,box-shadow .2s}
.add-to-cart:hover,.add-to-cart.in-basket{background:var(--gold);color:#201911;border-color:var(--gold)}
.add-to-cart:hover{transform:translateY(-2px)}.add-to-cart.just-added{animation:add-pop .4s var(--ease)}
@keyframes add-pop{50%{transform:scale(1.17);box-shadow:0 0 0 7px #d5b47b3a}}
.search-results{padding:18px 0 65px}.search-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:10px 0 18px;border-bottom:1px solid var(--rule)}
.search-results-heading h2{font:36px/1.4 var(--display);margin:0;color:var(--gold-light)}.search-results-heading span,.search-hit-section{font-size:12px;color:var(--muted)}
.search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:18px}
.search-hit{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:14px;min-height:84px;padding:15px 16px;background:var(--surface);border:1px solid var(--rule);border-radius:10px}
.search-hit-text{min-width:0}.search-hit h3{font-size:16px;line-height:1.5;margin:3px 0 0}.search-hit-price{color:var(--gold-light);white-space:nowrap;font-size:17px;direction:ltr}
.search-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;color:var(--muted);border:1px dashed var(--rule);border-radius:10px}
.search-empty strong{font:27px var(--display);color:var(--text)}
.search-active .menu-navigation,.search-active .menu-meta,.search-active .menu-content{display:none}
.cart-dock{position:fixed;z-index:22;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:13px;min-height:52px;max-width:calc(100vw - 32px);padding:10px 20px;border:1px solid #f1d6a7;border-radius:30px;background:var(--gold);color:#21190f;box-shadow:0 12px 38px #000a;font-size:14px;font-weight:700;white-space:nowrap}
.cart-dock:hover{background:var(--gold-light)}.cart-dock strong{font-size:12px}.cart-dock[hidden]{display:none}
.cart-dialog{width:min(600px,calc(100vw - 24px));max-height:min(88svh,870px);padding:0;border:1px solid #9d7e4e;border-radius:15px;background:#191613;color:var(--text);box-shadow:0 25px 90px #000d;overflow:auto}
.cart-dialog::backdrop{background:#090807c9;backdrop-filter:blur(5px)}.cart-shell{padding:22px}
.cart-header{display:flex;align-items:start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--rule);padding-bottom:14px}
.cart-eyebrow{font:11px Georgia,serif;letter-spacing:.13em;color:var(--gold)}.cart-header h2{font:38px/1.3 var(--display);color:var(--gold-light);margin:2px 0}.cart-header p{font-size:13px;color:var(--muted);margin:0}
.cart-close{border-color:var(--rule)}.cart-close svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.cart-items{min-height:115px;max-height:45svh;overflow-y:auto;scrollbar-color:#8e7350 #211c17}
.cart-empty{text-align:center;padding:32px 12px;color:var(--muted)}.cart-empty-symbol{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 8px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:30px Georgia,serif}.cart-empty h3{font:25px var(--display);color:var(--text);margin:0}.cart-empty p{font-size:13px;margin:4px 0}
.cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;padding:14px 1px;border-bottom:1px solid #46382b}
.cart-row-detail h3{font-size:16px;line-height:1.5;margin:0}.cart-row-section{font-size:11px;color:var(--muted)}.cart-row-unit{font-size:12px;color:var(--muted);white-space:nowrap;text-align:left;direction:ltr}
.cart-quantity-controls{display:flex;align-items:center;gap:8px;grid-column:1;grid-row:2}.cart-quantity-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #846c4a;border-radius:7px;color:var(--gold-light);background:#2b241c;font:23px/1 Georgia,serif}.cart-quantity-controls button:hover{background:#4a3824}.cart-quantity-controls span{min-width:18px;text-align:center}
.cart-row-total{grid-column:2;grid-row:2;color:var(--gold-light);white-space:nowrap;text-align:left;direction:ltr;font-size:15px}
.cart-summary{display:flex;align-items:center;justify-content:space-between;padding:17px 2px 10px;gap:12px;font-size:17px}.cart-summary strong{font-size:23px;color:var(--gold-light)}
.cart-timer{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.cart-timer svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.cart-timer span{flex:1}.cart-timer time{color:var(--gold-light);font:13px Georgia,serif;direction:ltr}
.cart-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.cart-actions button{min-height:46px;border-radius:7px;padding:9px 15px;font-size:13px}.cart-present{flex:1;background:var(--gold);border:1px solid var(--gold);color:#1c160f;font-weight:700}.cart-present:hover{background:var(--gold-light)}.cart-clear,.cart-edit{background:transparent;border:1px solid #8a7050;color:var(--gold-light)}.cart-actions button:disabled{opacity:.4}
.cart-dialog.captain-mode{width:min(700px,calc(100vw - 24px));background:#f4ebd9;color:#221d16;border-color:#ddbe84}.captain-mode .cart-eyebrow,.captain-mode .cart-header h2,.captain-mode .cart-row-total,.captain-mode .cart-summary strong{color:#5a3519}.captain-mode .cart-header p,.captain-mode .cart-row-section,.captain-mode .cart-row-unit{color:#655743}.captain-mode .cart-header,.captain-mode .cart-row{border-color:#c6b395}.captain-mode .cart-row-detail h3{font-size:20px}.captain-mode .cart-row-unit{font-size:15px}.captain-mode .cart-row-total{font-size:18px}.captain-mode .cart-summary{font-size:21px;border-top:2px solid #8a6d49}.captain-mode .cart-summary strong{font-size:27px}.captain-mode .cart-quantity-controls,.captain-mode .cart-timer{display:none}.captain-mode .cart-close{color:#352d22;border-color:#b19a77}.captain-mode .cart-edit{background:#3b2a1d;color:#fff;border-color:#3b2a1d;flex:1}.captain-mode .cart-items{max-height:55svh}
.cart-feedback{position:fixed;z-index:100;top:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:10px 17px;background:#ddc18b;color:#21170e;border-radius:8px;box-shadow:0 10px 30px #0008;font-size:13px;font-weight:600;text-align:center;pointer-events:none}
[hidden]{display:none!important}
@media(max-width:760px){.welcome-copy .welcome-slogan{font-size:27px}.auto-enter{margin:14px auto 0}.menu-utility{padding:13px 0 11px;gap:8px}.search-field{min-height:46px;padding:0 11px}.search-field input{font-size:13px}.cart-launch{min-height:46px;padding:7px 10px;gap:6px}.cart-launch span{display:none}.cart-launch svg{width:21px;height:21px}.entry-notice{font-size:12px}.dish{grid-template-columns:minmax(0,1fr) auto 44px;min-height:66px;gap:8px}.dish h3{font-size:15px}.search-grid{grid-template-columns:1fr}.search-hit{min-height:73px;padding:12px}.cart-dialog{max-height:91svh}.cart-shell{padding:18px}.cart-items{max-height:52svh}.cart-dock{bottom:max(14px,env(safe-area-inset-bottom));width:calc(100vw - 36px)}}
@media(max-width:370px){.dish{gap:5px;padding-inline:10px}.dish h3{font-size:14px}.dish .price{font-size:15px}.dish .price>span{font-size:9px}.add-to-cart{width:40px;height:40px}.search-hit{gap:7px}.search-hit-price{font-size:14px}}
@media(prefers-reduced-motion:reduce){.auto-enter-track i,.entry-notice,.add-to-cart.just-added{animation:none}.add-to-cart{transition:none}}
@media print{.menu-utility,.entry-notice,.cart-dock,.cart-dialog,.cart-feedback,.add-to-cart{display:none!important}.search-active .menu-content{display:block}}

.powered-by{direction:ltr;white-space:nowrap;color:var(--muted);font:12px/1.6 Georgia,serif;letter-spacing:.02em}
.powered-by a{color:var(--gold-light);font-weight:700;text-decoration:none;border-bottom:1px solid #8d7048}
.powered-by a:hover{color:#fff2d2;border-color:#fff2d2}
.menu-footer .powered-by{margin-inline-start:auto}
.menu-load-error{position:fixed;z-index:110;inset:0;background:#12110fe8;display:grid;place-items:center;padding:20px;text-align:center}
.menu-load-error>div{max-width:410px;padding:27px;border:1px solid var(--rule);border-radius:12px;background:var(--surface)}
.menu-load-error h2{font:30px var(--display);margin:0;color:var(--gold-light)}
.menu-load-error p{color:var(--muted);font-size:14px}.menu-load-error button{background:var(--gold);color:var(--bg);border:0;border-radius:6px;padding:10px 24px;min-height:44px}
@media(max-width:760px){.menu-group[data-category="hookah"] .category-photo{aspect-ratio:1.55;max-height:300px}}
