@font-face{font-family:Modern;src:url('/assets/fonts/latin-modern-roman.otf') format('opentype');font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat.ttf') format('truetype');font-display:swap;font-weight:100 900}
@font-face{font-family:Alexandria;src:url('/assets/fonts/alexandria.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--ivory:#f5f1e8;--paper:#ebe6da;--green:#294a40;--deep-green:#1d3b32;--ink:#292a22;--muted:#777b6e;--gold:#a58052;--copper:#9c674b;--line:#294a4026;--body:Montserrat,Arial,sans-serif;--display:Modern,Georgia,serif;--gutter:clamp(24px,5.5vw,100px);--ease:cubic-bezier(.22,1,.36,1);--ui:280ms;--fast:180ms}
[dir=rtl]{--body:Alexandria,Arial,sans-serif;--display:Alexandria,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ivory);color:var(--green);font-family:var(--body);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}body.scroll-locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}svg{display:block;width:23px;height:23px;flex-shrink:0;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.spark{fill:currentColor;stroke:none}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.04;letter-spacing:-.04em}h1 em,h2 em{font-weight:400;font-style:italic}h2{font-size:clamp(44px,5.2vw,80px)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:-.055em;line-height:1.4;font-weight:400}[dir=rtl] h1 em,[dir=rtl] h2 em{font-style:normal;font-weight:300}[hidden]{display:none!important}::selection{background:var(--green);color:var(--ivory)}:focus-visible{outline:2px solid var(--copper);outline-offset:5px}button:focus:not(:focus-visible){outline:none}.section-pad{padding-inline:var(--gutter)}.eyebrow{display:block;font-size:9px;letter-spacing:.16em;line-height:1.8;font-weight:500}[dir=rtl] .eyebrow{letter-spacing:0;font-size:10px}.skip-link{position:fixed;z-index:120;top:10px;inset-inline-start:15px;padding:12px 20px;background:var(--green);color:var(--ivory);transform:translateY(-180%)}.skip-link:focus{transform:none}.wordmark{width:150px;height:auto}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:17px 26px;font-size:10px;line-height:1.5;font-weight:500;transition:background var(--ui),box-shadow var(--ui),transform var(--ui) var(--ease)}.button-green{background:var(--green);color:var(--ivory)}.button-green:hover{background:var(--deep-green);box-shadow:0 7px 22px #294a4025;transform:translateY(-2px)}.button svg{width:19px;height:19px}.text-link{font-size:10px;padding-block:5px;border-bottom:1px solid #294a4066;transition:color var(--ui)}.text-link:hover{color:var(--copper)}[dir=rtl] .arrow{transform:scaleX(-1)}.language-link[lang=en]{font-family:Montserrat,sans-serif}.language-link[lang=ar]{font-family:Alexandria,sans-serif}
.site-header{position:sticky;top:0;z-index:40;background:#f5f1e8f2;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:106px;padding-inline:var(--gutter);gap:30px}.desktop-nav{display:flex;align-items:center;gap:28px;font-size:10px}.desktop-nav a,.header-contact,.footer nav a{transition:opacity var(--fast)}.desktop-nav a:hover,.header-contact:hover,.footer nav a:hover{opacity:.6}.brand{text-align:center}.brand .wordmark{width:153px}.brand>span{display:block;font-family:Montserrat,sans-serif;font-size:6px;letter-spacing:.29em;margin-top:3px}.header-tools{display:flex;justify-content:flex-end;align-items:center;gap:30px;font-size:10px}.header-contact{display:flex;gap:12px;align-items:center}.header-contact svg{width:15px;height:15px}.language-link{border-inline-start:1px solid var(--line);padding-inline-start:24px;line-height:1.3}.menu-open{display:none}.reading-progress{height:2px;background:var(--copper);position:absolute;bottom:-1px;inset-inline-start:0;width:100%;transform:scaleX(0);transform-origin:left}
.hero{position:relative;display:grid;grid-template-columns:45% 55%;min-height:650px;height:min(790px,calc(100svh - 106px));isolation:isolate;overflow:hidden}.hero-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3;padding-block:35px 80px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px;font-size:8px;margin-bottom:28px}.hero-copy>.eyebrow .spark{width:13px;height:13px}.hero h1{font-size:clamp(68px,7vw,108px);line-height:.98;letter-spacing:-.055em;margin-inline-end:-80px}.hero h1 em{color:var(--copper)}.hero-copy>p{font-size:11px;line-height:2.1;max-width:330px;margin-top:28px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.hero-actions>.button{gap:30px}.hero-foot{font-size:8px;color:var(--muted);margin-top:35px}.hero-stage{position:relative;min-width:0;align-self:stretch;margin-inline:-12% -8%;isolation:isolate;direction:ltr}.coffee-canvas{width:100%;height:100%;position:absolute;inset:0;z-index:2;touch-action:pan-y;cursor:grab;opacity:0;transition:opacity 900ms var(--ease)}.coffee-canvas.is-dragging{cursor:grabbing}.scene-fallback{position:absolute;top:15%;width:100%;height:70%;object-fit:contain;z-index:1;transition:opacity 600ms var(--ease)}[data-scene-state=ready] .coffee-canvas{opacity:1}[data-scene-state=ready] .scene-fallback{opacity:0}.stage-orbit{position:absolute;border:1px solid #294a4016;border-radius:50%;z-index:-1;inset:20% 7% 17%;transform:rotate(-18deg)}.orbit-two{inset:13% 14% 10%;transform:rotate(22deg)}.hero-stage:before{content:'';position:absolute;inset:22% 10%;background:radial-gradient(ellipse,#ddd7c6a6,transparent 68%);z-index:-1}.stage-star{position:absolute;top:20%;left:8%;color:#b9c0a880;transform:rotate(10deg);z-index:-1}.stage-star .spark{width:70px;height:70px}.stage-top{position:absolute;top:9%;right:9%;font-family:Montserrat,sans-serif;font-size:8px;letter-spacing:.2em;line-height:1.8;z-index:3}.stage-edition{position:absolute;right:4%;top:46%;writing-mode:vertical-rl;font-family:Montserrat,sans-serif;font-size:6px;letter-spacing:.16em}.scene-controls{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);z-index:5;display:none;align-items:center;gap:14px;white-space:nowrap;font-size:8px;color:var(--muted)}[data-scene-state=ready] .scene-controls{display:flex}.scene-turn{font-size:18px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;transition:background var(--ui)}.scene-turn:hover{background:var(--paper)}.hero-bottom{grid-column:1/-1;position:absolute;bottom:23px;inset-inline:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.12em}.hero-bottom>a{display:flex;gap:16px;align-items:center;letter-spacing:0;font-size:8px}.hero-bottom>a>span{font-size:21px}[dir=rtl] .hero h1{font-size:clamp(48px,5.3vw,82px);line-height:1.42;letter-spacing:-.065em;margin-inline-end:-110px}[dir=rtl] .hero-copy>p{font-size:11px;line-height:2.2}[dir=rtl] .hero-copy>.eyebrow{font-size:9px}[dir=rtl] .hero-foot{font-size:8px}[dir=rtl] .stage-top{right:auto;left:10%}
.ribbon{overflow:hidden;border-block:1px solid var(--line);padding-block:20px;background:#ede9dd;direction:ltr}.ribbon-track{display:flex;gap:42px;align-items:center;width:max-content;will-change:transform}.ribbon span{font-family:var(--display);font-size:26px;white-space:nowrap}.ribbon .spark{width:15px;height:15px;color:var(--copper)}[dir=rtl] .ribbon span{font-size:18px}
.intro{padding-block:112px 116px;text-align:center;position:relative}.intro h2{font-size:clamp(45px,5.3vw,80px);margin:26px auto;max-width:920px}.intro h2 em{color:var(--copper)}.intro>p{max-width:490px;margin:auto;color:var(--muted);font-size:11px;line-height:2.1}.intro-signature{margin-top:33px;display:flex;align-items:center;justify-content:center;gap:14px}.intro-signature .spark{width:16px;height:16px;color:var(--copper)}.intro-signature>span{font-family:Modern,Georgia,serif;font-style:italic;font-size:23px}[dir=rtl] .intro h2{font-size:clamp(34px,3.8vw,58px)}[dir=rtl] .intro>p{max-width:520px;line-height:2.2}
.coffee-section{background:var(--green);color:var(--ivory);padding-block:85px 50px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}.section-heading h2{font-size:clamp(48px,4.8vw,73px);margin-top:23px}.section-heading h2 em{color:#d1c5a7}.section-heading>p{max-width:280px;font-size:10px;line-height:2.1;color:#d1d7c9;padding-bottom:6px}.brew-tabs{display:flex;border-bottom:1px solid #f5f1e840;margin-bottom:36px;gap:45px}.brew-tab{position:relative;display:flex;align-items:center;gap:16px;padding:0 0 19px;font-size:12px;color:#adbdb0;transition:color var(--ui)}.brew-tab-number{font-family:Montserrat,sans-serif;font-size:8px}.brew-tab:after{content:'';position:absolute;bottom:-1px;inset-inline:0;height:2px;background:#ddcba9;transform:scaleX(0);transform-origin:0;transition:transform 400ms var(--ease)}.brew-tab.is-active{color:var(--ivory)}.brew-tab.is-active:after{transform:scaleX(1)}.brew-tab:hover{color:var(--ivory)}.brew-panel{display:grid;grid-template-columns:55% 45%;align-items:stretch;min-height:430px;animation:brew-in 600ms var(--ease) both}.brew-picture{background:var(--ivory);position:relative;overflow:hidden;aspect-ratio:1.23;direction:ltr}.brew-picture>img{width:300%;max-width:none;height:100%;object-fit:cover;transform:translateX(calc(var(--drink-index) * -33.333333%))}.drink-caption{position:absolute;bottom:24px;left:25px;color:var(--green);font-family:Montserrat,sans-serif;font-size:7px;letter-spacing:.18em}.brew-copy{padding:55px 0 42px 65px;position:relative;display:flex;flex-direction:column;justify-content:center}.brew-copy .eyebrow{font-family:Montserrat,sans-serif;color:#b6c0ac;font-size:7px}.brew-copy h3{font-size:clamp(36px,4vw,60px);margin-block:24px}.brew-copy>p{max-width:330px;font-size:11px;line-height:2.1;color:#d1d7c9}.tasting-notes{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 0}.tasting-notes li{border:1px solid #f5f1e82b;border-radius:30px;padding:5px 13px;font-size:8px}.brew-spark{position:absolute;bottom:7px;inset-inline-end:4px;color:#d1c5a7}.brew-spark .spark{width:37px;height:37px}.menu-note{display:flex;align-items:center;gap:10px;margin-top:27px;color:#c7d0c1;font-size:8px}.menu-note .spark{width:11px;height:11px}.coffee-section :focus-visible{outline-color:#e2cca4}[dir=rtl] .section-heading h2{font-size:clamp(35px,3.9vw,57px)}[dir=rtl] .brew-copy{padding:45px 65px 42px 0}[dir=rtl] .brew-copy h3{font-size:clamp(29px,3.2vw,46px)}[dir=rtl] .brew-copy>p{line-height:2.3}[dir=rtl] .brew-tab{font-size:11px}
.takeaway{display:grid;grid-template-columns:54% 46%;align-items:center;min-height:720px;gap:0;padding-block:90px;overflow:hidden}.takeaway-art{position:relative;min-width:0;isolation:isolate;display:grid;place-items:center;aspect-ratio:1.05;margin-inline:-25px 30px}.takeaway-art>img{width:115%;max-width:none;position:relative;z-index:2;will-change:transform}.takeaway-disc{position:absolute;width:80%;height:80%;border:1px solid #294a4028;border-radius:50%;z-index:-1;background:radial-gradient(#e3dece,transparent 70%)}.takeaway-star{position:absolute;inset-inline-start:6%;top:12%;color:#a9b49a80;transform:rotate(15deg)}.takeaway-star .spark{width:64px;height:64px}.art-caption{position:absolute;bottom:-4px;inset-inline-start:15%;font-family:Montserrat,sans-serif;font-size:8px;letter-spacing:.16em}.takeaway-copy{padding-inline-start:35px}.takeaway-copy h2{font-size:clamp(44px,4.8vw,72px);margin-block:25px}.takeaway-copy h2 em{color:var(--copper)}.takeaway-copy>p{font-size:11px;line-height:2.1;max-width:345px;color:var(--muted)}.takeaway-tags{display:flex;flex-direction:column;gap:13px;margin-block:28px 32px;padding-top:25px;border-top:1px solid var(--line);max-width:345px}.takeaway-tags>span{display:flex;align-items:center;gap:12px;font-size:10px}.takeaway-tags .spark{width:12px;height:12px;color:var(--copper)}.handwritten{font-family:Modern,Georgia,serif;font-style:italic;font-size:21px;color:var(--copper)}[dir=rtl] .takeaway-copy h2{font-size:clamp(35px,4vw,60px)}[dir=rtl] .handwritten{font-family:Alexandria,sans-serif;font-style:normal;font-size:12px;font-weight:300}
.story{display:grid;grid-template-columns:53% 47%;background:#e8e3d6;min-height:660px}.story-photo{position:relative;overflow:hidden;min-height:650px;isolation:isolate}.story-photo>img{position:absolute;width:100%;height:120%;top:-10%;object-fit:cover;object-position:42% center;will-change:transform}.photo-note{position:absolute;bottom:27px;inset-inline-start:35px;font-family:Montserrat,sans-serif;font-size:7px;letter-spacing:.15em;color:#fffaf0;text-shadow:0 1px 10px #0008}.story-copy{padding:75px var(--gutter) 70px 65px;display:flex;flex-direction:column;justify-content:center}.story-copy h2{font-size:clamp(54px,5.5vw,84px);margin-block:27px}.story-copy h2 em{color:var(--copper)}.story-copy>p{font-size:11px;line-height:2.2;color:var(--muted);max-width:330px}.story-signature{display:flex;align-items:center;gap:18px;margin-top:40px}.story-signature>.spark{width:27px;height:27px;color:var(--copper)}.story-signature>span{font-size:10px;line-height:1.9}[dir=rtl] .story-copy{padding:70px 65px 70px var(--gutter)}[dir=rtl] .story-copy h2{font-size:clamp(44px,4.4vw,66px)}
.contact{text-align:center;padding-block:95px 88px;position:relative;overflow:hidden}.contact-mark{display:flex;justify-content:center;margin-bottom:30px;color:var(--copper)}.contact-mark .spark{width:36px;height:36px}.contact h2{font-size:clamp(58px,7vw,106px);margin-block:24px}.contact h2 em{color:var(--copper)}.contact>p{font-size:11px;color:var(--muted);margin-bottom:30px}.contact>.button{gap:18px;min-width:260px}.contact>.button .whatsapp-icon{width:21px;height:21px}.contact-phone{display:flex;justify-content:center;gap:15px;align-items:center;margin-top:23px;font-size:9px;color:var(--muted)}.contact-phone a{color:var(--green);font-family:Montserrat,sans-serif;font-size:11px;border-bottom:1px solid var(--line)}[dir=rtl] .contact h2{font-size:clamp(43px,5.5vw,79px)}
.footer{background:var(--green);color:var(--ivory);padding-block:52px 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:45px}.footer-top>a:first-child{display:flex;flex-direction:column;gap:15px}.footer .wordmark{filter:brightness(0) invert(.94);width:174px}.footer-top>a>span{font-size:9px;color:#bdc9b8}.footer nav{display:flex;align-items:center;gap:27px;font-size:10px}.back-top{display:flex;align-items:center;gap:15px;font-size:9px}.back-top>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #f5f1e840;border-radius:50%;font-size:20px!important}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #f5f1e82b;padding-top:22px;font-size:7px;color:#b8c4b2}.footer-bottom>span:last-child{font-family:Montserrat,sans-serif;letter-spacing:.1em}
.menu-dialog{width:100%;height:100svh;max-width:100%;max-height:100%;margin:0;border:0;background:var(--ivory);color:var(--green);padding:25px;z-index:100}.menu-dialog::backdrop{background:#1d3b327a}.menu-top{display:flex;align-items:center;justify-content:space-between}.menu-top .wordmark{width:135px}.menu-dialog nav{display:flex;flex-direction:column;gap:30px;padding-top:80px;font-family:var(--display);font-size:38px}.menu-foot{position:absolute;bottom:35px;font-family:Montserrat,sans-serif;font-size:8px;letter-spacing:.15em}[dir=rtl] .menu-dialog nav{font-size:28px}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity 800ms var(--ease),transform 800ms var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}.hero-enter{animation:hero-in 900ms var(--ease) both}.hero-enter:nth-child(2){animation-delay:90ms}.hero-enter:nth-child(3){animation-delay:170ms}.hero-enter:nth-child(4){animation-delay:240ms}@keyframes hero-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes brew-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.hero-copy>p{font-size:12px}.hero-actions>.button{font-size:11px}.hero-stage{margin-inline:-14% -3%}.hero{max-height:850px}.brew-panel{min-height:500px}}
@media(max-width:1100px){.header-inner{height:95px;gap:15px}.desktop-nav{gap:18px;font-size:9px}.header-tools{gap:20px}.header-contact{font-size:9px}.brand .wordmark{width:135px}.hero{grid-template-columns:46% 54%;min-height:610px}.hero h1{font-size:75px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions>.button{gap:20px;padding-inline:22px}.hero-stage{margin-inline:-15% -16%}.brew-copy{padding-inline-start:38px}[dir=rtl] .brew-copy{padding:35px 38px 30px 0}.takeaway{min-height:650px}.takeaway-copy{padding-inline-start:20px}.story-copy{padding-inline:40px}[dir=rtl] .story-copy{padding-inline:40px}.footer nav{gap:17px}}
@media(max-width:760px){
:root{--gutter:24px}html{scroll-padding-top:82px}.header-inner{height:83px;grid-template-columns:1fr auto 1fr;padding-inline:20px;gap:10px}.desktop-nav,.header-contact{display:none}.menu-open{display:grid;margin-inline-start:-10px}.brand .wordmark{width:126px}.brand>span{font-size:5px;letter-spacing:.25em}.language-link{padding:0;border:0;font-size:9px}.header-tools{gap:0}.hero{display:flex;flex-direction:column;min-height:0;height:auto;padding-top:30px;padding-bottom:50px;overflow:hidden}.hero-copy{padding:0;align-items:center;text-align:center;z-index:3}.hero-copy>.eyebrow{font-size:7px;gap:8px;margin-bottom:19px}.hero-copy>.eyebrow .spark{width:11px;height:11px}.hero h1{font-size:65px;line-height:.98;letter-spacing:-.055em;margin:0}.hero-copy>p{font-size:10px;line-height:2;margin-top:20px;max-width:295px}.hero-actions{margin-top:21px;gap:18px;justify-content:center}.hero-actions>.button{min-height:46px;padding:13px 18px;font-size:9px;gap:17px}.hero-actions>.button svg{width:17px;height:17px}.hero-actions>.text-link{font-size:8px}.hero-foot{display:none}.hero-stage{height:380px;width:calc(100% + 48px);margin:4px -24px -3px;align-self:auto}.scene-fallback{height:95%;top:0}.stage-orbit{inset:12% 15% 8%}.orbit-two{inset:7% 23% 7%}.stage-star{left:13%;top:16%}.stage-star .spark{width:39px;height:39px}.stage-top{font-size:5px;top:9%;right:8%;letter-spacing:.14em;line-height:1.8}[dir=rtl] .stage-top{left:9%;right:auto}.stage-edition{font-size:5px;top:45%;right:5%}.scene-controls{bottom:0%;font-size:7px;gap:13px}.scene-turn{width:30px;height:30px;font-size:15px}.hero-bottom{bottom:12px;inset-inline:24px;font-size:5px;letter-spacing:.08em}.hero-bottom>a{font-size:6px;gap:10px}.hero-bottom>a>span{font-size:17px}[dir=rtl] .hero h1{font-size:43px;line-height:1.45;margin:0;letter-spacing:-.06em}[dir=rtl] .hero-copy>.eyebrow{font-size:8px}[dir=rtl] .hero-copy>p{font-size:9px;line-height:2.1;max-width:310px}.ribbon{padding-block:15px}.ribbon-track{gap:26px}.ribbon span{font-size:23px}.ribbon .spark{width:12px;height:12px}[dir=rtl] .ribbon span{font-size:15px}.intro{padding-block:70px}.intro h2{font-size:44px;margin-block:22px}.intro>p{font-size:10px;max-width:330px}.intro>.eyebrow{font-size:8px}.intro-signature{margin-top:25px}.intro-signature>span{font-size:21px}[dir=rtl] .intro h2{font-size:29px;line-height:1.55}[dir=rtl] .intro>p{font-size:10px}.coffee-section{padding-block:57px 33px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:47px;margin-top:20px}.section-heading>p{max-width:320px;margin-top:22px;font-size:10px;line-height:2}.brew-tabs{justify-content:space-between;gap:16px;margin-bottom:25px}.brew-tab{font-size:10px;gap:9px;padding-bottom:16px}.brew-tab-number{font-size:6px}.brew-panel{grid-template-columns:1fr;min-height:0}.brew-picture{aspect-ratio:1.12}.drink-caption{font-size:6px;left:18px;bottom:18px}.brew-copy{padding:29px 0 23px!important;min-height:285px;justify-content:flex-start}.brew-copy h3{font-size:40px;margin-block:19px 16px}.brew-copy>p{font-size:10px;max-width:300px}.brew-copy .eyebrow{font-size:6px}.tasting-notes{margin-top:21px}.tasting-notes li{font-size:7px;padding:5px 11px}.brew-spark .spark{width:25px;height:25px}.brew-spark{bottom:29px}.menu-note{font-size:7px;align-items:flex-start;line-height:1.9;margin-top:15px}.menu-note .spark{margin-top:2px}[dir=rtl] .section-heading h2{font-size:34px}[dir=rtl] .brew-copy h3{font-size:28px}[dir=rtl] .brew-tab{font-size:9px}.takeaway{display:flex;flex-direction:column;padding-block:45px 62px;min-height:0}.takeaway-art{width:100%;margin:0 0 42px;aspect-ratio:1.05}.takeaway-art>img{width:115%}.takeaway-star{top:8%}.takeaway-star .spark{width:43px;height:43px}.art-caption{font-size:7px;inset-inline-start:7%;bottom:-3px}.takeaway-copy{width:100%;padding:0}.takeaway-copy h2{font-size:48px;margin-block:23px}.takeaway-copy>p{font-size:10px;max-width:320px}.takeaway-tags{margin-block:25px;padding-top:22px}.takeaway-tags>span{font-size:9px}.handwritten{font-size:20px}[dir=rtl] .takeaway-copy h2{font-size:36px}[dir=rtl] .handwritten{font-size:11px}.story{display:flex;flex-direction:column;min-height:0}.story-photo{min-height:410px}.story-photo>img{object-position:center}.photo-note{font-size:6px;inset-inline-start:24px;bottom:24px}.story-copy,[dir=rtl] .story-copy{padding:52px 24px}.story-copy h2{font-size:65px;margin-block:23px}.story-copy>p{font-size:10px;max-width:325px}.story-signature{margin-top:30px}.story-signature>span{font-size:9px}[dir=rtl] .story-copy h2{font-size:43px}.contact{padding-block:62px 65px}.contact-mark{margin-bottom:23px}.contact-mark .spark{width:30px;height:30px}.contact h2{font-size:57px;margin-block:23px}.contact>p{font-size:10px;max-width:290px;margin-inline:auto}.contact>.button{min-width:0;font-size:9px;gap:14px;padding-inline:20px}.contact-phone{font-size:8px;gap:12px}.contact-phone a{font-size:10px}[dir=rtl] .contact h2{font-size:43px}.footer{padding-block:40px 90px}.footer-top{flex-wrap:wrap;align-items:flex-start;gap:33px;padding-bottom:31px}.footer .wordmark{width:150px}.footer-top>a:first-child{width:100%;gap:10px}.footer-top>a>span{font-size:8px}.footer nav{flex-direction:column;gap:13px;align-items:flex-start;font-size:9px}.back-top{margin-inline-start:auto;font-size:8px}.footer-bottom{flex-direction:column;gap:12px;font-size:7px}.footer-bottom>span:last-child{font-size:6px;letter-spacing:.12em}.eyebrow,[dir=rtl] .eyebrow{font-size:8px}
}
@media(max-width:370px){.hero h1{font-size:55px}[dir=rtl] .hero h1{font-size:37px}.hero-copy>p{font-size:9px}[dir=rtl] .hero-copy>p{font-size:8px}.hero-stage{height:330px}.hero-actions{gap:13px}.hero-actions>.button{font-size:8px;padding-inline:13px;gap:12px}.hero-actions>.text-link{font-size:7px}.intro h2{font-size:39px}[dir=rtl] .intro h2{font-size:25px}.brew-tab{font-size:8px;gap:6px}[dir=rtl] .brew-tab{font-size:8px}.section-heading h2{font-size:40px}.takeaway-copy h2{font-size:40px}[dir=rtl] .takeaway-copy h2{font-size:31px}.contact h2{font-size:48px}[dir=rtl] .contact h2{font-size:37px}}
/* A quiet, first-party WhatsApp concierge. No third-party embed or tracking. */
.whatsapp-widget{position:fixed;inset-inline-end:max(26px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:35;display:flex;flex-direction:column;align-items:flex-end;gap:13px;pointer-events:none}
.whatsapp-widget>*{pointer-events:auto}
.chat-launcher{display:none;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:12px 20px;border:1px solid #bc90517a;border-radius:40px;background:var(--green);color:var(--ivory);box-shadow:0 5px 22px #142e2924;transition:transform var(--ui) var(--ease),background var(--ui),box-shadow var(--ui);font-size:11px;line-height:1.4}
.js .chat-launcher,.chat-fallback{display:inline-flex}
.whatsapp-icon{fill:currentColor;stroke:none}
.chat-launcher>.whatsapp-icon{width:27px;height:27px}
.chat-launcher:hover{background:var(--deep-green);transform:translateY(-2px);box-shadow:0 8px 26px #142e2933}
.chat-launcher[aria-expanded=true]{background:var(--deep-green);border-color:var(--gold)}
.chat-panel{width:min(340px,calc(100vw - 40px));max-height:calc(100svh - 112px);overflow:auto;overscroll-behavior:contain;background:var(--ivory);border:1px solid #bc90513d;border-radius:16px;box-shadow:0 18px 65px #142e2930;transform-origin:bottom right;animation:chat-in 280ms var(--ease) both}
.chat-header{display:flex;align-items:center;gap:13px;background:var(--green);color:var(--ivory);padding:19px 17px}
.chat-emblem{width:42px;height:42px;flex-shrink:0;border:1px solid #bc905177;border-radius:50%;display:grid;place-items:center;background:#ffffff08}
.chat-emblem .star{filter:brightness(0) invert(.88);width:24px;height:24px}
.chat-brand{display:block;font-family:Modern,Georgia,serif;font-size:24px;letter-spacing:.06em;line-height:1.2}
.chat-subtitle{display:block;font-size:9px;color:#e0d9c9;margin-top:3px}
.chat-close{margin-inline-start:auto;flex-shrink:0;border-radius:50%;width:36px;height:36px;padding:8px}
.chat-close:hover{background:#ffffff12;border-color:#ffffff30}
.chat-close svg{width:18px;height:18px}
.chat-body{padding:26px 23px 22px}
.chat-body h2{font-size:28px;letter-spacing:-.03em;line-height:1.2;margin-bottom:12px}
.chat-body>p{font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:24px}
.chat-action{width:100%;gap:10px;border-radius:7px;min-height:49px;padding:13px 16px;font-size:10px;justify-content:flex-start}
.chat-action>.whatsapp-icon{width:21px;height:21px}
.chat-action>.diagonal{margin-inline-start:auto;width:17px;height:17px}
.chat-number{display:block;text-align:center;font-family:Montserrat,Arial,sans-serif;font-size:11px;letter-spacing:.04em;color:var(--ink);margin-top:17px}
.chat-note{display:block;text-align:center;color:var(--muted);font-size:8px;line-height:1.8;margin-top:5px}
.scroll-locked .whatsapp-widget{visibility:hidden;pointer-events:none}
[dir=rtl] .chat-panel{transform-origin:bottom left}
[dir=rtl] .chat-body h2{font-size:20px;line-height:1.7;letter-spacing:0}
[dir=rtl] .chat-body>p{font-size:11px;line-height:2.1}
[dir=rtl] .chat-subtitle{font-size:9px}
@keyframes chat-in{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.whatsapp-widget{inset-inline-end:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));gap:11px}.chat-launcher{width:54px;height:54px;padding:12px}.chat-launcher>span{display:none}.chat-panel{width:min(340px,calc(100vw - 32px));max-height:calc(100svh - 98px)}.footer{padding-bottom:85px}.chat-body{padding:22px}.chat-body h2{font-size:27px}[dir=rtl] .chat-body h2{font-size:20px}}
.chat-emblem .spark{width:24px;height:24px;color:#dccfb8}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}[data-parallax],.ribbon-track{transform:none!important}}
/* Keep body copy comfortable to read, especially in Arabic on a phone. */
.hero-copy>p,[dir=rtl] .hero-copy>p,.intro>p,[dir=rtl] .intro>p,.brew-copy>p,.takeaway-copy>p,.story-copy>p,.contact>p,.section-heading>p{font-size:13px}
.desktop-nav,.header-tools{font-size:11px}
@media(max-width:760px){.hero-copy>p,[dir=rtl] .hero-copy>p,.intro>p,[dir=rtl] .intro>p,.brew-copy>p,.takeaway-copy>p,.story-copy>p,.contact>p,.section-heading>p{font-size:12px;line-height:2}.hero-stage{height:360px}.hero-actions>.button{font-size:10px}.brew-copy{min-height:305px}.menu-note{font-size:8px}}
@media(max-width:370px){.hero-stage{height:315px}.hero-actions>.button{font-size:9px}.hero-copy>p,[dir=rtl] .hero-copy>p{font-size:11px}}
@media(max-width:760px){.hero h1{font-size:clamp(40px,12.5vw,52px)}}