:root{--red:#f23d47;--berry:#651f35;--cream:#fff8f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--berry);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #651f35;outline-offset:5px}.topline{text-align:center;background:var(--red);color:white;padding:10px;font-size:12px;letter-spacing:2px;font-weight:700}header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px;background:var(--cream);border-bottom:1px solid #651f3518}.logo{width:135px;height:auto;display:block}nav{display:flex;gap:38px;font-weight:600}nav a:hover,.text-link:hover{color:var(--red)}.header-actions{display:flex;align-items:center;gap:22px}#language{border:0;background:none;color:var(--berry);font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:18px 27px;background:var(--red);color:white;border-radius:99px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:var(--berry);transform:translateY(-2px)}.button.small{padding:14px 22px}.hero{max-width:1600px;margin:auto;padding:60px 5% 70px;display:grid;grid-template-columns:.95fr 1.05fr;gap:4%;align-items:center}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.8px;margin-bottom:23px}h1,h2,h3{font-family:'DynaPuff',sans-serif;font-weight:500}h1{font-size:clamp(48px,5.3vw,84px);line-height:1.12;letter-spacing:-2px;margin:0 0 25px}h1 em{color:var(--red);font-style:normal}.hero-copy p{max-width:370px;line-height:1.7;margin-bottom:29px}.hero-visual{position:relative;margin:10px 0 25px}.food{width:100%;height:560px;object-fit:cover;border-radius:48% 48% 8px 8px;display:block}.stamp{position:absolute;right:-12px;top:20px;width:123px;height:123px;border-radius:50%;background:#ffd86b;color:var(--berry);display:flex;align-items:center;justify-content:center;transform:rotate(12deg);font-family:'DynaPuff';font-size:21px;line-height:1.2;text-align:center}.hero-mascot{width:155px;position:absolute;bottom:-50px;left:-65px;filter:drop-shadow(0 12px 8px #651f351a);transform:rotate(-7deg)}.hero-caption{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1px;margin-top:14px;padding-left:70px}.ticker{display:flex;justify-content:space-around;gap:36px;align-items:center;background:var(--berry);color:var(--cream);padding:22px 25px;overflow:hidden;white-space:nowrap;font-family:'DynaPuff';font-size:22px}.ticker b{color:#ffd86b;font-size:30px}.menu-section{padding:90px 5%;max-width:1500px;margin:auto}.section-top{display:flex;justify-content:space-between;gap:35px;align-items:end}h2{font-size:clamp(32px,3.7vw,53px);line-height:1.2;margin:0 0 23px;white-space:pre-line}.section-top p{max-width:310px;line-height:1.65;margin-bottom:28px}.categories{display:flex;gap:10px;overflow:auto;padding:16px 2px 25px}.categories button{white-space:nowrap;border:1px solid #651f3540;border-radius:40px;background:transparent;padding:13px 22px;color:var(--berry);font-weight:600}.categories button[aria-pressed=true]{background:var(--berry);color:white;border-color:var(--berry)}.menu-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}.menu-item{border-bottom:1px solid #651f3529;padding:27px 0 24px;min-height:170px}.item-num{color:var(--red);font-size:13px;font-weight:700;letter-spacing:2px}.menu-item h3{font-size:23px;line-height:1.35;margin:12px 0 10px}.menu-item p{line-height:1.6;margin:0;color:#784759}.story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:65px 10%;background:#ffb6a6}.story p{max-width:440px;line-height:1.8}.mood-art{text-align:center}.mood-art img{width:85%;max-width:350px;display:block;margin:auto}.mood-label{display:inline-block;border:1px solid var(--berry);padding:11px 20px;border-radius:40px;font-size:12px;font-weight:700;letter-spacing:1px;transform:rotate(-5deg)}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:5px;margin-top:10px;font-weight:700}.visit{background:var(--red);color:var(--cream);padding:70px 8%;display:flex;align-items:center;justify-content:space-between;gap:30px}.visit p{line-height:1.8}.visit img{width:230px;transform:rotate(9deg)}.button.cream{background:var(--cream);color:var(--berry);margin-top:16px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 5%;font-size:14px}body.ar{font-family:'Playpen Sans Arabic',sans-serif}body.ar h1,body.ar h2,body.ar h3{font-family:'Playpen Sans Arabic',sans-serif;letter-spacing:0}body.ar h1{font-size:clamp(42px,4.8vw,70px);line-height:1.4}body.ar .eyebrow{letter-spacing:0}body.ar .hero-caption{direction:ltr}body.ar .hero-mascot{left:auto;right:-50px}@media(max-width:850px){header{height:88px;padding:0 5%;gap:15px}nav{gap:18px;font-size:14px}.header-actions .button{display:none}.logo{width:120px}.hero{padding-top:36px;gap:25px}h1{font-size:49px;letter-spacing:-1px}.food{height:460px}.stamp{width:92px;height:92px;font-size:17px}.hero-mascot{width:120px;left:-35px}.hero-caption{display:none}.hero-copy p{font-size:15px}.menu-list{grid-template-columns:repeat(2,1fr)}.story{padding:50px 6%;gap:5%}.visit img{width:180px}}@media(max-width:600px){.topline{font-size:10px;letter-spacing:1.4px}header{height:80px;flex-wrap:wrap;gap:12px}nav{gap:15px;font-size:13px}.logo{width:100px}.header-actions{gap:0}#language{font-size:14px}.hero{grid-template-columns:1fr;padding:35px 6% 55px;gap:38px}.eyebrow{font-size:11px;margin-bottom:17px}h1{font-size:56px;line-height:1.12}.hero-copy p{max-width:100%;font-size:16px}.hero-visual{margin:0 10px 0 15px}.food{height:380px}.hero-mascot{left:-35px;bottom:-30px;width:130px}.stamp{right:-15px;top:5px}.ticker{justify-content:flex-start;font-size:18px;padding:14px 20px;gap:25px}.section-top{display:block}.section-top p{max-width:100%}.menu-section{padding:55px 6%}.menu-list{grid-template-columns:1fr}.menu-item{min-height:auto;padding:22px 0}.categories{margin-right:-6vw}.categories button{font-size:14px;padding:12px 17px}.story{grid-template-columns:1fr;padding:45px 7% 55px;gap:35px}.mood-art img{width:220px}.story h2{font-size:37px}.visit{padding:48px 7%;position:relative;overflow:hidden}.visit>div{z-index:1}.visit h2{max-width:260px}.visit img{position:absolute;width:150px;right:-25px;top:15px;opacity:.5}.visit p{max-width:240px}footer{flex-wrap:wrap;padding:30px 6%}footer span{font-size:12px}footer a{width:100%;font-size:14px}body.ar h1{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Larger characters make the facial expression changes easy to see. */
.hero-mascot{width:190px;transform-origin:50% 85%}.mood-art img{transform-origin:50% 85%}.visit img{transform-origin:50% 85%}
@media(max-width:600px){.hero-mascot{width:155px;left:-25px}.visit img{width:145px;right:0;top:8px;opacity:1}.visit>div{max-width:calc(100% - 100px)}.visit h2{font-size:32px}.visit .button{padding:14px 18px;font-size:14px}.visit img{pointer-events:none}body.ar .visit img{right:auto;left:0}}
/* Restaurant concept: full-width food stage, large type and rich berry surfaces. */
:root{--ink:#2a101a;--deep:#35131f}body{background:var(--cream)}.topline{background:var(--berry);padding:9px}header{position:sticky;top:0;z-index:20;height:90px;background:var(--cream);box-shadow:0 4px 18px #21061010}header .logo{width:125px}nav{gap:32px}.hero{position:relative;isolation:isolate;max-width:none;min-height:740px;margin:0;padding:75px 6% 105px;background:var(--deep);color:var(--cream);grid-template-columns:1.05fr 1fr;gap:0;overflow:hidden}.hero-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 40%,#7a2a3e 0,transparent 60%)}.hero .eyebrow{color:#ffd86b;font-size:13px;letter-spacing:2.4px}.hero h1{font-size:clamp(55px,6.4vw,100px);line-height:1.08;letter-spacing:-2px;position:relative;z-index:2}.hero h1 em{color:#ff525b}.hero-copy{position:relative;z-index:2}.hero-copy p{font-size:18px;line-height:1.7;max-width:390px;color:#efd7dc}.hero .button{padding:19px 30px}.hero-visual{margin:0 0 0 -25px;position:relative;transform:rotate(-5deg)}.hero .food{height:500px;border-radius:50%;width:100%;object-fit:cover;box-shadow:0 30px 80px #10050a66;border:9px solid #fff8f20a}.hero .stamp{right:-10px;top:0;width:128px;height:128px;border:2px dashed var(--berry);outline:7px solid #ffd86b;box-shadow:0 5px 15px #0002}.hero-mascot{left:-35px;bottom:-70px;width:195px;z-index:3}.scroll-cue{position:absolute;bottom:29px;left:6%;display:flex;align-items:center;gap:20px;font-size:11px;font-weight:700;letter-spacing:2px;color:#efd7dc}.hero-edition{position:absolute;right:6%;bottom:30px;letter-spacing:2px;font-size:11px;color:#cf9cab}.ticker{background:var(--red);color:var(--cream);padding:24px 30px;gap:45px;justify-content:space-between;font-size:25px}.ticker b{color:var(--cream)}.favorites{padding:90px 6% 95px;max-width:1550px;margin:auto}.section-top h2{font-size:clamp(35px,4vw,58px)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:24px}.feature-card{display:block;overflow:hidden;position:relative;background:var(--deep);color:var(--cream);border-radius:4px;transition:transform .3s}.feature-card:hover{transform:translateY(-8px)}.feature-card img{height:285px;width:100%;object-fit:cover;display:block;transition:transform .65s}.feature-card:hover img{transform:scale(1.06)}.feature-card>div{padding:28px 28px 32px;position:relative}.feature-card .eyebrow{font-size:11px;letter-spacing:2px;color:#ffd86b}.feature-card h3{font-size:30px;line-height:1.2;margin:12px 0 20px}.feature-card>div>span:last-child{font-size:14px}.feature-card.soft{background:#ffb6a6;color:var(--berry)}.feature-card.soft .eyebrow{color:var(--berry)}.feature-card.sips{background:var(--red)}.feature-card.sips img{object-position:center}.menu-section{background:var(--deep);color:var(--cream);max-width:none;padding:80px 8% 90px}.menu-section .eyebrow{color:#ffd86b}.menu-section .section-top p{color:#d9b3bf}.categories{padding:16px 2px 25px;gap:12px}.categories button{color:var(--cream);border-color:#ffffff40}.categories button[aria-pressed=true]{background:var(--red);border-color:var(--red)}.menu-list{grid-template-columns:repeat(2,1fr);gap:0 65px}.menu-item{border-color:#ffffff22;padding:25px 0;min-height:150px}.menu-item h3{font-size:24px}.menu-item p{color:#d9b3bf;font-size:16px}.item-num{color:#ffd86b}.story{padding:90px 10%;background:var(--cream);gap:8%}.story h2{font-size:clamp(36px,4.5vw,65px)}.mood-art{position:relative;border-radius:50%;background:#ffd86b;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;max-width:420px}.mood-art img{width:88%;max-width:370px}.mood-label{position:absolute;bottom:0;background:var(--cream);left:50%;transform:translate(-50%,30%) rotate(-5deg);white-space:nowrap;font-size:12px}.visit{padding:80px 10%;background:var(--red)}.visit h2{font-size:clamp(38px,4.5vw,64px)}.visit img{width:250px}footer{background:var(--ink);color:var(--cream);padding:40px 6%}footer .logo{filter:brightness(0) invert(1)}.reveal{opacity:1}.js-reveals .reveal{opacity:0;translate:0 35px;transition:opacity .65s ease,translate .65s ease}.js-reveals .reveal.is-visible{opacity:1;translate:0 0}.feature-card:nth-child(2){transition-delay:.08s}.feature-card:nth-child(3){transition-delay:.16s}body.ar .hero h1{font-size:clamp(46px,5.5vw,78px);line-height:1.35}body.ar .hero-visual{margin:0 -25px 0 0;transform:rotate(5deg)}body.ar .hero .eyebrow{letter-spacing:0}
@media(max-width:900px){.hero{min-height:620px;padding:65px 5% 95px}.hero h1{font-size:62px}.hero .food{height:390px}.hero .stamp{width:95px;height:95px;font-size:17px}.hero-mascot{width:150px}.feature-grid{gap:15px}.feature-card img{height:220px}.feature-card>div{padding:22px}.feature-card h3{font-size:24px}.favorites{padding:65px 5%}.story{padding:65px 7%}.menu-section{padding:65px 6%}.menu-list{gap:0 35px}.visit{padding:60px 7%}}
@media(max-width:600px){header{height:78px;padding:0 5%;gap:10px}header .logo{width:90px}nav{gap:12px}.hero{grid-template-columns:1fr;min-height:0;padding:42px 6% 70px;gap:33px}.hero h1{font-size:53px;letter-spacing:-1.5px}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.hero-copy p{font-size:16px;max-width:330px;margin-bottom:24px}.hero-visual{margin:0 15px 28px!important;transform:rotate(-4deg)!important}.hero .food{height:320px;border-width:5px}.hero-mascot{width:145px;left:-20px;bottom:-40px}.hero .stamp{right:-8px;top:-7px;width:90px;height:90px;font-size:16px}.scroll-cue{font-size:9px;letter-spacing:1px;bottom:25px}.hero-edition{font-size:9px;bottom:25px}.ticker{font-size:19px;padding:19px 20px;gap:26px}.favorites{padding:55px 6%}.feature-grid{grid-template-columns:1fr;gap:22px}.feature-card{display:grid;grid-template-columns:45% 55%;align-items:center}.feature-card img{height:230px}.feature-card>div{padding:20px 15px}.feature-card h3{font-size:25px}.feature-card .eyebrow{font-size:9px;letter-spacing:1px}.feature-card>div>span:last-child{font-size:13px}.menu-section{padding:55px 6%}.menu-list{grid-template-columns:1fr}.menu-item{min-height:0}.story{grid-template-columns:1fr;gap:60px;padding:60px 7%}.mood-art{width:260px;margin:auto}.mood-art img{width:230px}.story h2{font-size:39px}.visit{padding:50px 7%}.visit img{width:120px;top:30px;right:0;opacity:1}.visit h2{font-size:33px}.visit>div{max-width:calc(100% - 75px)}.visit p{font-size:14px}.visit .button{font-size:12px;padding:14px}.visit img{pointer-events:none}body.ar .hero h1{font-size:44px}body.ar .hero-mascot{right:-20px;left:auto}}
@media(prefers-reduced-motion:reduce){.js-reveals .reveal{opacity:1;translate:none;transition:none}.feature-card:hover,.feature-card:hover img{transform:none}}
.categories{flex-wrap:wrap;overflow:visible}.categories button{font-size:14px}
@media(max-width:600px){.categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:20px}.categories button{flex:0 0 auto}}

/* User-supplied portrait: keep both croffles prominent in the main banner. */
.hero .hero-visual{margin-inline-start:0;transform:rotate(-2deg)}
.hero .food{height:590px;border-radius:28px;object-position:50% 48%;border:0}
body.ar .hero .hero-visual{transform:rotate(2deg)}
@media(max-width:900px){.hero .food{height:470px}}
@media(max-width:600px){.hero .hero-visual{transform:rotate(-2deg)!important;margin:0 10px 28px!important}.hero .food{height:auto;aspect-ratio:4/5;border-radius:22px;object-fit:cover;object-position:50% 48%}}
.character{padding:0;border:0;background:transparent;display:block;cursor:pointer;flex-shrink:0;line-height:0;transform:none;filter:drop-shadow(0 8px 6px #22071115)}
.character svg{display:block;width:100%;height:auto;overflow:visible}.character:focus-visible{outline:2px dashed var(--red);outline-offset:6px;border-radius:30px}
.character-hero{position:absolute;width:250px;bottom:-68px;left:-55px;z-index:5}.mood-art .character-story{width:95%;max-width:390px;margin:auto}.visit .character-visit{width:260px}
body.ar .character-hero{left:auto;right:-55px}
html.lenis,html.lenis body{height:auto}html.lenis{scroll-behavior:auto!important}.lenis-stopped{overflow:hidden}.lenis-smooth iframe{pointer-events:none}
@media(max-width:600px){.character-hero{width:185px;left:-28px;bottom:-45px}body.ar .character-hero{right:-28px;left:auto}.mood-art .character-story{width:260px}.visit .character-visit{position:absolute;right:0;top:25px;width:130px}body.ar .visit .character-visit{left:0;right:auto}}

/* Compact photographed menu item. */
.menu-item.menu-photo-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;padding:16px 12px;margin:12px 0;background:var(--cream);color:var(--berry);border:0;border-radius:14px;min-height:0;align-self:start;box-shadow:none}
.menu-photo{padding:0;display:flex;align-items:center;justify-content:center}
.menu-photo img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 4px #651f351a)}
.menu-photo-copy{padding:0;min-width:0}
.menu-photo-category{display:none}
.menu-photo-card h3{font-size:20px;color:var(--berry);margin:0 0 7px;line-height:1.35}
.menu-photo-card p{color:var(--berry);font-size:16px;line-height:1.5;margin:0}
body.ar .menu-photo-copy{text-align:right}
@media(max-width:600px){.menu-item.menu-photo-card{grid-template-columns:90px minmax(0,1fr);padding:14px 12px;gap:12px}.menu-photo-card h3{font-size:20px}}

.menu-photo-card[role=button]{cursor:zoom-in}.menu-photo-card[role=button]:focus-visible{outline:3px solid #ffd86b;outline-offset:4px}
.menu-preview{position:fixed;inset:0;width:min(560px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:0;border-radius:26px;background:var(--cream);color:var(--berry);box-shadow:0 25px 90px #22071166;overscroll-behavior:contain}
.menu-preview::backdrop{background:#350f24aa;backdrop-filter:blur(4px)}
.preview-close{position:absolute;top:12px;inset-inline-end:12px;z-index:1;width:44px;height:44px;border:0;border-radius:50%;background:var(--cream);color:var(--berry);font-size:30px;line-height:1;box-shadow:0 2px 12px #651f351a}
.preview-photo{padding:38px 18px 0}.preview-photo img{display:block;width:100%;height:auto;max-height:48dvh;object-fit:contain;filter:drop-shadow(0 12px 8px #651f3520)}
.preview-copy{padding:8px 30px 30px}.preview-category{display:block;font-size:16px;font-weight:700;color:var(--red);margin-bottom:10px}
.menu-preview h2{font-size:clamp(25px,4vw,38px);line-height:1.35;margin:0 0 12px}.menu-preview p{font-size:18px;line-height:1.7;margin:0}
.menu-preview[lang=ar]{font-family:'Playpen Sans Arabic',sans-serif}.menu-preview[lang=ar] h2{font-family:'Playpen Sans Arabic',sans-serif;font-weight:600}
@media(prefers-reduced-motion:no-preference){.menu-preview[open]{animation:preview-in .2s ease-out}@keyframes preview-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}}
@media(max-width:600px){.menu-preview{border-radius:22px}.preview-copy{padding:8px 22px 24px}.menu-preview p{font-size:16px}}
.feature-card img{object-fit:contain;object-position:center}.feature-card.savory img{background:#390c19}.feature-card.soft img{background:#f7d5bd}.feature-card.sips img{background:#cf2633}

/* Localized brand copy keeps Arabic connected and stamp lines intact. */
.stamp{white-space:pre-line}
body.ar .topline,body.ar .ticker,body.ar .stamp,body.ar .hero-edition,body.ar .feature-card .eyebrow,body.ar footer{font-family:"Playpen Sans Arabic",sans-serif;letter-spacing:0}
body.ar .stamp{line-height:1.55;font-size:20px}
body.ar .topline{line-height:1.8}
@media(max-width:900px){body.ar .stamp{font-size:16px}}
@media(max-width:600px){body.ar .stamp{font-size:15px}}