:root{--paper:#faf3f1;--paper-2:#f3e6e3;--ink:#1b1516;--muted:#6f6061;--blush:#fcc;--on-blush:#1b1516;--rule:#1b151624;--grade:#ffcccc1a;--top:64px;--bot:68px;--ease:cubic-bezier(.16, 1, .3, 1);--display:"Gloock", "Times New Roman", serif;--text:"Figtree", system-ui, sans-serif;--gut:clamp(20px, 3.4vw, 56px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#141011;--paper-2:#1e1819;--ink:#f5ecea;--muted:#a79798;--rule:#f5ecea29;--grade:#1410111f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[lang=ar]{--display:"El Messiri", "Gloock", serif;--text:"Almarai", "Figtree", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}body{background:var(--paper);color:var(--ink);font:400 15px/1.55 var(--text);-webkit-font-smoothing:antialiased;transition:background-color .6s var(--ease), color .6s var(--ease);overflow-x:hidden}img{max-width:none;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul,ol{list-style:none}.muted{color:var(--muted)}.skip{top:-80px;z-index:200;background:var(--ink);color:var(--paper);border-radius:99px;padding:8px 14px;position:fixed;inset-inline-start:12px}.skip:focus{top:12px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.curtain{z-index:150;background:var(--blush);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.curtain img{width:min(36vw,340px);height:auto}.top{inset-inline:0;height:var(--top);z-index:50;padding-inline:var(--gut);background:var(--paper);transition:background-color .6s var(--ease);justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;top:0}.top__logo img{width:auto;height:26px}:root[data-theme=dark] .top__logo img,:root[data-theme=dark] .hero__logo img{filter:invert()}.top__open{color:var(--muted);font-size:13px}.top__ctrl{gap:8px;display:flex}.pill{border:1px solid var(--rule);height:34px;transition:background-color .6s var(--ease), border-color .6s var(--ease);border-radius:99px;padding:0 14px;font-size:13px;font-weight:500}.pill:hover{background:var(--blush);border-color:var(--blush);color:var(--on-blush)}#lang{font-family:Almarai,sans-serif}:root[lang=ar] #lang{font-family:Figtree,sans-serif}.route{inset-inline:0;height:var(--bot);z-index:50;padding-inline:var(--gut);background:var(--paper);transition:background-color .6s var(--ease);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;bottom:0}.route__current{display:none}.route__stops{gap:4px;display:flex}.route__stops a{color:var(--muted);transition:background-color .6s var(--ease), color .6s var(--ease);border-radius:99px;padding:7px 14px;font-size:14px;display:block}.route__stops a:hover{color:var(--ink)}.route__stops a.is-on{background:var(--blush);color:var(--on-blush)}.route__cta{gap:8px;display:flex}.btn{border:1px solid var(--ink);white-space:nowrap;height:46px;transition:background-color .6s var(--ease), color .6s var(--ease), border-color .6s var(--ease);border-radius:99px;justify-content:center;align-items:center;padding:0 22px;font-size:15px;font-weight:500;display:inline-flex}.btn:hover{background:var(--blush);border-color:var(--blush);color:var(--on-blush)}.btn--solid{background:var(--ink);color:var(--paper)}.btn--small{height:38px;padding:0 18px;font-size:14px}.journey{height:100vh;height:100svh;position:relative;overflow:hidden}.track{width:max-content;height:100%;padding-top:var(--top);padding-bottom:var(--bot);will-change:transform;display:flex}.panel{flex:none;height:100%;position:relative}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px}:root[lang=ar] .kicker{letter-spacing:0;text-transform:none;font-size:14px}.frame{background:var(--paper-2);position:relative;overflow:hidden}.frame img{top:0;object-fit:cover;width:112%;height:100%;position:absolute;inset-inline-start:-6%}.frame:after{content:"";background:var(--grade);mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}:root[data-theme=dark] .frame:after{mix-blend-mode:normal}figcaption{bottom:14px;z-index:1;color:#fff;text-shadow:0 1px 8px #00000059;font-size:13px;position:absolute;inset-inline-start:16px}.rv{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(18px)}.rv.in{opacity:1;transform:none}h1,h2,h3,.coffee__line,.visit__num,.hero__title{font-family:var(--display);font-weight:400}:root[lang=ar] h2,:root[lang=ar] h3,:root[lang=ar] .hero__title,:root[lang=ar] .coffee__line{font-weight:500}.hero{gap:var(--gut);width:100vw;padding:3vh var(--gut) 3vh;grid-template-columns:41fr 59fr;display:grid}.hero__text{flex-direction:column;justify-content:center;gap:22px;max-width:520px;display:flex}.hero__logo img{width:min(30vw,460px);height:auto}.hero__title{max-width:12em;font-size:clamp(30px,3.1vw,50px);line-height:1.08}.hero__lead{max-width:30em;color:var(--muted);font-size:16px}.hero__hint{align-items:center;gap:10px;font-size:14px;display:flex}.hero__arrow{animation:nudge 2.4s var(--ease) infinite;display:inline-block}:root[dir=rtl] .hero__arrow{animation-name:nudge-rtl;transform:scaleX(-1)}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes nudge-rtl{0%,to{transform:scaleX(-1)translate(0)}50%{transform:scaleX(-1)translate(6px)}}.hero__img{border-radius:2px;height:100%}.coffee{padding:5vh var(--gut) 3vh;grid-template-rows:auto 1fr;grid-template-columns:24vw auto;column-gap:4vw;display:grid}.coffee__line{white-space:nowrap;letter-spacing:-.01em;grid-column:1/-1;font-size:clamp(64px,10.4vw,190px);line-height:.95}:root[lang=ar] .coffee__line{letter-spacing:0;line-height:1.25}.coffee__note{align-self:end;gap:14px;padding-bottom:2vh;font-size:16px;display:grid}.coffee__note p:first-child{font-family:var(--display);font-size:22px;line-height:1.25}.cups{align-items:end;gap:2.2vw;display:flex}.cup{gap:10px;width:12.4vw;display:grid}.cup:nth-child(2n){transform:translateY(-6vh)}.cup .frame{aspect-ratio:6/7;border-radius:2px}.cup .frame img{width:112%}.meta{justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;display:flex}.meta b{font-weight:500}.meta span{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.chap{flex-direction:column;justify-content:center;gap:18px;width:25vw;padding-inline-end:2vw;display:flex}.chap__title{font-size:clamp(40px,4.6vw,80px);line-height:1}.chap__lead{color:var(--muted);max-width:22em;font-size:16px}.breakfast{padding:4vh var(--gut);gap:3.4vw;display:flex}.dishes{gap:3.4vw;display:flex}.dish{align-self:flex-start;gap:12px;width:23vw;display:grid}.dish:nth-child(2n){align-self:flex-end}.dish .frame{aspect-ratio:3/2;border-radius:2px}.dish h3,.slice h3,.dessert h3{font-size:22px;line-height:1.15}.dish p,.dessert p{color:var(--muted);max-width:30em;font-size:14px}.salads{flex-direction:column;justify-content:center;gap:22px;width:22vw;padding-inline-start:1vw;display:flex}.salads__title{font-size:30px;line-height:1.05}.salads__list{gap:22px;display:grid}.salad{gap:8px;display:grid}.salad .frame{aspect-ratio:16/9}.inter{width:100vw}.inter__img{position:absolute;inset:0}.inter__card{bottom:5vh;background:var(--blush);width:min(440px,34vw);color:var(--on-blush);border-radius:2px;gap:14px;padding:32px 32px 34px;display:grid;position:absolute;inset-inline-start:var(--gut)}.inter__title{font-size:clamp(34px,3.2vw,54px);line-height:1}.vitrine{padding:4vh var(--gut);gap:3vw;display:flex}.glass{background:linear-gradient(105deg, color-mix(in srgb, var(--paper-2) 92%, #fff 8%) 0%, var(--paper-2) 60%);border-radius:2px;align-self:center;align-items:center;height:72%;padding:0 2vw;display:flex}.slices{gap:1.6vw;display:flex}.slice{cursor:zoom-in;gap:12px;width:14.2vw;display:grid}.slice .frame{aspect-ratio:4/5;border-radius:2px}.slice .frame img{object-position:50% 55%}.slice h3{font-size:19px}.desserts{flex-direction:column;justify-content:center;gap:24px;width:auto;padding-inline-start:1vw;display:flex}.desserts__title{font-size:30px;line-height:1.05}.desserts__list{gap:2.4vw;display:flex}.dessert{gap:10px;width:19vw;display:grid}.dessert .frame{aspect-ratio:1}.lens{z-index:60;pointer-events:none;opacity:0;width:230px;height:230px;transition:opacity .6s var(--ease), transform .6s var(--ease);position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(.6)}.lens.on{opacity:1;transform:translate(-50%,-50%)scale(1)}.lens__img{border:3px solid var(--blush);background-repeat:no-repeat;background-color:var(--paper-2);border-radius:50%;position:absolute;inset:0;box-shadow:0 18px 50px #1b151638}.lens__label{white-space:nowrap;background:var(--blush);color:var(--on-blush);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:500;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.cafe{padding:4vh var(--gut);grid-template-rows:1fr 1fr;grid-template-columns:25vw 40vw 27vw 38vw;gap:2vw;display:grid}.cafe__head,.cafe__a{grid-row:1/3}.cafe__b{grid-area:1/3}.cafe__c{grid-area:2/3}.cafe__d{grid-area:1/4/3}.cafe .frame{border-radius:2px}.rating{align-items:baseline;gap:10px;font-size:14px;display:flex}.rating__n{font-family:Gloock,serif;font-size:44px;line-height:1}.credit{max-width:26em;font-size:13px}.visit{width:100vw;padding:4vh var(--gut) 4vh;background:var(--blush);color:var(--on-blush);grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;column-gap:4vw;display:grid}.visit .muted{color:#1b1516a8}.visit__kicker{font-family:var(--display);grid-column:1;font-size:26px}.visit__num{letter-spacing:-.03em;grid-area:2/1;align-self:end;font-family:Gloock,serif;font-size:min(52vh,34vw);line-height:.82}.visit__info{grid-area:1/2/3;align-self:end;gap:14px;max-width:520px;padding-bottom:1vh;display:grid}.visit__addr{font-family:var(--display);font-size:clamp(24px,2.2vw,36px);line-height:1.15}.visit__btns{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.visit .btn{border-color:var(--on-blush)}.visit .btn--solid{background:var(--on-blush);color:var(--blush)}.visit .btn:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}.visit__foot{margin-top:12px;font-size:13px}@media (max-width:767px){:root{--top:54px;--bot:64px;--gut:18px}.top__open{display:none}.top__logo img{height:22px}.pill{height:32px;padding:0 12px}.route{gap:8px}.route__current{background:var(--blush);height:38px;color:var(--on-blush);border-radius:99px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.route__count{opacity:.6;font-variant-numeric:tabular-nums}.route__stops{bottom:calc(100% + 8px);background:var(--paper);opacity:0;pointer-events:none;transition:opacity .6s var(--ease), transform .6s var(--ease);border-radius:18px;flex-direction:column;gap:2px;padding:8px;position:absolute;inset-inline-start:var(--gut);transform:translateY(8px);box-shadow:0 12px 40px #0000002e}.route.open .route__stops{opacity:1;pointer-events:auto;transform:none}.route__stops a{padding:10px 16px;font-size:15px}.btn--small{height:38px;padding:0 16px}.hero{padding:2vh var(--gut) 2vh;grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:18px}.hero__text{gap:12px}.hero__logo img{width:52vw}.hero__title{font-size:30px}.hero__lead{font-size:15px}.hero__img{height:auto;min-height:0}.coffee{padding:3vh var(--gut) 2vh;grid-template-columns:70vw auto;column-gap:8vw}.coffee__line{font-size:26vw}.coffee__note{font-size:15px}.coffee__note p:first-child{font-size:20px}.cups{gap:5vw}.cup{width:44vw}.chap{width:76vw;padding-inline-end:4vw}.chap__title{font-size:46px}.breakfast,.vitrine{padding:3vh var(--gut);gap:8vw}.dishes{gap:8vw}.dish{width:76vw}.salads{width:70vw}.inter__card{width:calc(100vw - 2 * var(--gut));padding:24px;bottom:3vh}.glass{height:66%;padding:0 5vw}.slices{gap:5vw}.slice{width:50vw}.dessert{width:62vw}.desserts__list{gap:6vw}.cafe{padding:3vh var(--gut);grid-template-columns:76vw 84vw 64vw 84vw;gap:5vw}.visit{width:100vw;padding:3vh var(--gut);grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.visit__num{grid-row:2;align-self:start;margin-top:2vh;font-size:40vw}.visit__info{grid-area:3/1}.visit__btns .btn{height:44px;padding:0 18px}.lens{width:180px;height:180px}}@media (prefers-reduced-motion:reduce){.rv{opacity:1;transition:none;transform:none}.hero__arrow{animation:none}}.btn bdi{font-variant-numeric:tabular-nums;font-family:Figtree,sans-serif}