@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600&family=Noto+Naskh+Arabic:wght@400;500;600&display=swap');
:root{--plum:#351329;--cream:#f8f3e9;--muted:#6f605f;--clay:#a4422b;--gold:#bb9052;--line:#dcd1c5;--teal:#175f60}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--plum);font:15px/1.65 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}a,button{transition:background .2s,color .2s,transform .2s}:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.skip{position:fixed;top:-90px;background:white;padding:16px;z-index:20}.skip:focus{top:0}.announcement{background:var(--plum);color:var(--cream);text-align:center;font-size:12px;letter-spacing:.07em;padding:9px 16px}header{height:94px;display:flex;align-items:center;gap:35px;padding:0 5.5%;border-bottom:1px solid var(--line);background:var(--cream);position:sticky;top:0;z-index:5}.wordmark{font-family:Georgia,serif;font-size:23px;letter-spacing:.17em;white-space:nowrap;line-height:1.4}.wordmark span{display:block;text-align:center;font-size:10px;color:var(--gold);letter-spacing:0}.wordmark span:before,.wordmark span:after{content:'';display:inline-block;width:36px;height:1px;background:var(--gold);vertical-align:middle;margin:0 8px}nav{display:flex;gap:28px;margin-inline-start:auto;font-size:13px}nav a{padding:12px 0}nav a:hover{color:var(--clay)}.language{background:none;border:0;border-inline-start:1px solid var(--line);padding:8px 0 8px 24px;min-height:44px;color:var(--plum)}.menu{display:none}.hero{display:grid;grid-template-columns:47% 53%;min-height:600px}.hero-copy{padding:85px 8% 70px 11.7%;align-self:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.19em;margin:0 0 22px;color:var(--clay)}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.03;margin:0;text-wrap:balance}h1{font-size:clamp(46px,4.5vw,76px);letter-spacing:-.035em}h1 em{font-weight:400;color:var(--clay)}h2{font-size:clamp(38px,3.5vw,56px);letter-spacing:-.025em}h3{font-size:29px}.intro{max-width:390px;color:var(--muted);margin:25px 0 30px}.button{background:var(--clay);color:white;display:inline-flex;gap:35px;align-items:center;justify-content:center;padding:16px 24px;border:1px solid transparent;font-size:13px;min-height:50px}.button:hover{background:var(--plum);transform:translateY(-2px)}.hero-note{font-size:11px;color:var(--muted);margin-top:19px}.hero-art{position:relative;min-height:600px;overflow:hidden}.hero-art img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:57% center}.image-note{position:absolute;bottom:18px;inset-inline-end:20px;background:#f8f3e9e8;padding:5px 10px;font-size:10px}.ribbon{display:flex;justify-content:center;gap:55px;background:#eee5d7;border-bottom:1px solid var(--line);padding:19px;font-size:11px;letter-spacing:.1em}.ribbon b{color:var(--clay)}.section{padding:85px 5.5%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-top>p{color:var(--muted);max-width:320px;font-size:14px}.filters{display:flex;gap:8px;margin:32px 0 28px}.filters button{border:1px solid var(--line);padding:11px 22px;background:transparent;color:var(--plum);font-size:12px;min-height:44px}.filters button.active,.filters button:hover{background:var(--plum);color:var(--cream);border-color:var(--plum)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.product{min-width:0}.product[hidden]{display:none}.product-visual{position:relative;aspect-ratio:249/215;overflow:hidden;background:#dec9aa;direction:ltr}.product-visual svg{width:100%;height:100%;display:block}.product-visual .badge{position:absolute;top:12px;inset-inline-start:12px}.badge{display:inline-block;background:var(--cream);color:var(--plum);font-size:9px;letter-spacing:.1em;padding:5px 9px}.product h3{margin:19px 0 8px;font-size:28px}.product p{font-size:12px;margin:0;color:var(--muted)}.product button{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:18px 0 10px;color:var(--plum);font-size:12px}.product button:hover{color:var(--clay)}.fine{font-size:11px;color:var(--muted);margin-top:24px}.story{display:grid;grid-template-columns:1fr 1fr;background:#ede5d9;gap:8%;align-items:center}.story-copy p:not(.eyebrow){color:var(--muted);max-width:480px}.signature{font:italic 30px 'Cormorant Garamond',serif;display:block;margin-top:25px}.mosaic-art{background:var(--plum);padding:35px;aspect-ratio:1.15;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--cream)}.mosaic-art>span{font:italic 34px/1.1 'Cormorant Garamond',serif;text-align:center;margin-top:25px}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);width:65%;aspect-ratio:1;transform:rotate(-8deg);gap:4px}.tile-grid i{background:conic-gradient(from 45deg,var(--gold) 0 25%,#e7cbb0 0 50%,var(--clay) 0 75%,var(--teal) 0);border-radius:0 45% 0 45%}.tile-grid i:nth-child(3n){transform:rotate(90deg)}.tile-grid i:nth-child(2n){transform:rotate(180deg)}.gifting{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.gifting>div>p:not(.eyebrow){max-width:430px;color:var(--muted)}.gift-builder{border:1px solid var(--line);padding:30px;background:#fffcf6}.builder-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.builder-head h3{font-size:28px}.builder-head .badge{background:#eee5d7}fieldset{padding:0;border:0;margin:24px 0}legend{font-size:12px;margin-bottom:10px}.choices{display:flex;gap:12px}.choices label{border:1px solid var(--line);padding:12px 16px;flex:1;cursor:pointer}.choices input{margin-inline-end:9px;accent-color:var(--plum)}.flavours label{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;cursor:pointer;font-size:13px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal)}#gift-status{font-size:12px;color:var(--teal)}.unavailable{width:100%;padding:14px;background:#e9e1d5;border:1px solid #cfc1b3;color:#685c57}.cafes{background:var(--plum);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:10%}.cafes .eyebrow{color:#dfb77a}.cafes p{max-width:460px}.cafes .fine{color:#d2bcc9}.light{background:var(--cream);color:var(--plum);margin-top:16px}.light:hover{background:#e3cead;color:var(--plum)}.questions{max-width:1000px;margin:auto}details{border-bottom:1px solid var(--line);padding:19px 0}details p{color:var(--muted);font-size:14px}summary{cursor:pointer;min-height:30px;font-size:14px}.faqs{margin-top:30px}footer{padding:55px 5.5% 20px;border-top:1px solid var(--line);text-align:center}footer>p{font:italic 22px Georgia,serif}.footer-links{display:flex;justify-content:center;gap:30px;font-size:12px;margin:28px 0 40px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted)}dialog{width:min(570px,92vw);border:1px solid var(--line);padding:40px;background:var(--cream);color:var(--plum);max-height:90vh;overflow:auto}dialog::backdrop{background:#21141ecc;backdrop-filter:blur(4px)}dialog h2{font-size:42px;margin:20px 0}dialog p{font-size:14px;color:var(--muted)}.close{position:absolute;top:10px;inset-inline-end:12px;width:44px;height:44px;border:0;background:none;color:var(--plum);font-size:28px}dialog label{display:block;margin:17px 0;font-size:13px}input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;width:100%;padding:12px;background:#fffcf7;color:var(--plum);border:1px solid #baab9f;margin-top:7px}textarea{resize:vertical}[dir=rtl] body{font-family:'Noto Naskh Arabic',serif;font-size:18px}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:'Noto Naskh Arabic',serif;line-height:1.4}[dir=rtl] .eyebrow{letter-spacing:0;font-size:13px}[dir=rtl] .hero-copy{padding:65px 11.7% 65px 8%}[dir=rtl] h1{font-size:52px}[dir=rtl] .language{padding:8px 24px 8px 0}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){header{gap:20px}nav{gap:17px}.wordmark{font-size:19px}.hero-copy{padding:55px 8%}.hero-art{min-height:530px}.hero{min-height:530px}.products{gap:15px}.product h3{font-size:24px}.ribbon{gap:24px}.section{padding:65px 5%}}@media(max-width:720px){header{height:78px;padding:0 6%;gap:15px;flex-wrap:wrap}.wordmark{font-size:19px}.language{margin-inline-start:auto;border:0;padding:5px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--cream);padding:20px 6%;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;gap:0}.menu{display:block;border:0;background:none;color:var(--plum);font-size:23px;width:44px;height:44px}.announcement{font-size:10px}.hero{display:flex;flex-direction:column}.hero-art{min-height:340px;order:-1}.hero-copy,[dir=rtl] .hero-copy{padding:38px 7% 40px}.hero h1{font-size:48px}.hero-copy .eyebrow{font-size:9px;margin-bottom:17px}.intro{font-size:14px}.hero-note{margin-bottom:0}.ribbon{gap:15px;padding:17px 12px;font-size:9px;letter-spacing:0}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.section{padding:50px 6%}.section-top{display:block}.section-top>p{max-width:none}.products{grid-template-columns:repeat(2,1fr);gap:28px 14px}.product h3{font-size:25px}.product p{font-size:11px}.product .badge{font-size:8px;top:8px;inset-inline-start:8px}.filters button{padding:10px 16px}.story,.gifting,.cafes{grid-template-columns:1fr;gap:35px}.mosaic-art{max-height:370px;aspect-ratio:1.2}.tile-grid{width:52%}.story-copy h2{font-size:44px}.gift-builder{padding:22px}.builder-head h3{font-size:25px}.footer-links{flex-wrap:wrap;gap:16px}.footer-bottom{gap:20px;text-align:start}dialog{padding:30px 24px}[dir=rtl] .hero h1{font-size:42px}.image-note{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
[hidden]{display:none!important}

@media(max-width:720px){header{flex-wrap:nowrap;gap:10px}.wordmark{font-size:16px;letter-spacing:.11em}.language,[dir=rtl] .language{padding:5px 0;font-size:14px;min-width:48px}.menu{flex-shrink:0;width:36px}.announcement{letter-spacing:0}}

.managed-product-image{display:block;width:100%;height:100%;object-fit:cover}

.brand-logo{display:block;width:196px;height:106px}header{height:116px}footer>.brand-logo{margin:auto;width:265px;height:145px}@media(max-width:720px){header{height:90px}nav{top:90px}.brand-logo{width:150px;height:81px}}

/* An editorial coffee ritual, replacing the abstract tile card. */
.story-editorial{position:relative;background:#351329;color:#f8f3e9;grid-template-columns:1fr 1fr;gap:8%;padding:90px 7%;overflow:hidden;isolation:isolate}
.story-editorial:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:repeating-linear-gradient(90deg,#bb9052 0 35px,#175f60 35px 70px,#a4422b 70px 105px,#d6b48a 105px 140px)}
.story-editorial:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #bb905224;transform:rotate(45deg);inset-inline-end:-270px;top:120px;z-index:-1}
.story-scene{position:relative;margin:0;min-width:0;align-self:stretch}
.story-scene:before{content:'';position:absolute;inset:20px -17px -17px 20px;border:1px solid #bb905280;z-index:-1}
.story-photo{display:block;width:100%;height:100%;min-height:510px;max-height:640px;object-fit:cover;object-position:center}
.story-scene figcaption{position:absolute;bottom:24px;inset-inline-start:24px;background:#f8f3e9ed;color:var(--plum);padding:20px 25px;display:flex;align-items:start;gap:20px;max-width:85%;font:italic 30px/1.08 'Cormorant Garamond',Georgia,serif}
.story-scene-number{font:10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.1em;color:var(--clay);padding-top:5px}
.story-editorial .story-copy{padding:22px 0;align-self:center}
.story-editorial .eyebrow{color:#e4bd86;margin-bottom:25px}
.story-editorial h2{font-size:clamp(44px,4.1vw,66px);line-height:1.02;letter-spacing:-.025em}
.story-editorial h2 em{font-weight:400;color:#e5bb89}
.story-divider{display:flex;gap:12px;align-items:center;color:#bc945e;font-size:15px;margin:28px 0 23px}
.story-divider span{display:block;width:40px;height:1px;background:#bc945e80}
.story-editorial .story-description{color:#e1cfda;font-size:15px;line-height:1.9;max-width:460px;margin:0}
.story-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-block:1px solid #b99caa40;padding:23px 0 21px;margin-top:30px}
.story-notes>div>span{font-size:10px;color:#ddb179;letter-spacing:.1em}
.story-editorial .story-notes p{color:#f8f3e9;font-size:12px;line-height:1.65;margin:7px 0 0}
.story-link{display:inline-flex;gap:50px;align-items:center;border-bottom:1px solid #bb9052a0;padding:16px 0 8px;margin-top:15px;font-size:12px;color:#f8f3e9;min-height:44px}
.story-link:hover{color:#e5bb89;gap:58px}.story-link span{color:#e5bb89}
[dir=rtl] .story-editorial h2{line-height:1.45;font-size:48px}[dir=rtl] .story-scene figcaption{font-family:'Noto Naskh Arabic',serif;font-style:normal;line-height:1.5;font-size:26px}
[dir=rtl] .story-editorial .story-description{font-size:18px;line-height:1.9}[dir=rtl] .story-editorial .story-notes p{font-size:15px}
@media(max-width:1000px){.story-editorial{padding:70px 5%;gap:6%}.story-photo{min-height:490px}.story-editorial h2{font-size:48px}.story-notes{gap:10px}}
@media(max-width:720px){.story-editorial{grid-template-columns:1fr;padding:50px 7% 55px;gap:40px}.story-scene{margin-inline-end:12px}.story-photo{height:370px;min-height:0;max-height:none;object-position:center 60%}.story-scene:before{inset:15px -12px -12px 15px}.story-scene figcaption{bottom:18px;inset-inline-start:18px;font-size:28px;padding:16px 20px}.story-editorial .story-copy{padding:0}.story-editorial h2{font-size:47px}.story-editorial .eyebrow{font-size:10px}.story-editorial .story-description{font-size:14px}.story-notes{margin-top:25px;padding:20px 0;gap:12px}.story-editorial .story-notes p{font-size:11px}[dir=rtl] .story-editorial h2{font-size:39px}[dir=rtl] .story-editorial .story-description{font-size:17px}[dir=rtl] .story-editorial .story-notes p{font-size:14px}}

.story-editorial .story-copy .story-description{color:#e1cfda}.story-editorial .story-copy .story-notes p{color:#f8f3e9}

.product-visual{aspect-ratio:1}.product-visual .managed-product-image{object-fit:contain;background:#f5efe4}

.hero-art img{object-position:center 55%}@media(max-width:720px){.hero-art{min-height:420px}}

/* Restrained motion: functional feedback, one-time entrances, no looping effects. */
.motion-reveal:not(.is-revealed){opacity:0;transform:translateY(18px)}
header{transition:box-shadow .3s ease}
header.is-scrolled{box-shadow:0 5px 22px #3513290b}
.hero-art{isolation:isolate}
.product{transition:translate .32s cubic-bezier(.22,1,.36,1)}
.product-visual{transition:box-shadow .32s ease}
.product-visual .managed-product-image{transition:transform .65s cubic-bezier(.22,1,.36,1)}
.product button span,.button>span[aria-hidden],.story-link span{display:inline-block;transition:transform .25s ease}
.product:focus-within{translate:0 -3px}
.product:focus-within .product-visual{box-shadow:0 12px 28px #35132912}
.product button:focus-visible span,.button:focus-visible>span[aria-hidden],.story-link:focus-visible span{transform:translate(3px,-3px)}
.flavours label{transition:background .22s ease,color .22s ease,padding .22s ease}
.flavours label:has(input:checked){background:#e6eee7;color:var(--teal);padding-inline:12px}
.choices label{transition:background .22s ease,border-color .22s ease}
.choices label:has(input:checked){background:#eee5d7;border-color:var(--gold)}
@media(hover:hover) and (pointer:fine){
 .product:hover{translate:0 -5px}
 .product:hover .managed-product-image{transform:scale(1.035)}
 .product:hover .product-visual{box-shadow:0 14px 30px #35132916}
 .product button:hover span,.button:hover>span[aria-hidden],.story-link:hover span{transform:translate(3px,-3px)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .motion-reveal:not(.is-revealed){opacity:1;transform:none}
 .product:hover,.product:focus-within{translate:none}
 .product:hover .managed-product-image,.product button:hover span,.button:hover>span[aria-hidden],.story-link:hover span{transform:none}
}

.products{grid-template-columns:repeat(5,minmax(0,1fr))}
.products[data-filter="original"]{grid-template-columns:repeat(2,minmax(0,280px));gap:32px}
.products[data-filter="flavoured"]{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.products:not([data-filter="original"]){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.products:not([data-filter="original"]),.products[data-filter="original"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}}

.products{grid-template-columns:repeat(3,minmax(0,1fr))}.products[data-filter="original"]{grid-template-columns:repeat(3,minmax(0,280px))}@media(max-width:720px){.products[data-filter="original"]{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Gift packaging supplied by the owner. */
.gifting{align-items:start;gap:42px 6%}
.gift-intro{grid-column:1/-1;max-width:680px}
.gift-range{grid-column:1/-1;margin:0}
.gift-range img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.gift-range figcaption{margin-top:12px;color:var(--muted);font-size:12px;text-align:center}
.gift-feature{margin:0}
.gift-feature img{display:block;width:100%;height:auto}
.gift-feature figcaption{padding:25px 0}
.gift-feature figcaption>span{font-size:10px;letter-spacing:.16em;color:var(--clay)}
.gift-feature h3{font-size:34px;margin-top:12px}
.gift-feature p{font-size:14px;color:var(--muted)}
.gifting .choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gifting .choices label{padding:12px 8px;white-space:nowrap;font-size:13px}
@media(max-width:720px){.gifting{gap:28px}.gift-intro,.gift-range{grid-column:auto}.gift-feature h3{font-size:30px}.gifting .choices label{font-size:12px;padding:12px 5px}}

.story-moment{background:var(--cream);color:var(--plum);grid-template-columns:1.12fr 1fr;gap:8%;padding:85px 7%;align-items:center}
.story-moment:before,.story-moment:after,.story-moment .story-scene:before{display:none}
.story-moment .story-scene{margin:0}
.story-moment .story-photo{height:610px;min-height:0;max-height:none;object-position:center 58%}
.story-moment .eyebrow{color:var(--clay);margin-bottom:30px}
.story-moment h2{font-size:clamp(44px,4.5vw,68px);line-height:1.06}
.story-moment h2 em{color:var(--clay)}
.story-editorial.story-moment .story-copy .story-description{color:var(--muted);margin-top:28px;font-size:16px;line-height:1.9;max-width:405px}
.story-moment .story-link{color:var(--plum);font-size:13px;margin-top:28px}
.story-moment .story-link span{color:var(--clay)}
@media(max-width:720px){.story-moment{grid-template-columns:1fr;padding:42px 6% 55px;gap:35px}.story-moment .story-photo{height:400px}.story-moment h2{font-size:48px}.story-editorial.story-moment .story-copy .story-description{font-size:14px;margin-top:22px}.story-moment .eyebrow{margin-bottom:22px}}

/* Approved first story sample: full photograph with text overlay. */
.story-moment{display:block;position:relative;isolation:isolate;min-height:650px;padding:85px 8%;background:#251d16;color:#fff8ea}
.story-moment .story-scene{position:absolute;inset:0;z-index:-2}
.story-moment .story-photo{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 56%}
.story-editorial.story-moment:after{content:'';display:block;position:absolute;inset:0;width:auto;height:auto;top:0;transform:none;border:0;background:linear-gradient(90deg,rgba(24,14,12,.88),rgba(24,14,12,.62) 42%,rgba(24,14,12,.08) 82%);z-index:-1}
.story-moment .story-copy{max-width:490px;padding:30px 0}
.story-moment .eyebrow{color:#e9c58c}
.story-moment h2{font-size:clamp(54px,5.4vw,80px);color:#fff8ea}
.story-moment h2 em{color:#e9c58c}
.story-editorial.story-moment .story-copy .story-description{color:#fff3e4;max-width:370px}
.story-moment .story-link,.story-moment .story-link span{color:#fff3e4}
[dir=rtl] .story-editorial.story-moment:after{background:linear-gradient(270deg,rgba(24,14,12,.88),rgba(24,14,12,.62) 42%,rgba(24,14,12,.08) 82%)}
@media(max-width:720px){.story-moment{min-height:600px;padding:50px 8%}.story-moment .story-photo{height:100%;object-position:58% center}.story-moment .story-copy{max-width:90%;padding:20px 0}.story-moment h2{font-size:53px}.story-editorial.story-moment:after{background:linear-gradient(90deg,rgba(24,14,12,.86),rgba(24,14,12,.45))}}

.contact-links{display:flex;flex-wrap:wrap;gap:16px 30px;margin:24px 0}.contact-links a{display:flex;flex-direction:column;border-bottom:1px solid currentColor;padding-bottom:9px;min-height:44px}.contact-links span{font-size:11px;opacity:.8}.contact-links bdi{font-size:15px}.contact-links a:hover{color:var(--gold)}footer .contact-links{justify-content:center;margin:24px 0 32px}