/* Haraz market website: contrasting olive, ivory and warm stone. */
:root{--market-olive:#354631;--market-ivory:#f7f3e8;--market-stone:#e6dcc9}
body{font-size:15px}.hero-thought,.reveal-copy>p,.origin-words p:not(.small-title),.format-choices p:not(.small-title),.packaging-story p:not(.small-title){font-size:14px;line-height:1.95}
.hero-words h1{font-size:clamp(52px,5.1vw,78px);max-width:11em;line-height:1.1}.hero-words{padding-top:15px}.hero-commercial{font-size:11px;color:var(--muted);margin-top:22px}.hero-words .signature-facts{margin-top:28px}
.hero-product,html[data-theme=nocturne] .hero-product{isolation:isolate;box-shadow:none}.hero-product>img{position:relative;z-index:1}
.hero-origin>img,.editorial-photo>img,.wide-landscape>img,.partnership-concept img,.coffee-guide-card img{filter:none;opacity:1}
.hero-origin:after{background:linear-gradient(90deg,#22301d55,transparent 80%)}
.origin-composition{--ink:#fbf6e8;--muted:#dce0cc;--line:#6d795d;--olive:#f4ebd8;--button-bg:#f5efde;--button-ink:#354631;background:#354631;color:var(--ink)}
.origin-words h2 em{color:#cfbd9b}.origin-words .quiet-link{color:var(--ink);border-color:#91997f}
.origin-composition .origin-words{padding-inline:75px}
.format-story{max-width:none;background:#e8e0cf;color:#354631;padding-inline:max(5.5vw,calc((100vw - 1260px)/2));padding-block:90px 65px;--muted:#59644e;--line:#bdc4ac;--button-bg:#354631;--button-ink:#faf6e9}
.format-story .chapter-heading h2{font-size:clamp(42px,4.4vw,65px);max-width:18ch}
.format-story .quiet-link{color:#354631}
.packaging-story{padding-block:95px;gap:85px}.packaging-story figure{background:transparent}.packaging-story h2{font-size:clamp(42px,4.1vw,63px)}
.contrast-panel{max-width:none;background:#354631;color:#faf5e6;--muted:#dce0cc;--line:#737e64;--button-bg:#f5efde;--button-ink:#354631;padding-block:85px}
.contrast-panel .small-title,.contrast-panel p:not(.small-title),.contrast-panel small{color:#dce0cc}
.contrast-panel h2{font-size:clamp(44px,4.5vw,68px)}.contrast-panel .primary-action{margin-top:8px}
.home-guides{padding-block:85px 100px}.home-guides .chapter-heading h2{font-size:clamp(42px,4.2vw,64px)}
.coffee-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.coffee-guide-card{display:block;background:#e9e2d3;color:#354631;overflow:hidden}
.coffee-guide-card>img{display:block;width:100%;height:340px;object-fit:cover;transition:transform .5s ease}
.coffee-guide-card:nth-child(2)>img{object-position:center 48%}
.coffee-guide-card:hover>img{transform:scale(1.025)}
.coffee-guide-card>div{padding:30px 33px 35px}.coffee-guide-card .small-title{color:#657158;margin-bottom:15px}
.coffee-guide-card h3{font:400 34px/1.18 var(--display);letter-spacing:-.025em;margin-bottom:17px}
.coffee-guide-card p:not(.small-title){font-size:13px;line-height:1.85;color:#59644e;max-width:42ch}
.coffee-guide-card svg{width:26px;height:26px;margin-top:24px}
.page-intro{padding-block:65px 52px}.page-intro h1{font:400 clamp(50px,5.2vw,80px)/1.12 var(--display);letter-spacing:-.04em;margin-bottom:25px}
.page-intro .lede{font-size:15px;line-height:1.95;max-width:64ch;color:var(--muted)}
.selection-copy>p:not(.small-title):not(.selection-note):not(.terms-inline){font-size:14px}.terms-inline{font-size:11px}
.selection-images .gallery-tabs button,.pack-tools button,.pack-tools a{font-size:12px}
.selection-details p{font-size:14px;line-height:1.95}.selection-details summary{font-size:29px}
.business-intro .business-intro-words h1{font-size:clamp(48px,4.8vw,73px);line-height:1.13}.business-intro-words>p:not(.small-title){font-size:14px}
.business-intro .wholesale-coffee{height:690px}.wholesale-photo-actions{margin-top:27px}
.conversation-form{background:#ebe5d6;color:#354631;--ink:#354631;--muted:#56634d;--line:#c4cbb7;--button-bg:#354631;--button-ink:#faf6e9}
.conversation-aside>p:not(.small-title):not(.aside-fineprint){font-size:14px}.aside-fineprint{font-size:11px}
.short-enquiry .field>.field-label,.short-enquiry .choice-field legend{font-size:12px}
.short-enquiry .field input,.short-enquiry .field textarea{font-size:15px;background:#fcfaf3;min-height:50px}
.short-enquiry .field{margin-bottom:19px}.short-enquiry .contact-essentials{gap:0}
.short-enquiry .field input:focus,.short-enquiry .field textarea:focus{outline:2px solid #8a9a79;outline-offset:2px}
.short-enquiry .choice>span{font-size:12px}
.form-trap{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
.form-error{color:#963b25;font-size:13px;line-height:1.7;margin-block:14px}
.form-error:empty{display:none}.enquiry-confirmation{font-size:15px;line-height:1.9;margin-block:20px}
.primary-action:disabled{opacity:.65;cursor:progress;transform:none}
.form-heading{font:400 38px/1.3 var(--display);margin-bottom:30px}
.contact-photo{height:650px;width:100%}.contact-photo>img{object-position:center}
.contact-routes{padding-bottom:45px;gap:30px}.contact-routes>a{background:#354631;color:#faf5e6;border:0}.contact-routes .small-title,.contact-routes p{color:#d9dfcc}
.contact-routes h2{font:400 35px/1.2 var(--display);margin-bottom:18px}
.origin-hand-story p:not(.eyebrow){font-size:14px}.origin-hand-story .signature-facts{margin-bottom:30px}
.reading-width{max-width:900px;padding-inline:35px;margin-inline:auto;padding-bottom:75px}
.reading-width p{font-size:15px;line-height:2}.reading-width h2{font-size:34px;line-height:1.3;margin-block:38px 20px}
.faq-list summary{font-size:26px}.faq-list details p{font-size:14px;line-height:1.95}
.next-steps{padding-top:30px}.next-steps p:not(.small-title){font-size:13px}
.footer-commercial{font-size:11px;line-height:1.9;color:#d7dfca;margin-top:20px}
.footer-brand p{font-size:12px}.site-footer .footer-grid>div>a{font-size:12px}.footer-grid h3{font-size:11px}
.review-dialog{background:var(--paper);color:var(--ink)}.review-data{font-size:13px}.review-data dd{overflow-wrap:anywhere}
html[data-theme=contour] .format-story{border-block:7px solid #354631}
html[data-theme=contour] .origin-composition{background:#e8e0cf;--ink:#354631;--muted:#59644e;--line:#b7c0aa;color:#354631}
html[data-theme=contour] .origin-words h2 em{color:#6a765b}
html[data-theme=contour] .contrast-panel{background:#354631}
html[data-theme=contour] .coffee-guide-card{border-radius:0 45px 0 0}
html[data-theme=nocturne] .origin-composition{background:#e8e0cf;--ink:#354631;--muted:#59644e;--line:#bdc4ad;color:#354631}
html[data-theme=nocturne] .origin-words h2 em{color:#637155}
html[data-theme=nocturne] .format-story{background:#f4edde}
html[data-theme=nocturne] .contrast-panel{background:#e8e0cf;color:#354631;--muted:#59644e;--line:#bbc4ac;--button-bg:#354631;--button-ink:#faf6e9}
html[data-theme=nocturne] .contrast-panel .small-title,html[data-theme=nocturne] .contrast-panel p:not(.small-title),html[data-theme=nocturne] .contrast-panel small{color:#59644e}
html[data-theme=nocturne] .hero-origin:after{background:linear-gradient(90deg,#263824ed 0%,#263824c2 42%,#26382445 100%)}
html[dir=rtl] .hero-words h1,html[dir=rtl] .page-intro h1{font-family:var(--arabic);font-size:clamp(43px,4.6vw,66px);line-height:1.65;letter-spacing:0}
html[dir=rtl] .hero-thought,html[dir=rtl] .reveal-copy>p,html[dir=rtl] .origin-words p:not(.small-title),html[dir=rtl] .format-choices p:not(.small-title){font-size:15px}
html[dir=rtl] .coffee-guide-card h3,html[dir=rtl] .form-heading,html[dir=rtl] .contact-routes h2{font-family:var(--arabic);font-size:29px;line-height:1.7;letter-spacing:0}
html[dir=rtl] .page-intro .lede,html[dir=rtl] .reading-width p{font-size:15px;line-height:2.1}
html[dir=rtl] .business-intro .business-intro-words h1{font-family:var(--arabic);font-size:53px;line-height:1.75}
@media(max-width:1050px){.origin-composition .origin-words{padding-inline:42px}.hero-words h1{font-size:60px}.coffee-guide-card h3{font-size:29px}.business-intro .business-intro-words h1{font-size:53px}}
@media(max-width:650px){.hero-words h1{font-size:50px;line-height:1.12;max-width:11em}.hero-thought{font-size:14px}.hero-commercial{font-size:11px}.origin-composition .origin-words{padding:42px 28px 48px}.format-story{padding:60px 25px 45px}.format-story .chapter-heading h2{font-size:39px}.contrast-panel{padding:65px 27px}.contrast-panel h2{font-size:43px}.home-guides{padding-block:60px}.coffee-guide-grid{grid-template-columns:1fr;gap:28px}.coffee-guide-card>img{height:360px}.coffee-guide-card>div{padding:27px}.coffee-guide-card h3{font-size:32px}.page-intro{padding-top:42px;padding-bottom:35px}.page-intro h1{font-size:47px}.page-intro .lede{font-size:14px}.business-intro .business-intro-words h1{font-size:44px}.business-intro .wholesale-coffee{height:550px}.business-intro-words>p:not(.small-title){font-size:14px}.selection-copy h1{font-size:55px}.selection-details summary{font-size:25px}.selection-details p{font-size:14px}.contact-photo{height:560px}.reading-width{padding-inline:25px;padding-bottom:55px}.reading-width h2{font-size:29px}.reading-width p{font-size:14px}.contact-routes h2{font-size:30px}.site-footer .footer-grid>div>a{font-size:11px}.footer-brand p{font-size:11px}.packaging-story{gap:25px}.packaging-story h2{font-size:40px}html[dir=rtl] .hero-words h1,html[dir=rtl] .page-intro h1{font-size:39px;line-height:1.7}html[dir=rtl] .business-intro .business-intro-words h1{font-size:37px;line-height:1.75}html[dir=rtl] .coffee-guide-card h3,html[dir=rtl] .contact-routes h2{font-size:27px;line-height:1.7}html[dir=rtl] .reading-width h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.coffee-guide-card>img{transition:none}}
.supply-summary>div:only-child{grid-column:1/-1}