@font-face{font-family:Alexandria;font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/alexandria-arabic.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF0-10EFF,U+1EE00-1EEFF}
@font-face{font-family:Alexandria;font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/alexandria-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#111111;--white:#FFFFFF;--cream:#F5F1E8;--accent:var(--ink);--line:rgba(17,17,17,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.8 Alexandria,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ink)}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.2;letter-spacing:-.045em}p{max-width:640px}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:sticky;top:0;background:var(--white);border-bottom:1px solid var(--line);z-index:10}.brand{display:inline-flex;align-items:center;gap:12px;font:400 23px/1 Arial,sans-serif;letter-spacing:-.06em;white-space:nowrap}.brand img{width:22px;height:37px}.brand span{white-space:nowrap}header>nav{display:flex;gap:30px;align-items:center}nav a{font-size:14px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.actions{display:flex;align-items:center;gap:18px}.lang{font-size:14px;padding:10px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:16px 24px;min-height:52px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--white);font:700 14px/1.4 Alexandria,Arial,sans-serif;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--cream)}.btn:active{transform:scale(.98);box-shadow:none}header .btn{min-height:44px;padding:12px 24px}.mobile-menu{display:none}.eyebrow{font-size:12px;font-weight:500;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;margin-bottom:22px}.hero{position:relative;display:grid;grid-template-columns:1fr 1.35fr;background:var(--cream);min-height:650px;padding-bottom:57px}.hero>img{grid-column:2;grid-row:1;width:100%;height:100%;min-height:590px;object-fit:cover}.hero-copy{grid-column:1;grid-row:1;align-self:center;padding:70px 12%}.hero h1{font-size:clamp(48px,5.4vw,85px);letter-spacing:-.065em;line-height:1.02;font-weight:500;margin-bottom:28px}.hero-subtitle{display:block;font-size:clamp(24px,2.7vw,40px);letter-spacing:-.045em;line-height:1.25;margin-top:22px;font-weight:400}.hero p{font-size:12px;letter-spacing:.1em;line-height:1.8;margin-bottom:32px}.hero-bottom{position:absolute;inset-inline:5%;bottom:18px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.09em}.wrap{width:90%;max-width:1400px;margin:auto}.section{padding:100px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.section h2{font-size:clamp(30px,3.1vw,48px);margin-bottom:28px;line-height:1.17;font-weight:500}.accent{color:var(--ink)}.section p+.btn{margin-top:32px}.portrait{width:100%;aspect-ratio:4/5;object-fit:cover}.caption{font-size:12px;line-height:1.6;margin-top:12px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:44px}.section-top h2{margin:0;max-width:700px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.tile img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .4s ease}.tile h3{font-size:23px;letter-spacing:-.035em;margin-top:22px}.tile span{display:block;font-size:14px;margin-top:8px;line-height:1.65}.tile .btn{display:flex;margin-top:22px}.section:has(.tiles){background:var(--cream)}.coffee-image{position:relative}.coffee-image img{width:100%;aspect-ratio:4/5;object-fit:cover}.quote{background:var(--cream);padding:28px 30px;font-size:23px;line-height:1.4;font-weight:400}.coffee-copy p{margin-bottom:30px}.detail-line{display:flex;justify-content:space-between;gap:22px;padding:18px 0;border-top:1px solid var(--line);font-size:14px}.detail-line strong{font-weight:500}.coffee-copy>.btn{margin-top:28px}.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.insta-grid a{overflow:hidden;display:block}.insta-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.insta-grid a:hover img{transform:scale(1.025)}.insta-grid a:first-child{grid-row:span 2}.insta-grid a:not(:first-child){aspect-ratio:1}.insta-grid .social-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--cream);font-size:24px;gap:8px}.social-card small{font-size:14px}footer{padding:80px 5% 25px;background:var(--cream)}.footer-top{display:grid;grid-template-columns:1.15fr 1fr 1.2fr;gap:6%;padding-bottom:60px}.footer-top .brand{margin-bottom:30px}.footer-top h2{font-size:36px;margin-bottom:25px}.footer-top h3{font-size:16px;letter-spacing:0;margin-bottom:16px;font-weight:600}.footer-top p,.footer-top a{font-size:14px}.footer-top .btn{margin-top:25px}.contact-row{margin-top:24px}.map{width:100%;height:245px;border:1px solid var(--line);filter:grayscale(1)}.footer-bottom{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding-top:25px;font-size:12px}.menu-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:75px 0 60px}.menu-intro h1{font-size:clamp(42px,5.4vw,76px);margin-bottom:26px}.menu-photo{width:100%;aspect-ratio:4/3;object-fit:cover}.notice{border-inline-start:2px solid var(--ink);padding-inline-start:18px;margin:26px 0;font-size:14px}.menu-nav{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:28px;border-bottom:1px solid var(--line);position:relative}.menu-nav a{padding:10px 16px;background:var(--cream);border:1px solid var(--line);border-radius:4px}.menu-category{padding:65px 0;border-bottom:1px solid var(--line)}.menu-category h2{font-size:36px;margin-bottom:28px}.menu-items{display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.menu-item{padding:25px 0;border-top:1px solid var(--line)}.menu-item h3{font-size:21px;margin-bottom:10px;letter-spacing:-.025em}.menu-item p{font-size:14px}.order-wrap{max-width:850px;padding:70px 0}.order-wrap h1{font-size:clamp(40px,5vw,64px);margin-bottom:28px}.order-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.order-row label{font-size:15px}.order-row input{width:75px;padding:9px;background:var(--white);border:1px solid var(--ink);color:var(--ink);border-radius:4px}textarea{width:100%;min-height:115px;padding:15px;background:var(--cream);border:1px solid var(--ink);border-radius:4px;color:var(--ink);margin:10px 0 25px}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer}#order-status{margin-top:20px}.selected-list{padding:20px 0}.skip{position:absolute;top:-100px;z-index:25;padding:12px;background:var(--white)}.skip:focus{top:0}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{line-height:1.5}[dir=rtl] .hero-subtitle{direction:rtl;letter-spacing:0}
@media(max-width:1000px){header>nav{gap:18px}.hero-copy{padding:55px 9%}.hero{min-height:540px}.hero>img{min-height:500px}.tiles{grid-template-columns:repeat(2,1fr);gap:40px 22px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:last-child{grid-column:1/-1}.map{height:280px}}
@media(max-width:700px){html{scroll-padding-top:78px}body{font-size:16px;line-height:1.85}header{height:72px;padding:0 5%;gap:15px}.brand{font-size:20px;gap:8px}.brand img{width:17px;height:29px}header>nav{display:none}.actions{gap:15px}header .actions>.btn{display:none}.lang{font-size:13px}.mobile-menu{display:block;border:0;padding:0}.mobile-menu summary{list-style:none;width:36px;height:40px;display:flex;flex-direction:column;justify-content:center;gap:6px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:25px;height:1px;background:var(--ink);transition:transform .2s}.mobile-menu[open] summary span:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-menu[open] summary span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu nav{position:absolute;top:72px;inset-inline:0;background:var(--white);border-bottom:1px solid var(--line);padding:20px 5% 30px;display:flex;flex-direction:column;gap:18px}.mobile-menu nav a{font-size:18px}.hero{display:flex;flex-direction:column;padding-bottom:0;min-height:0}.hero>img{order:0;min-height:0;height:58svh;max-height:610px;object-position:center}.hero-copy{order:1;padding:36px 6% 40px;background:var(--white);text-align:center}.hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:18px}.hero h1{font-size:42px;margin-bottom:16px}.hero-subtitle{font-size:25px;margin-top:12px}.hero p{font-size:10px;margin:0 auto 24px}.hero-bottom{position:static;order:2;background:var(--cream);padding:16px 6%;font-size:9px;letter-spacing:.035em;gap:16px}.wrap{width:88%}.section{padding:58px 0}.split{grid-template-columns:1fr;gap:36px}.eyebrow{font-size:11px;margin-bottom:16px}.section h2{font-size:31px;margin-bottom:23px;letter-spacing:-.04em}.section p{font-size:15px}.section-top{align-items:start;flex-direction:column;gap:25px;margin-bottom:32px}.section-top h2{margin-bottom:0}.portrait{aspect-ratio:4/5}.caption{font-size:11px}.tiles{gap:32px 15px}.tile h3{font-size:20px;line-height:1.3;margin-top:16px}.tile span{font-size:13px}.tile .btn{padding:14px 18px;min-height:48px;font-size:13px}.quote{font-size:24px;padding:24px}.detail-line{font-size:13px}.insta-grid{grid-template-columns:repeat(2,1fr);gap:9px}.insta-grid a:first-child{grid-row:auto;grid-column:1/-1;aspect-ratio:4/3}.insta-grid .social-card{font-size:19px}.social-card small{font-size:11px}footer{padding:55px 6% 25px}.footer-top{grid-template-columns:1fr;gap:40px;padding-bottom:40px}.footer-top h2{font-size:34px}.footer-bottom{flex-direction:column;gap:10px}.map{height:240px}.menu-intro{grid-template-columns:1fr;gap:30px;padding:45px 0}.menu-intro h1{font-size:44px}.menu-items{grid-template-columns:1fr}.menu-category{padding:45px 0}.menu-category h2{font-size:29px}.menu-nav a{font-size:13px}.order-wrap{padding:45px 0}.order-wrap h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Preserve the supplied drink photographs in the menu cards. */
.tile img.menu-original{object-fit:contain;background:var(--cream)}
.tile{display:flex;flex-direction:column;min-width:0}.tile .btn{margin-top:auto}.tile span{margin-bottom:22px}

.brand{letter-spacing:-.045em}.brand img{width:24px;height:40px;object-fit:contain}.brand-registration{font-size:9px;vertical-align:super;margin-left:1px;letter-spacing:0}@media(max-width:600px){.brand img{width:20px;height:33.333px}}

.catch-section{background:var(--cream)}.catch-section .section-top p{margin-top:18px;font-size:15px}.game-tag{font-size:11px;letter-spacing:.1em;white-space:nowrap}.catch-shell{border:1px solid var(--ink);background:var(--white);max-width:1000px;margin:auto}.catch-stats{display:flex;align-items:center;gap:40px;padding:20px 28px;border-bottom:1px solid var(--ink)}.catch-stats>div{display:flex;flex-direction:column;gap:2px}.catch-stats span{font-size:11px}.catch-stats strong{font-size:25px;font-weight:500;line-height:1.3}.catch-pause{margin-left:auto;background:white;border:1px solid var(--ink);border-radius:4px;padding:8px 16px;font-size:12px;cursor:pointer}.catch-pause:disabled{opacity:.4;cursor:default}.catch-stage{position:relative;overflow:hidden;background:var(--cream)}#catch-canvas{display:block;width:100%;height:auto;aspect-ratio:9/5;touch-action:none;outline-offset:-5px}.catch-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:18px;padding:25px;background:rgba(245,241,232,.94)}.catch-overlay[hidden]{display:none}.catch-overlay h3{font-size:clamp(24px,3vw,40px)}.catch-overlay p{font-size:14px;max-width:400px}.catch-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 25px;border-top:1px solid var(--ink);font-size:12px}.catch-controls>div{display:flex;gap:8px;direction:ltr}.catch-controls button{width:50px;height:44px;font-size:22px;cursor:pointer;background:var(--cream);border:1px solid var(--ink);touch-action:none;border-radius:4px}.catch-status:empty{display:none}.catch-status{padding:10px 25px;font-size:13px;border-top:1px solid var(--line)}@media(max-width:700px){.catch-stats{padding:14px;gap:18px}.catch-stats span{font-size:9px}.catch-stats strong{font-size:20px}.catch-pause{padding:8px;font-size:10px}.catch-controls{padding:12px;gap:8px;font-size:10px}.catch-controls span{max-width:200px}.catch-stage canvas#catch-canvas{aspect-ratio:4/5}.catch-overlay{gap:12px;padding:20px}.catch-overlay p{font-size:12px}.game-tag{white-space:normal}}
