@font-face{font-family:'Noto Sans Arabic';src:url('fonts/NotoSansArabic.woff2') format('woff2');font-weight:100 900;font-display:swap}
.header-tools{display:flex;align-items:center;gap:14px;flex-shrink:0;margin-inline-start:auto}
header{gap:20px}header>nav{margin-inline:auto}
.language-picker{position:relative;flex-shrink:0;font:500 14px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;color:#26231f;direction:ltr}
.language-picker summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;min-height:44px;padding:7px 8px;border:1px solid transparent;border-radius:4px;white-space:nowrap}
.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:after{content:'⌄';font-size:14px;margin-inline-start:2px}
.language-picker summary:hover,.language-picker[open] summary{border-color:#26231f35;background:#f5f0e6b8}
.language-picker summary:focus-visible{outline:2px solid #ca2b3c;outline-offset:3px}
.language-options{position:absolute;top:calc(100% + 7px);right:0;min-width:160px;padding:7px;background:#faf7f0;border:1px solid #26231f25;border-radius:5px;box-shadow:0 10px 30px #26231f16;z-index:45;display:grid;gap:2px}
header .language-options a{display:block;padding:10px 14px;min-height:44px;border-radius:3px;font-size:14px;white-space:nowrap}
header .language-options a:after{display:none}.language-options a:hover,.language-options a[aria-current]{background:#e5e8d9}.language-options a[aria-current]{font-weight:700}
.language-options [lang=ar]{font-family:'Noto Sans Arabic',Tahoma,sans-serif;text-align:right}
.music-controls{position:fixed;bottom:24px;inset-inline-end:24px;z-index:19;display:flex;align-items:center;gap:10px;border:1px solid #26231f30;border-radius:30px;background:#faf7f0f2;backdrop-filter:blur(12px);color:#26231f;box-shadow:0 4px 20px #26231f0b;padding:3px 8px}
.music-toggle{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 9px;font-size:13px;white-space:nowrap}.music-toggle svg{width:18px;height:18px;flex-shrink:0}
.music-toggle[aria-pressed=true] .music-off-mark{display:none}.music-toggle[aria-pressed=true]{color:#4b5d30}
.music-volume{display:flex;align-items:center;gap:7px;padding-inline-end:7px;font-size:12px}.music-volume input{width:65px;accent-color:#4b5d30}
.music-volume[hidden],.music-controls[hidden]{display:none!important}
.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.translation-note{font-size:14px!important;line-height:1.7;border-top:1px solid #26231f30;padding-top:24px;margin-top:32px!important}
.legal-page header{position:static}.legal-page .translation-note a{white-space:normal}
.legal-page p,.legal-page h2{overflow-wrap:anywhere}
.has-music footer{padding-bottom:100px}
html[lang=en] .world-copy h1,html[lang=en] .world-copy h2{font-size:clamp(40px,4.2vw,68px)}
html[dir=rtl] body,html[dir=rtl] button,html[dir=rtl] select,html[dir=rtl] .cake-picture figcaption,html[dir=rtl] .hours h3{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.8}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .flavor-word,html[dir=rtl] .flavor-buttons button,html[dir=rtl] .cake-intro,html[dir=rtl] .cake-bottom p,html[dir=rtl] .footer-top p,html[dir=rtl] .gallery span,html[dir=rtl] #mobile-menu nav{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0;font-style:normal;line-height:1.4;font-weight:500}
html[dir=rtl] em{font-style:normal;font-weight:500}
html[dir=rtl] .eyebrow,html[dir=rtl] .section-label,html[dir=rtl] .stage-top,html[dir=rtl] .stage-bottom,html[dir=rtl] .footer-bottom{letter-spacing:0}
html[dir=rtl] .world-copy{left:auto;right:7%;width:42%;top:38%}
html[dir=rtl] .world-copy h1,html[dir=rtl] .world-copy h2{font-size:clamp(36px,3.8vw,62px);line-height:1.45}
html[dir=rtl] .scoop{left:auto;right:36%}
html[dir=rtl] .flavor-word{left:auto;right:25%;font-size:clamp(90px,14vw,220px)}
html[dir=rtl] .production-nav{border-left:0;padding-left:0;border-right:1px solid #26231f40;padding-right:20px}
html[dir=rtl] .flavor-picker .flavor-buttons button,html[dir=rtl] .gallery button,html[dir=rtl] .cake-picture figcaption,html[dir=rtl] .cafe-main figcaption{text-align:right}
html[dir=rtl] .cake-copy h2{font-size:clamp(42px,5.6vw,85px)}
html[dir=rtl] .brand-note h2{font-size:clamp(35px,4.5vw,70px)}
html[dir=rtl] .scene-heading h2{font-size:clamp(34px,3.5vw,54px)}
html[dir=rtl] .cafe-heading h2{font-size:clamp(46px,6vw,88px)}
html[dir=rtl] .dialog-close{margin:0 auto 25px 0}
html[dir=rtl] .phone,html[dir=rtl] a[href^='tel:'],html[dir=rtl] a[href^='mailto:'],html[dir=rtl] .flavor-position,html[dir=rtl] .story-progress,html[dir=rtl] #cake-counter{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .visit address{direction:ltr;unicode-bidi:isolate;text-align:right}
html[dir=rtl] .language-picker{font-family:Manrope,Arial,sans-serif;line-height:1.5}
html[dir=rtl] .language-options{right:auto;left:0}
@media(max-width:1200px){header>nav,header>.menu-link{display:none}header>.header-tools .menu-toggle{display:block;font-size:14px;border-bottom:1px solid;padding:5px 0;min-height:44px}.header-tools{gap:12px}}
@media(max-width:700px){header{height:96px;padding-inline:5%;gap:10px}header .logo{width:128px}.header-tools{gap:8px}.language-picker summary{padding:7px 4px}.language-picker summary svg{width:16px}#mobile-menu{inset:96px 0 0;overflow-y:auto;padding-bottom:100px}#mobile-menu nav{font-size:28px;gap:20px}.music-controls{bottom:calc(78px + env(safe-area-inset-bottom));inset-inline-end:12px;padding:1px 5px}.music-toggle{font-size:12px;min-height:40px;padding:5px 7px}.music-volume{gap:0;padding-inline-end:6px}.music-volume input{width:55px}.music-volume>span{display:none}.has-music footer{padding-bottom:155px}.stage-bottom{padding-bottom:30px}.scroll-hint{font-size:10px}.motion-toggle{font-size:11px}html[lang=en] .world-copy h1,html[lang=en] .world-copy h2{font-size:clamp(33px,8.8vw,42px)}html[dir=rtl] .world-copy{right:7%;left:auto;top:48%;width:86%}html[dir=rtl] .world-copy h1,html[dir=rtl] .world-copy h2{font-size:clamp(30px,8.1vw,39px);line-height:1.5}html[dir=rtl] .world-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:10px}html[dir=rtl] .world-copy .text-link{margin-top:13px}html[dir=rtl] .scoop{right:2%;left:auto;top:16%;height:29%;width:96vw}html[dir=rtl] .flavor-word{right:5%;left:auto;top:21%;font-size:22vw}html[dir=rtl] .stage-bottom{font-size:11px}html[dir=rtl] .motion-toggle{font-size:11px}html[dir=rtl] .stage{min-height:790px}html[dir=rtl] .no-motion .stage{min-height:790px}html[dir=rtl] .cake-copy h2{font-size:45px}html[dir=rtl] .scene-heading h2{font-size:37px}html[dir=rtl] .soft-ice h2{font-size:32px}html[dir=rtl] .production-teaser h2{font-size:30px}html[dir=rtl] .flavor-detail h3{font-size:27px;line-height:1.6}html[dir=rtl] .legal-page h1{font-size:36px;line-height:1.5}.legal-page{padding-top:145px}}
@media(max-width:370px){header .logo{width:108px}.header-tools{gap:5px}.language-picker summary{font-size:13px}.language-picker summary svg{display:none}.stage-bottom{gap:6px}.scroll-hint{font-size:9px}html[dir=rtl] .world-copy h1,html[dir=rtl] .world-copy h2{font-size:30px}}
/* Keep music clear of the hero's motion controls. On phones it joins the bottom bar. */
@media(min-width:701px){.has-music .stage-bottom{right:calc(5% + 245px)}html[dir=rtl] .has-music .stage-bottom{right:5%;left:calc(5% + 245px)}}
@media(min-width:701px) and (max-width:1100px){.has-music .story-progress{display:none}}
@media(max-width:700px){.music-controls{bottom:calc(12px + env(safe-area-inset-bottom));left:calc(50% - 22px);right:auto;inset-inline-end:auto;width:44px;height:44px;padding:0;border:0;background:transparent;backdrop-filter:none;box-shadow:none}.music-toggle{width:44px;height:44px;min-height:44px;padding:0;justify-content:center}.music-toggle svg{width:21px;height:21px}.music-label,.music-volume{display:none!important}.stage-bottom{padding-bottom:0}.mobile-visit{align-items:center}.mobile-visit a{max-width:calc(50% - 35px)}.has-music footer{padding-bottom:115px}}