:root{--cream:#ffecce;--ink:#2d2828;--orange:#cd5f20;--yellow:#fdeca3;--mint:#c9ded7;--peach:#f8c396;--blue:#8cadcd;--paper:#fcf9f1}body{background:var(--cream)}.outline-title,.hero-title h1,.float-label,.tilt-eyebrow,.experience-stamp,.delivery h2{-webkit-text-stroke-color:var(--paper)}.motion-header .brand{width:155px;height:58px;overflow:visible;mix-blend-mode:normal}.motion-header .brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.hero-script{top:69%;height:18vh;transform:rotate(-4deg);-webkit-text-stroke:0}.hero-script img{width:min(44vw,570px);height:100%;object-fit:contain;filter:drop-shadow(2px 3px 0 var(--paper)) drop-shadow(-2px -2px 0 var(--paper))}.hero-mascots{position:absolute;left:5%;top:55%;width:140px;z-index:7;transform:rotate(-9deg);animation:mascot-bob 4s ease-in-out infinite}.label-left{left:7%;top:30%;width:230px;transform:rotate(-11deg)}.label-left img{width:100%;height:auto}.label-right{color:var(--blue)}.hero-captions{bottom:2%}.hero-captions p{max-width:245px}.intro{background:var(--paper)}.menu{background:var(--paper);position:relative}.menu .title-row h2{font-size:clamp(65px,8vw,120px)}.filters{margin-bottom:12px}.filters button{background:var(--paper);border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink);font-size:13px;transition:transform .18s,box-shadow .18s}.filters button:hover{transform:translate(1px,2px);box-shadow:1px 1px 0 var(--ink);background:var(--mint);color:var(--ink)}.filters .active{background:var(--ink);color:var(--paper)}.menu-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.photo-menu-card{padding:0;border:none;position:relative;background:var(--cream);border-radius:18px;overflow:visible;box-shadow:0 3px 0 #2d282815}.photo-menu-card.mint{background:var(--mint)}.photo-menu-card.peach{background:var(--peach)}.photo-menu-card.yellow{background:var(--yellow)}.photo-menu-card.blue{background:#d9e5ef}.menu-photo{position:relative;overflow:hidden;border-radius:18px 18px 0 0;aspect-ratio:1.2;background:#e1e8e7}.menu-photo>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 60%;transition:transform .6s cubic-bezier(.2,.6,.2,1)}.photo-menu-card:hover .menu-photo>img{transform:scale(1.035)}.photo-menu-card .number{position:absolute;left:20px;top:20px;color:var(--ink);background:var(--paper);font:800 18px 'Barlow Condensed',Impact,sans-serif;border:1.5px solid var(--ink);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;float:none;transform:rotate(-8deg)}.product-tag{position:absolute;right:16px;top:23px;background:var(--paper);border:1.5px solid var(--ink);color:var(--ink);font:800 12px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.8px;padding:9px 12px;border-radius:5px;transform:rotate(5deg)}.menu-card-body{padding:20px 28px 27px;position:relative;min-height:245px}.photo-menu-card h3{font-size:42px;margin:0 0 12px;line-height:1.1;position:relative}.photo-menu-card h3.has-sticker{height:65px;font-size:0;margin-top:-46px;margin-bottom:18px;transform:rotate(-4deg);width:min(85%,320px);isolation:isolate}.product-sticker{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;filter:drop-shadow(1px 2px 0 #fcf9f1)}.photo-menu-card p{max-width:100%;min-height:48px;font-size:13px;line-height:1.65;margin:0 0 20px}.photo-menu-card .menu-order{display:inline-flex;align-items:center;border:1.5px solid var(--ink);border-radius:30px;background:var(--paper);color:var(--ink);padding:11px 18px;font-size:11px;letter-spacing:1px;box-shadow:2px 3px 0 var(--ink);margin:0;transition:transform .2s}.photo-menu-card .menu-order:hover{transform:translateY(-3px)}.menu-foot{margin-top:40px}.photo-fan img{border:6px solid var(--paper);box-shadow:0 8px 18px #2d282820}.about{background:var(--mint)}.about-photo img{border:6px solid var(--paper);height:540px}.photo-note{background:var(--paper)}.experience-image{width:min(75%,800px)}.experience-image img{object-position:center 55%}.experience-stamp{color:var(--orange)}.friends-banner{display:flex;align-items:center;justify-content:center;gap:8%;padding:80px 6%;background:var(--peach);overflow:hidden}.friends-banner>img{width:min(30vw,340px);transform:rotate(-8deg)}.friends-banner h2{font-size:clamp(65px,8vw,110px);margin:25px 0 35px}.friends-banner .oval-button{min-width:240px;font-size:17px;background:var(--paper);color:var(--ink);border-color:var(--ink)}.delivery{background:var(--paper)}.social{background:var(--yellow)}footer{background:var(--orange)}.footer-logo{font-size:initial;height:210px;display:block;line-height:normal;-webkit-text-stroke:0;letter-spacing:0}.footer-logo img{width:80%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.hero-title h1,.outline-title,.loaded-section h2{letter-spacing:-.025em}.menu-order:focus-visible{outline-offset:5px}@keyframes mascot-bob{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-10px) rotate(-5deg)}}
@media(max-width:800px){.motion-header .brand{width:115px;height:42px}.hero-mascots{width:85px;left:4%;top:59%}.hero-script{top:70%;height:13vh}.hero-script img{width:64vw}.label-left{width:150px;left:5%;top:22%}.hero-captions p{font-size:14px;max-width:155px}.menu-items{grid-template-columns:1fr;gap:36px}.menu-photo{aspect-ratio:1.12}.menu-card-body{min-height:220px;padding:20px 22px 25px}.photo-menu-card h3.has-sticker{height:62px;width:280px;max-width:90%}.photo-menu-card p{font-size:13px;min-height:0}.product-tag{font-size:10px;right:12px;padding:8px}.friends-banner{flex-direction:column;padding:50px 6%;text-align:center;gap:25px}.friends-banner>img{width:190px}.friends-banner h2{font-size:65px}.footer-logo{height:130px}.about-photo img{height:420px}.menu .title-row{flex-direction:column;gap:12px}.menu .title-row p{font-size:13px}.menu .title-row h2{font-size:72px}}
@media(prefers-reduced-motion:reduce){.hero-mascots{animation:none}.menu-photo>img{transition:none}}
.experience-image{width:min(82%,1000px);height:650px;transform:rotate(-3deg)}.experience-image img{object-fit:cover;object-position:center 58%;border-radius:38% 38% 12px 12px}.experience-stamp{right:-5%;bottom:11%;font-size:clamp(38px,5vw,70px)}
@media(max-width:800px){.experience-image{width:94%;height:440px}.experience-image img{object-position:center 57%}.experience-stamp{font-size:36px;right:-2%;bottom:9%}}
.ingredient-label{max-width:min(25vw,330px);z-index:9}.ingredient-label b{font-size:13px;line-height:1.4}.ingredient-label small{font-size:13px;line-height:1.65;opacity:.85}.ingredient-two{left:5%;right:auto;top:46%}.ingredient-one{top:22%}.ingredient-three{top:74%}
@media(max-width:800px){.ingredient-label{max-width:145px}.ingredient-label b{font-size:9px}.ingredient-label small{font-size:10px;line-height:1.5}.ingredient-one{top:16%;left:4%}.ingredient-two{top:46%;left:4%;right:auto}.ingredient-three{top:78%;left:4%}}
/* Open immediately, with no loading interstitial. */
.intro{display:none!important}.delivery-partners{display:flex;justify-content:center;align-items:stretch;gap:18px;margin:30px auto 0;flex-wrap:wrap}.partner-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-width:220px;padding:25px 35px;border:1.5px solid var(--ink);border-radius:16px;background:var(--paper);box-shadow:4px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.partner-button:hover{transform:translateY(-3px);box-shadow:4px 8px 0 var(--ink)}.partner-button>span{font-size:10px;letter-spacing:1px;font-weight:600}.partner-button img{width:140px;height:34px;object-fit:contain}.careem-partner{background:#eef8ed}.talabat-partner{background:#fff0e5}.delivery small{margin-top:28px}.menu-items{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;gap:28px;padding:4px 5px 24px;scroll-snap-type:x mandatory;scroll-padding-inline:5px;overscroll-behavior-x:contain;scrollbar-color:var(--orange) #e5dfd3;scrollbar-width:thin;align-items:stretch}.menu-items::-webkit-scrollbar{height:6px}.menu-items::-webkit-scrollbar-track{background:#e5dfd3;border-radius:10px}.menu-items::-webkit-scrollbar-thumb{background:var(--orange);border-radius:10px}.menu-items .photo-menu-card{flex:0 0 46%;min-width:0;scroll-snap-align:start;overflow:hidden;display:flex;flex-direction:column}.menu-items .menu-card-body{flex:1}.menu-items:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.menu-photo{flex-shrink:0}.menu-order{letter-spacing:.5px!important}.menu-items .photo-menu-card:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}.hero-captions>span{letter-spacing:1.5px}
@media(max-width:800px){.menu-items{gap:18px;margin-right:-6vw;padding-right:6vw}.menu-items .photo-menu-card{flex-basis:88%;}.partner-button{min-width:145px;padding:20px 18px;flex:1;max-width:220px}.partner-button img{width:110px;height:28px}.delivery-partners{gap:12px}}
.menu-items{cursor:grab}.menu-items.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.menu-items a{cursor:pointer}
.loaded-section .oval-button{width:auto;min-width:260px;max-width:calc(100% - 24px);height:auto;min-height:76px;padding:22px 36px;border-radius:999px;font-size:19px;line-height:1.25;white-space:normal;text-align:center;box-sizing:border-box}
@media(max-width:480px){.loaded-section .oval-button{min-width:0;padding:20px 28px;font-size:18px;min-height:68px}}
