@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&family=Tajawal:wght@400;500;700;800&display=swap');
:root{--orange:#f45127;--ink:#221d1a;--cream:#fff9f0;--peach:#f6ddcb;--line:#d9cbbd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.site{overflow:hidden}.site.arabic{font-family:'Tajawal',Arial,sans-serif}.arabic h1,.arabic h2,.arabic h3{font-family:'Tajawal',Arial,sans-serif!important}.topline{height:30px;background:#231a15;color:#f9e9dc;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.18em}.header{height:94px;padding:0 4.5%;background:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:10;border-bottom:1px solid #eadbcc}.brand{display:block;width:105px;height:63px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:cover;border-radius:2px}.nav{display:flex;gap:clamp(16px,2.5vw,46px);align-items:center;margin-inline:auto}.nav a{font-size:13px;font-weight:700;white-space:nowrap}.nav a:hover,.footer-links a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:22px}.language{border:0;background:none;color:var(--ink);font-weight:800;font-size:13px;white-space:nowrap}.small-cta,.dark-button{background:var(--ink);color:#fff;border-radius:2px;padding:15px 23px;font-size:13px;font-weight:800;white-space:nowrap;display:inline-flex;gap:22px;align-items:center}.small-cta:hover,.dark-button:hover{background:var(--orange)}.mobile-toggle{display:none}.hero{min-height:680px;background:var(--orange);color:#fff;display:grid;grid-template-columns:52% 48%;position:relative}.hero-copy{padding:clamp(75px,9vw,135px) 0 82px 9%;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:24px}.eyebrow.light{color:#ffe2cd}.hero h1,.section-heading h2,.craft h2,.visit h2,.contact h2{font-family:Outfit,'DM Sans',sans-serif;letter-spacing:-.055em;line-height:.94;margin:0;font-weight:800}.hero h1{font-size:clamp(64px,7vw,116px);max-width:750px}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.hero-copy p{font-size:clamp(17px,1.45vw,21px);line-height:1.65;max-width:480px;margin:40px 0 32px;color:#ffecdd}.hero-button{background:#fff;color:var(--ink);padding:18px 24px;display:inline-flex;justify-content:space-between;gap:48px;font-weight:800;border-radius:2px}.hero-button:hover{background:#fee1b7}.hero-side{display:block;margin-top:76px;font-size:10px;font-weight:900;letter-spacing:.2em}.hero-visual{position:relative;min-width:0;display:grid;place-items:center}.hero-photo{position:relative;z-index:1;width:min(82%,570px);aspect-ratio:1/1;border-radius:50% 50% 48% 48%;overflow:hidden;background:#fff;transform:rotate(-6deg);box-shadow:34px 42px 0 rgba(95,36,16,.14)}.hero-photo img{width:100%;height:100%;object-fit:cover;transform:rotate(6deg) scale(1.06)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.32);border-radius:50%;aspect-ratio:1/1}.orbit-one{width:94%;transform:rotate(15deg) scaleX(1.1)}.orbit-two{width:68%;transform:rotate(-20deg) scaleY(1.4)}.photo-stamp{position:absolute;z-index:2;right:10%;bottom:18%;width:90px;height:90px;border-radius:50%;background:#ffe1ad;color:var(--ink);font-family:Outfit,sans-serif;font-size:12px;font-weight:900;line-height:1.1;letter-spacing:.08em;text-align:center;display:grid;place-content:center;transform:rotate(14deg)}.hero-footer{position:absolute;bottom:0;left:0;right:0;height:48px;border-top:1px solid rgba(255,255,255,.35);display:flex;justify-content:space-between;align-items:center;padding:0 4.5%;font-size:10px;font-weight:800;letter-spacing:.16em}.ticker{height:72px;background:#ffe3c3;display:flex;align-items:center;gap:0;white-space:nowrap;overflow:hidden}.ticker span{font-size:14px;font-weight:900;letter-spacing:.16em;display:inline-flex;align-items:center;gap:40px;margin-inline-end:40px}.ticker b{color:var(--orange);font-size:27px}.section-shell{padding:110px max(5%,calc((100vw - 1360px)/2))}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:58px}.section-heading h2{font-size:clamp(48px,5.6vw,84px);max-width:760px}.section-heading p{max-width:315px;line-height:1.65;color:#6d6159;font-size:16px}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.menu-tile{display:flex;flex-direction:column;min-width:0;min-height:520px;background:#f5e7d9;border:1px solid #e9d8c7;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.menu-tile:hover{transform:translateY(-8px);box-shadow:0 18px 35px rgba(69,42,27,.12)}.tile-1{background:#f4dcc5}.tile-2{background:#e9ead8}.tile-3{background:#efd7d5}.tile-4{background:#eadfcf}.tile-top{display:flex;justify-content:space-between;padding:23px 24px 0;font-size:13px;font-weight:800;position:relative;z-index:1}.tile-top span:last-child{font-size:23px;line-height:1}.menu-tile img{display:block;width:calc(100% - 28px);height:235px;object-fit:cover;mix-blend-mode:multiply;margin:12px 14px 0}.tile-copy{padding:20px 24px 27px;margin-top:auto}.tile-product{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#866c5a}.tile-copy h3{font-family:Outfit,sans-serif;font-size:30px;line-height:1.05;letter-spacing:-.035em;margin:9px 0}.tile-copy p{font-size:13px;line-height:1.5;min-height:60px;margin:0 0 25px;color:#594e47}.tile-link{font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link{display:inline-flex;gap:38px;border-bottom:1px solid var(--ink);padding-bottom:10px;margin-top:44px;font-weight:800}.text-link:hover{color:var(--orange);border-color:var(--orange)}.craft{background:#f6dfc8;display:grid;grid-template-columns:44% 56%;min-height:650px}.craft-text{padding:110px 10% 90px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.craft h2{font-size:clamp(54px,6vw,94px);max-width:520px}.craft p{max-width:440px;color:#625348;font-size:17px;line-height:1.7;margin:30px 0}.craft-images{position:relative;min-height:640px;background:#f2c8a9}.craft-photo{position:absolute;overflow:hidden;background:white}.craft-photo img{width:100%;height:100%;object-fit:cover}.craft-photo.v60{width:44%;height:68%;left:11%;top:7%;transform:rotate(-8deg)}.craft-photo.beans{width:45%;height:60%;right:9%;bottom:8%;transform:rotate(8deg)}.craft-star{position:absolute;color:var(--orange);font-size:150px;line-height:1;bottom:2%;left:5%;transform:rotate(-20deg)}.visit{background:#fff9f0}.visit-heading{max-width:620px}.visit h2{font-size:clamp(54px,6vw,95px)}.visit-heading p{font-size:17px;line-height:1.6;color:#6d6159;margin:28px 0 42px}.branches{border-top:1px solid #cdbeb2}.branches a{display:grid;grid-template-columns:60px 1fr 160px;align-items:center;gap:20px;border-bottom:1px solid #cdbeb2;padding:23px 8px;min-height:108px}.branches a:hover{background:#fae7d8}.branch-num{font-size:12px;font-weight:900;color:var(--orange)}.branches strong{font-family:Outfit,sans-serif;font-size:clamp(28px,3vw,43px);line-height:1;letter-spacing:-.04em}.branches a>span:last-child{font-size:13px;font-weight:800;text-align:end}.contact{background:var(--orange);color:#fff;display:flex;justify-content:space-between;align-items:end;gap:30px;padding:85px max(5%,calc((100vw - 1360px)/2))}.contact h2{font-size:clamp(48px,5vw,80px);max-width:780px}.contact p{font-size:17px;max-width:500px;line-height:1.55;color:#ffeddf}.contact>a{background:#fff;color:var(--ink);padding:19px 23px;display:flex;gap:40px;white-space:nowrap;font-weight:800}.contact>a:hover{background:#ffe1ad}footer{background:#231a15;color:#f7e9dc;padding:65px 5% 35px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.footer-logo{display:block;width:130px;height:130px}.footer-logo img{width:100%;height:100%;object-fit:cover}.footer-links{display:flex;align-items:flex-start;justify-content:flex-end;gap:30px;font-size:13px;font-weight:700}footer p{grid-column:1/-1;border-top:1px solid #59453a;padding-top:25px;margin:0;font-size:11px;opacity:.7}.arabic .hero-copy{padding-left:0;padding-right:9%}.arabic .tile-copy,.arabic .tile-top{text-align:right}.arabic .branches a>span:last-child{text-align:left}.arabic .craft-text{padding-left:10%;padding-right:12%}
@media(max-width:1050px){.nav{gap:14px}.nav a{font-size:12px}.header-actions{gap:12px}.small-cta{padding:13px;gap:8px}.hero{min-height:600px}.hero-copy{padding-top:100px}.menu-grid{grid-template-columns:repeat(2,1fr)}.menu-tile{min-height:470px}.menu-tile img{height:255px}}
@media(max-width:740px){.topline{height:25px;font-size:8px}.header{height:72px;gap:10px}.brand{width:78px;height:52px}.mobile-toggle{display:block;margin-inline-start:auto;border:0;background:none;font-size:25px}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:20px 5%;box-shadow:0 15px 25px rgba(30,20,15,.15);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #e7d9ca}.language{font-size:12px}.small-cta{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:64px 7% 32px}.hero h1{font-size:clamp(58px,12vw,92px)}.hero-copy p{margin:23px 0;max-width:550px;font-size:17px}.hero-side{display:none}.hero-visual{height:380px}.hero-photo{width:min(68%,360px)}.photo-stamp{right:12%;bottom:15%;width:70px;height:70px;font-size:9px}.hero-footer{height:36px;font-size:8px}.ticker{height:56px}.ticker span{font-size:11px}.section-shell{padding:78px 6%}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:clamp(46px,10vw,72px)}.section-heading p{margin-top:22px}.menu-grid{grid-template-columns:1fr 1fr;gap:9px}.menu-tile{min-height:0}.tile-top{padding:15px 15px 0}.menu-tile img{width:calc(100% - 12px);height:160px;margin:8px 6px 0}.tile-copy{padding:10px 15px 20px}.tile-copy h3{font-size:22px}.tile-copy p{font-size:12px;min-height:0;margin-bottom:15px}.tile-product{font-size:8px}.craft{grid-template-columns:1fr}.craft-text{padding:80px 7% 60px}.craft h2{font-size:clamp(54px,11vw,80px)}.craft-images{min-height:450px}.visit h2{font-size:clamp(55px,11vw,80px)}.branches a{grid-template-columns:30px 1fr 80px;gap:10px;min-height:80px;padding:16px 4px}.branches strong{font-size:clamp(22px,6vw,34px)}.branches a>span:last-child{font-size:11px}.contact{padding:70px 6%;display:block}.contact h2{font-size:clamp(46px,10vw,72px)}.contact>a{width:max-content;margin-top:30px}footer{padding:50px 6% 25px;gap:28px}.footer-logo{width:100px;height:100px}.footer-links{display:grid;gap:13px;justify-content:end;text-align:end}.arabic .hero-copy{padding:64px 7% 32px}.arabic .craft-text{padding:80px 7% 60px}}
@media(max-width:420px){.menu-grid{grid-template-columns:1fr}.menu-tile{display:grid;grid-template-columns:40% 60%;min-height:230px;position:relative}.tile-top{position:absolute;left:0;right:0}.menu-tile img{width:100%;height:100%;margin:0;object-fit:cover}.tile-copy{padding:45px 15px 18px}.tile-copy h3{font-size:23px}.tile-copy p{font-size:11px;margin-bottom:10px}.tile-link{font-size:10px}.branches a{grid-template-columns:24px 1fr 68px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu-tile{transition:none}}