@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');
:root{--paper:#f7f2e8;--ink:#37291f;--clay:#a54830;--gold:#c19353;--line:#d9cfbd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--clay);outline-offset:5px}img{display:block;width:100%;object-fit:cover}p{font-size:15px;line-height:1.8;color:#75695b}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-2px}h2{font-size:clamp(36px,4vw,56px);line-height:1.17;margin-bottom:26px}em{font-weight:400;color:var(--clay)}.announcement{background:var(--ink);color:#efdebd;text-align:center;font-size:9px;letter-spacing:2.5px;padding:10px}header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 5.4%;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.brand span{font-family:'Noto Naskh Arabic',serif;font-size:44px;line-height:1.2}.brand small{font-size:8px;font-weight:700;letter-spacing:1.7px}nav{display:flex;gap:34px;font-size:12px}nav a:hover,.footer-bottom a:hover{color:var(--clay)}.header-actions{display:flex;gap:24px;align-items:center}#language{background:none;border:0;font-family:'Noto Naskh Arabic',serif;font-size:17px}.button{background:var(--clay);color:#fff9eb;padding:18px 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#823923;transform:translateY(-2px)}.button.small{padding:13px 18px;font-size:11px}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;min-height:720px}.hero-copy{padding:70px 8% 40px 11%}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;line-height:1.8;margin-bottom:26px}.eyebrow>span:first-child{color:var(--clay);font-size:18px;margin-inline-end:8px}h1{font-size:clamp(55px,5.6vw,84px);line-height:1.04;margin-bottom:28px}.hero-copy>p{max-width:360px;font-size:14px;margin-bottom:28px}.hero-image{position:relative;margin:28px 7% 28px 0;min-width:0}.hero-image>img{height:100%;position:absolute;inset:0;object-position:center 50%}.image-label{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#2d1c15b3);color:#fff8e8;display:flex;justify-content:space-between;padding:45px 25px 22px;font-size:8px;letter-spacing:1.5px}.seal{position:absolute;top:36px;left:-47px;width:100px;height:100px;background:#efdfbb;border-radius:50%;outline:1px dashed #a17a47;outline-offset:-7px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-13deg)}.seal span{font-size:7px;letter-spacing:1.5px}.seal b{font:26px 'Noto Naskh Arabic',serif;margin:3px}.hero-note{margin-top:42px;display:flex;align-items:center;gap:15px;font:22px 'Noto Naskh Arabic',serif;color:#8a775d}.mini-line{width:40px;height:1px;background:#b19c7c}.ribbon{display:flex;align-items:center;justify-content:space-around;padding:24px 4%;background:#eae2d1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:'Playfair Display',serif;font-size:17px}.ribbon b{color:var(--clay);font-size:21px}.section{padding:100px 7%;max-width:1500px;margin:auto}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.story-photo{position:relative}.story-photo img{height:570px;object-position:center 45%;border-radius:180px 180px 0 0}.photo-caption{display:block;margin-top:18px;font-size:10px;color:#8b7d6b}.story-copy p{max-width:420px}.signature{font:29px 'Noto Naskh Arabic',serif;color:var(--clay);border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.flavors{background:#eee6d7;max-width:none}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;margin:0}.flavor-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.product-visual{position:relative;height:530px;overflow:hidden}.product-visual img{height:100%;object-position:center 45%}.product-visual>span{position:absolute;bottom:18px;left:20px;background:var(--paper);padding:12px 16px;font-size:8px;letter-spacing:1.5px}.tabs{display:flex;border-bottom:1px solid #c7bba5;margin-bottom:40px;gap:25px}.tabs button{background:none;border:0;padding:15px 0;font-size:12px;border-bottom:2px solid transparent;white-space:nowrap}.tabs button[aria-selected=true]{border-color:var(--clay);color:var(--clay)}.arabic-title{font:42px 'Noto Naskh Arabic',serif;color:var(--clay)}.flavor-info h3{font:34px 'Playfair Display',serif;margin:6px 0 20px}.flavor-info p{max-width:420px}.product-meta{display:flex;gap:22px;border-top:1px solid #c7bba5;border-bottom:1px solid #c7bba5;padding:19px 0;font-size:11px}.text-link{display:flex;justify-content:space-between;font-size:13px;margin:28px 0}.fine{font-size:10px!important;line-height:1.6!important}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps article>span{font:40px 'Playfair Display',serif;color:#b29870}.steps h3{font:21px 'Playfair Display',serif;margin:25px 0 12px}.steps p{font-size:13px;max-width:220px}.preparation>.fine{margin-top:24px}.gather{position:relative;height:620px;display:flex;align-items:center;background:#302216;overflow:hidden}.gather>img{position:absolute;right:0;top:-25%;width:60%;height:140%;object-position:center 56%}.gather:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#302216 20%,#302216da 40%,#30221600 100%)}.gather>div{position:relative;z-index:1;padding:50px 7%;color:#f4e5c9}.gather h2{font:76px/1.5 'Noto Naskh Arabic',serif;letter-spacing:0;margin-bottom:12px}.gather p{color:#ddcab0;font-size:13px}.cream{background:#e5c99a;color:var(--ink);margin-top:15px}.cream:hover{background:#f5e4c4}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact>div>p{max-width:390px}.contact-box{border:1px solid var(--line);padding:38px}.sample{font-size:8px;letter-spacing:1.5px;color:#937855}.contact-box h3{font:26px 'Playfair Display',serif;margin:26px 0}.contact-box>a{display:flex;justify-content:space-between;font-size:18px;padding-bottom:20px;border-bottom:1px solid var(--line);gap:10px;overflow-wrap:anywhere}.contact-box p{font-size:12px;margin-top:18px;margin-bottom:0}footer{background:var(--ink);color:#e9dcc5;padding:45px 7% 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:38px}.footer-top p{color:#c4b39b;font-family:'Playfair Display',serif;margin:0}.footer-top>a:last-child{font-size:11px}.footer-bottom{border-top:1px solid #62513f;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:#c4b39b}.footer-bottom strong{color:#ead4ab;font-weight:500}[dir=rtl] body{font-family:'Noto Naskh Arabic',serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:'Noto Naskh Arabic',serif;letter-spacing:0}[dir=rtl] .hero-image{margin:28px 0 28px 7%}[dir=rtl] .hero-copy{padding:70px 11% 40px 8%}[dir=rtl] .eyebrow{letter-spacing:0;font-size:13px}[dir=rtl] .gather>div{margin-inline-end:auto}[dir=rtl] p{font-size:18px}[dir=rtl] .seal{left:auto;right:-47px}
@media(min-width:1500px){.hero-image{margin-right:10%}.hero{min-height:820px}}@media(max-width:950px){header{padding:0 5%;height:90px}nav{gap:18px}.header-actions{gap:10px}.hero-copy{padding-top:45px}.hero{min-height:650px}h1{font-size:59px}.hero-image{margin-right:5%}.hero .eyebrow{font-size:8px}.seal{width:80px;height:80px;left:-30px}.section{padding:75px 6%}.story{gap:7%}.story-photo img{height:490px}.tabs{gap:15px}.product-meta{gap:10px;font-size:10px}.flavor-info h3{font-size:28px}.contact-box{padding:25px}}@media(max-width:700px){header{height:auto;min-height:88px;flex-wrap:wrap;gap:15px;padding:14px 6%}.brand span{font-size:34px}.brand small{font-size:6px}nav{order:3;width:100%;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);font-size:11px}.header-actions .small{font-size:10px;padding:11px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy,[dir=rtl] .hero-copy{padding:42px 7% 25px}h1{font-size:58px}.hero-copy>p{max-width:100%}.hero-note{margin-top:26px}.hero-image,[dir=rtl] .hero-image{height:510px;margin:15px 7% 30px}.seal{left:auto;right:15px;top:20px}.image-label{padding-left:15px;padding-right:15px}.ribbon{flex-wrap:wrap;gap:14px;font-size:13px;padding:22px}.ribbon b:last-of-type{display:none}.ribbon span{width:38%;text-align:center}.section{padding:62px 7%}.story{grid-template-columns:1fr;gap:38px}.story-photo img{height:470px;border-radius:150px 150px 0 0}.story-copy{order:-1}.section-heading{display:block}.section-heading>p{margin-top:22px}.flavor-layout{grid-template-columns:1fr;gap:25px}.product-visual{height:480px}.tabs{justify-content:space-between;margin-bottom:24px}.flavor-info h3{font-size:31px}.steps{grid-template-columns:1fr 1fr;gap:25px;margin-top:38px}.steps h3{font-size:21px}.gather{height:570px}.gather>img{width:100%;height:100%;top:0}.gather:after{background:linear-gradient(90deg,#302216e8,#30221655)}.gather h2{font-size:65px}.gather .eyebrow{font-size:8px}.contact{grid-template-columns:1fr;gap:25px}.contact-box>a{font-size:16px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top p{font-size:13px}.footer-bottom{gap:18px;flex-direction:column}.eyebrow{margin-bottom:20px}h2{font-size:39px}[dir=rtl] .seal{right:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.footer-bottom{align-items:center}.developer-credit{display:inline-flex;align-items:center;gap:8px}.developer-credit img{width:152px;height:40px;object-fit:contain}@media(max-width:700px){.footer-bottom{align-items:flex-start}}
