@font-face{font-family:'Aref Ruqaa';src:url('assets/aref-ruqaa-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/tajawal-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/tajawal-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url('assets/tajawal-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.language-picker{display:flex;align-items:center;flex-shrink:0}
.footer-languages{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;align-items:center;font-size:13px}.footer-languages a{padding:5px 0;border-bottom:1px solid #fbf4e750}.footer-languages [lang=ar]{font-family:Tajawal,Arial,sans-serif}
.language-picker select{font-family:Sans,Arial,sans-serif;font-size:12px;background:transparent;color:var(--green);border:1px solid var(--line);border-radius:30px;max-width:114px;min-height:38px;padding:8px 6px;cursor:pointer}
.language-picker select:focus-visible{outline:3px solid #ab5138;outline-offset:3px}
.desktop-nav{gap:24px;margin-inline: auto 10px;white-space:nowrap}
.wordmark,.cup-label,.preview-brand,.footer-logo{direction:ltr;unicode-bidi:isolate;font-family:Editorial,Georgia,serif}
.social-strip>a{direction:ltr;unicode-bidi:isolate;display:inline-block}
html[lang=fy] .hero h1{font-size:clamp(74px,8vw,138px)}
html[lang=en] .hero h1{font-size:clamp(74px,8vw,138px)}
html[dir=rtl]{--serif:'Aref Ruqaa',Georgia,serif;--sans:Tajawal,Tahoma,Arial,sans-serif}
[dir=rtl] .language-picker select{font-family:Tajawal,Arial,sans-serif}
[dir=rtl] h3,[dir=rtl] .sip-caption b,[dir=rtl] .story-lead{font-family:var(--sans);font-weight:500}
[dir=rtl] .eyebrow{font-weight:700}
[dir=rtl] body{font-size:19px;line-height:1.9}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .story-lead,[dir=rtl] .sip-caption b,[dir=rtl] .menu-art-word,[dir=rtl] .sip-big-word{letter-spacing:0;line-height:1.35}
[dir=rtl] .eyebrow,[dir=rtl] .flavor-ticker div,[dir=rtl] .preview-for,[dir=rtl] .event-types span,[dir=rtl] .tiny-sticker,[dir=rtl] .scroll-cue{letter-spacing:0}
[dir=rtl] .hero-copy{padding-right:4.5%;padding-left:0}
[dir=rtl] .hero h1{font-size:clamp(72px,7.3vw,114px);line-height:1.3}
[dir=rtl] .hero-visual{right:auto;left:7%}
[dir=rtl] .hero-halo{right:auto;left:-12%}
[dir=rtl] .berry-hero-back{right:auto;left:-14%}
[dir=rtl] .berry-hero-front{left:auto;right:30%}
[dir=rtl] .love-seal,[dir=rtl] .hero-note{right:auto;left:3.5%}
[dir=rtl] .scroll-cue{left:auto;right:4.5%}
[dir=rtl] .hero-description{max-width:390px;font-size:19px;margin-top:20px}
[dir=rtl] .hero-buttons{margin-top:20px}
[dir=rtl] .button,[dir=rtl] .text-link{font-size:17px}
[dir=rtl] .hand-note{font-style:normal;line-height:1.5}
[dir=rtl] .sips-title p:last-child,[dir=rtl] .treats-copy>p:not(.eyebrow),[dir=rtl] .event-copy>p:not(.eyebrow),[dir=rtl] .section-heading>p{font-size:18px}
[dir=rtl] .treats-image{right:auto;left:-8%}
[dir=rtl] .berry-treats{left:auto;right:29%}
[dir=rtl] .event-cart{right:auto;left:0}
[dir=rtl] .event-cup{right:auto;left:-4%}
[dir=rtl] .event-orbit{right:auto;left:-6%}
[dir=rtl] .image-caption{right:auto;left:5%;text-align:left;font-size:12px}
[dir=rtl] .story-flower{right:auto;left:5%}
[dir=rtl] .story-copy>p:not(.story-lead),[dir=rtl] .menu-item>p,[dir=rtl] .faq-list details p{font-size:17px}
[dir=rtl] .faq-list summary{font-size:19px}
[dir=rtl] .faq-list details p{padding:0 0 25px 25px}
[dir=rtl] .filter-pills button,[dir=rtl] .choice-pills label>span{font-size:16px}
[dir=rtl] .field-grid label,[dir=rtl] .note-label{font-size:16px}
[dir=rtl] input,[dir=rtl] textarea{text-align:right}
[dir=rtl] input[type=date],[dir=rtl] input[type=number]{direction:ltr}
[dir=rtl] .field-grid input,[dir=rtl] .note-label textarea{font-size:17px}
[dir=rtl] .field-grid input::placeholder,[dir=rtl] .note-label textarea::placeholder{font-size:15px}
[dir=rtl] .event-form legend>span{margin-right:0;margin-left:12px}
[dir=rtl] .form-note,[dir=rtl] .menu-footnote,[dir=rtl] .preview-summary,[dir=rtl] #request-status{font-size:14px}
[dir=rtl] #request-text,[dir=rtl] #privacy-dialog>p:not(.eyebrow){font-size:17px}
[dir=rtl] .dialog-close{right:auto;left:15px}
[dir=rtl] .footer-bottom{font-size:13px}
[dir=rtl] .flavor-ticker{direction:ltr}
@media(min-width:761px) and (max-width:1100px){.desktop-nav{gap:14px;font-size:12px}.site-header{gap:10px}.header-book{padding:12px 16px;gap:12px}.header-actions{gap:7px}.wordmark{font-size:27px}[dir=rtl] .hero-visual{left:1%}[dir=rtl] .treats-image{left:-14%}[dir=rtl] .event-cart{left:-6%}}
@media(max-width:760px){
 .header-book{display:none}.language-picker select{font-size:11px;max-width:98px;min-height:36px}.header-actions{gap:6px}
 html[lang=fy] .hero h1,html[lang=en] .hero h1{font-size:clamp(48px,10.8vw,80px)}
 html[lang=en] .hero-buttons{gap:14px}html[lang=en] .hero-buttons .button{font-size:11px;padding:13px 15px;gap:10px}html[lang=en] .hero-buttons .text-link{font-size:11px;gap:10px}
 [dir=rtl] .hero{min-height:1110px}
 [dir=rtl] .hero-copy{padding:125px 6% 0;width:100%}
 [dir=rtl] .hero h1{font-size:clamp(53px,12vw,82px);line-height:1.35}
 [dir=rtl] .hero-description{font-size:18px;max-width:340px}
 [dir=rtl] .hero-buttons .button,[dir=rtl] .hero-buttons .text-link{font-size:15px}
 [dir=rtl] .hero-visual{left:15%;right:auto;top:560px}
 [dir=rtl] .hero-halo{left:-18%;top:500px}
 [dir=rtl] .berry-hero-back{left:-17%;top:560px}
 [dir=rtl] .berry-hero-front{left:auto;right:-8%}
 [dir=rtl] .love-seal{left:7%;top:560px}
 [dir=rtl] .hero-note{left:5%;max-width:160px}
 [dir=rtl] .scroll-cue{left:5%;right:auto}
 [dir=rtl] h2,[dir=rtl] .sips-title h2,[dir=rtl] .treats-copy h2,[dir=rtl] .event-copy h2,[dir=rtl] .faq-section h2{font-size:46px;line-height:1.4}
 [dir=rtl] .sip-caption b{font-size:23px}
 [dir=rtl] .sip-caption small{font-size:12px}
 [dir=rtl] .sips-note{left:42%;top:48%;font-size:18px}
 [dir=rtl] .treats-section{min-height:960px}
 [dir=rtl] .treats-image{left:-19%;top:535px}
 [dir=rtl] .berry-treats{right:-14%}
 [dir=rtl] .event-scene{min-height:1100px}
 [dir=rtl] .event-cart{left:1%;right:auto}
 [dir=rtl] .event-cup{left:-9%}
 [dir=rtl] .event-orbit{left:-30%}
 [dir=rtl] .story-copy{padding:15px 7% 0 0}
 [dir=rtl] .story-flower{left:0}
 [dir=rtl] .footer-bottom>span:nth-child(2),[dir=rtl] .footer-bottom>a{text-align:left}
 [dir=rtl] .footer-bottom .plain-button{text-align:right}
 [dir=rtl] .filter-pills button{padding:9px 13px}
 [dir=rtl] .choice-pills label>span{padding:8px 13px}
 [dir=rtl] .event-preview{width:88%}
 [dir=rtl] .button{white-space:normal}
}
@media(max-width:380px){.language-picker select{max-width:91px}.header-actions{gap:3px}[dir=rtl] .hero h1{font-size:51px}[dir=rtl] .hero-visual{top:585px}[dir=rtl] .love-seal{top:575px}[dir=rtl] .sip-caption b{font-size:20px}}
