{"title":"Coffee","description":"","products":[{"product_id":"medium-roast-brainstorm","title":"Medium Roast - Brainstorm","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eNazareno — Bonavita\u003c\/title\u003e\n\u003cstyle\u003e\n body { margin: 0; background: #F7F4EF; }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY FROM HERE — self-contained, scoped Bonavita coffee block --\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600\u0026family=Work+Sans:wght@500;600\u0026display=swap');\n\n .bona-coffee {\n \/* palette — paper matches site background *\/\n --paper: #F7F4EF;\n --surface: #FCFAF7;\n --ink: #211913;\n --ink-2: #5C4F45;\n --ink-3: #8E8175;\n --line: #E4DDD2;\n --line-strong: #D7CCBD;\n --accent: #D7282F; \/* Bonavita brand red — placeholder, swap exact hex *\/\n --accent-soft: rgba(215, 40, 47, 0.08);\n\n --font-head: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n\n background: var(--paper);\n color: var(--ink);\n font-family: var(--font-body);\n font-size: 18px;\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n max-width: 1080px;\n margin: 0 auto;\n padding: clamp(40px, 6vw, 96px) clamp(22px, 5vw, 72px);\n }\n\n .bona-coffee *,\n .bona-coffee *::before,\n .bona-coffee *::after { box-sizing: border-box; }\n\n .bona-coffee p { margin: 0; font-size: 17px; }\n\n .bona-coffee h1,\n .bona-coffee h2,\n .bona-coffee h3 {\n font-family: var(--font-head);\n font-weight: 600;\n margin: 0;\n color: var(--ink);\n }\n\n \/* ---------- shared utility ---------- *\/\n .bona-coffee .bc-eyebrow {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin: 0;\n }\n\n .bona-coffee .bc-label {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--ink-3);\n }\n\n \/* ---------- hero ---------- *\/\n .bona-coffee .bc-hero { max-width: 760px; }\n\n .bona-coffee .bc-hero h1 {\n font-size: clamp(44px, 8.4vw, 82px);\n line-height: 0.96;\n letter-spacing: -0.04em;\n margin: 18px 0 0;\n }\n\n .bona-coffee .bc-hero .bc-sub {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(17px, 2vw, 21px);\n color: var(--ink-2);\n letter-spacing: -0.01em;\n margin-top: 16px;\n }\n\n .bona-coffee .bc-lede {\n font-size: clamp(19px, 2.2vw, 23px);\n line-height: 1.5;\n color: var(--ink);\n margin-top: 26px;\n }\n\n .bona-coffee .bc-lede strong { color: var(--ink); font-weight: 600; }\n\n .bona-coffee .bc-notes {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 30px;\n }\n\n .bona-coffee .bc-note {\n font-size: 16px;\n font-weight: 500;\n color: var(--ink);\n padding: 9px 18px;\n border: 1px solid var(--line-strong);\n border-radius: 999px;\n background: var(--surface);\n }\n\n \/* ---------- spec sheet ---------- *\/\n .bona-coffee .bc-spec {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-top: clamp(48px, 7vw, 80px);\n border-top: 1px solid var(--ink);\n border-bottom: 1px solid var(--line);\n }\n\n .bona-coffee .bc-spec-item {\n padding: 24px 32px 26px;\n border-right: 1px solid var(--line);\n }\n\n \/* first column flush-left so values align with the text above *\/\n .bona-coffee .bc-spec-item:first-child { padding-left: 0; }\n .bona-coffee .bc-spec-item:last-child { border-right: 0; }\n\n .bona-coffee .bc-spec-item .bc-val {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: 22px;\n letter-spacing: -0.01em;\n margin-top: 12px;\n color: var(--ink);\n }\n\n \/* ---------- generic section ---------- *\/\n .bona-coffee .bc-section {\n margin-top: clamp(56px, 8vw, 96px);\n }\n\n .bona-coffee .bc-section \u003e h2 {\n font-size: clamp(26px, 3.4vw, 38px);\n letter-spacing: -0.025em;\n line-height: 1.1;\n max-width: 18ch;\n }\n\n .bona-coffee .bc-section-head {\n display: flex;\n flex-direction: column;\n gap: 14px;\n margin-bottom: 36px;\n }\n\n \/* ---------- in the cup (two columns) ---------- *\/\n .bona-coffee .bc-cup {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(28px, 5vw, 64px);\n }\n\n .bona-coffee .bc-cup-col h3 {\n font-size: 21px;\n letter-spacing: -0.01em;\n padding-bottom: 14px;\n border-bottom: 1px solid var(--line);\n margin-bottom: 18px;\n }\n\n .bona-coffee .bc-cup-col p { color: var(--ink-2); }\n\n \/* ---------- altitude signature ---------- *\/\n .bona-coffee .bc-altitude {\n margin-top: 38px;\n padding: 28px clamp(20px, 4vw, 34px) 30px;\n border: 1px solid var(--line);\n border-radius: 14px;\n background: var(--surface);\n }\n\n .bona-coffee .bc-altitude-top {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 16px;\n margin-bottom: 20px;\n }\n\n .bona-coffee .bc-altitude-top .bc-range {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: clamp(20px, 2.8vw, 26px);\n letter-spacing: -0.02em;\n }\n\n .bona-coffee .bc-altitude-top .bc-range em {\n font-style: normal;\n color: var(--accent);\n }\n\n .bona-coffee .bc-track {\n position: relative;\n height: 6px;\n border-radius: 999px;\n background: var(--line);\n overflow: hidden;\n }\n\n .bona-coffee .bc-track-band {\n position: absolute;\n top: 0;\n bottom: 0;\n \/* 1000m → 0%, 2000m → 100%; band 1400–1700 *\/\n left: 40%;\n width: 30%;\n background: var(--accent);\n border-radius: 999px;\n transform-origin: left center;\n animation: bc-grow 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n }\n\n @keyframes bc-grow {\n from { transform: scaleX(0); }\n to { transform: scaleX(1); }\n }\n\n .bona-coffee .bc-track-ticks {\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n font-size: 14px;\n color: var(--ink-3);\n font-variant-numeric: tabular-nums;\n }\n\n \/* ---------- sizes \u0026 grind ---------- *\/\n .bona-coffee .bc-options {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 14px;\n }\n\n .bona-coffee .bc-option {\n border: 1px solid var(--line-strong);\n border-radius: 14px;\n padding: 24px 20px 22px;\n background: var(--surface);\n transition: border-color 0.25s ease, transform 0.25s ease;\n }\n\n .bona-coffee .bc-option:hover {\n border-color: var(--accent);\n transform: translateY(-3px);\n }\n\n .bona-coffee .bc-option .bc-opt-name {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: 19px;\n letter-spacing: -0.01em;\n }\n\n .bona-coffee .bc-option .bc-opt-desc {\n font-size: 16px;\n color: var(--ink-2);\n margin-top: 8px;\n line-height: 1.45;\n }\n\n \/* ---------- roasted with purpose ---------- *\/\n .bona-coffee .bc-purpose {\n display: grid;\n grid-template-columns: 0.85fr 1.15fr;\n gap: clamp(24px, 5vw, 56px);\n align-items: start;\n }\n\n .bona-coffee .bc-purpose p { color: var(--ink-2); }\n .bona-coffee .bc-purpose strong { color: var(--ink); font-weight: 600; }\n\n \/* ---------- footnote ---------- *\/\n .bona-coffee .bc-footnote {\n margin-top: clamp(48px, 7vw, 72px);\n padding-top: 28px;\n border-top: 1px solid var(--line);\n font-size: 15px;\n color: var(--ink-3);\n font-style: italic;\n }\n\n \/* ---------- focus + motion ---------- *\/\n .bona-coffee a:focus-visible,\n .bona-coffee .bc-option:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 3px;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bona-coffee .bc-track-band { animation: none; }\n .bona-coffee .bc-option { transition: none; }\n }\n\n \/* ---------- responsive ---------- *\/\n @media (max-width: 860px) {\n .bona-coffee .bc-spec { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-spec-item:nth-child(2) { border-right: 0; }\n .bona-coffee .bc-spec-item:nth-child(3) { padding-left: 0; }\n .bona-coffee .bc-spec-item:nth-child(1),\n .bona-coffee .bc-spec-item:nth-child(2) { border-bottom: 1px solid var(--line); }\n .bona-coffee .bc-options { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-purpose { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 520px) {\n .bona-coffee .bc-cup { grid-template-columns: 1fr; }\n .bona-coffee .bc-options { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec-item {\n padding: 22px 0 24px;\n border-right: 0;\n border-bottom: 1px solid var(--line);\n }\n .bona-coffee .bc-spec-item:last-child { border-bottom: 0; }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"bona-coffee\" aria-labelledby=\"bc-title\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cheader class=\"bc-hero\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eSingle Origin · El Salvador\u003c\/p\u003e\n \u003ch1 id=\"bc-title\"\u003eNazareno\u003c\/h1\u003e\n \u003cp class=\"bc-sub\"\u003eSingle origin coffee beans · Natural process\u003c\/p\u003e\n \u003cp class=\"bc-lede\"\u003e\n A natural-process single origin grown by \u003cstrong\u003eCarlos Quintanilla at Nazareno Farm\u003c\/strong\u003e.\n Smooth, sweet, and beautifully structured — \u003cstrong\u003esemi-sweet chocolate, cane sugar, and fig\n jam\u003c\/strong\u003e, with bright, balanced acidity and a clean finish.\n \u003c\/p\u003e\n \u003cdiv class=\"bc-notes\" aria-label=\"Tasting notes\"\u003e\n \u003cspan class=\"bc-note\"\u003eSemi-Sweet Chocolate\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eCane Sugar\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eFig Jam\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- SPEC SHEET --\u003e\n \u003cdiv class=\"bc-spec\" aria-label=\"Coffee specifications\"\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eOrigin\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eEl Salvador\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eProducer\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eCarlos Quintanilla\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eFarm\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eNazareno Farm\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eProcess\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eNatural\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- IN THE CUP --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eIn the cup\u003c\/p\u003e\n \u003ch2\u003eSmooth, sweet, and brightly balanced\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-cup\"\u003e\n \u003cdiv class=\"bc-cup-col\"\u003e\n \u003ch3\u003eTasting notes\u003c\/h3\u003e\n \u003cp\u003e\n Chocolatey sweetness meets soft fruit — cane-sugar sweetness and fig-jam depth over a\n rich, balanced body that closes smooth and clean.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-cup-col\"\u003e\n \u003ch3\u003eRoast profile\u003c\/h3\u003e\n \u003cp\u003e\n Sweet, layered, and approachable, roasted to keep a bright structure and\n chocolate-forward depth.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ABOUT \/ ALTITUDE --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eAbout this coffee\u003c\/p\u003e\n \u003ch2\u003eGrown high, processed naturally\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp style=\"max-width: 64ch; color: var(--ink-2); font-size: 18px;\"\u003e\n Nazareno Farm works in small-lot microlots of carefully processed Bourbon. At these\n elevations the beans develop density, structure, and bright acidity, while the natural\n process draws out sweetness and complexity — for a cup that's rich, fruit-toned, and\n beautifully balanced.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bc-altitude\"\u003e\n \u003cdiv class=\"bc-altitude-top\"\u003e\n \u003cp class=\"bc-label\"\u003eGrowing elevation\u003c\/p\u003e\n \u003cp class=\"bc-range\"\u003e\u003cem\u003e1,400 – 1,700\u003c\/em\u003e m\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-track\"\u003e\n \u003cspan class=\"bc-track-band\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-track-ticks\"\u003e\n \u003cspan\u003e1,000 m\u003c\/span\u003e\n \u003cspan\u003e1,500 m\u003c\/span\u003e\n \u003cspan\u003e2,000 m\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SIZES \u0026 GRIND --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eSizes \u0026amp; grind\u003c\/p\u003e\n \u003ch2\u003ePick the format for your brew routine\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-options\" aria-label=\"Available sizes and grind options\"\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e300g · Ground\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eReady to brew\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e300g · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eGrind fresh at home\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e2lb · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eFor daily coffee drinkers\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e5lb · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eFor offices, cafés, and serious coffee lovers\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ROASTED WITH PURPOSE --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-purpose\"\u003e\n \u003cdiv class=\"bc-section-head\" style=\"margin-bottom: 0;\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eRoasted with purpose\u003c\/p\u003e\n \u003ch2 style=\"max-width: none;\"\u003eA cleaner footprint\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp\u003e\n Our beans are \u003cstrong\u003eethically sourced\u003c\/strong\u003e and \u003cstrong\u003eorganic when possible\u003c\/strong\u003e,\n roasted on the \u003cstrong\u003eBellwether Roaster\u003c\/strong\u003e — one of the most sustainable roasting\n systems in the world. The result is a carefully roasted coffee with a cleaner footprint and\n a beautifully consistent cup.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- FOOTNOTE --\u003e\n \u003cp class=\"bc-footnote\"\u003e\n This is not a flavored coffee. The tasting notes describe the natural flavors and aromas\n found in the coffee.\n \u003c\/p\u003e\n\n\u003c\/section\u003e\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY TO HERE --\u003e\n\u003c!-- ============================================================= --\u003e\n\n\n\u003c\/body\u003e","brand":"Function Coffee Co","offers":[{"title":"Whole Bean - 300g","offer_id":51281305633053,"sku":"FC00007-MR-RST-WB-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Drip - 300g","offer_id":51281305665821,"sku":"FC00007-MR-RST-DP-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Espresso - 300g","offer_id":51281305698589,"sku":"FC00007-MR-RST-EP-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Coarse - 300g","offer_id":51281305731357,"sku":"FC00007-MR-RST-CS-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Whole Bean - 2 lb","offer_id":51281305764125,"sku":"FC00007-MR-RST-WB-907g","price":55.0,"currency_code":"USD","in_stock":true},{"title":"Whole Bean - 5 lb","offer_id":51281305796893,"sku":"FC00007-MR-RST-WB-2268g","price":130.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0873\/0152\/1693\/files\/Product_Image_flavor_profile_2.png?v=1778717279"},{"product_id":"the-founders-sampler-ultimate-coffee-bean-sampler","title":"The Founder's Sampler - Ultimate Coffee Bean Sampler","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eThe Founder's Sampler — Bonavita\u003c\/title\u003e\n\u003cstyle\u003e\n body { margin: 0; background: #F7F4EF; }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY FROM HERE — self-contained, scoped Bonavita coffee block --\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600\u0026family=Work+Sans:wght@500;600\u0026display=swap');\n\n .bona-coffee {\n \/* palette — paper matches site background *\/\n --paper: #F7F4EF;\n --surface: #FCFAF7;\n --ink: #211913;\n --ink-2: #5C4F45;\n --ink-3: #8E8175;\n --line: #E4DDD2;\n --line-strong: #D7CCBD;\n --accent: #D7282F; \/* Bonavita brand red — placeholder, swap exact hex *\/\n --accent-soft: rgba(215, 40, 47, 0.08);\n\n --font-head: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n\n background: var(--paper);\n color: var(--ink);\n font-family: var(--font-body);\n font-size: 18px;\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n max-width: 1080px;\n margin: 0 auto;\n padding: clamp(40px, 6vw, 96px) clamp(22px, 5vw, 72px);\n }\n\n .bona-coffee *,\n .bona-coffee *::before,\n .bona-coffee *::after { box-sizing: border-box; }\n\n .bona-coffee p { margin: 0; font-size: 17px; }\n\n .bona-coffee h1,\n .bona-coffee h2,\n .bona-coffee h3 {\n font-family: var(--font-head);\n font-weight: 600;\n margin: 0;\n color: var(--ink);\n }\n\n .bona-coffee a {\n color: var(--accent);\n text-decoration: none;\n border-bottom: 1px solid transparent;\n transition: border-color 0.2s ease;\n }\n\n .bona-coffee a:hover { border-bottom-color: currentColor; }\n\n \/* ---------- shared utility ---------- *\/\n .bona-coffee .bc-eyebrow {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin: 0;\n }\n\n .bona-coffee .bc-label {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--ink-3);\n }\n\n \/* ---------- hero ---------- *\/\n .bona-coffee .bc-hero { max-width: 820px; }\n\n .bona-coffee .bc-hero h1 {\n font-size: clamp(42px, 7.4vw, 76px);\n line-height: 0.98;\n letter-spacing: -0.04em;\n margin: 18px 0 0;\n }\n\n .bona-coffee .bc-hero .bc-sub {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(17px, 2vw, 21px);\n color: var(--ink-2);\n letter-spacing: -0.01em;\n margin-top: 16px;\n }\n\n .bona-coffee .bc-lede {\n font-size: clamp(19px, 2.2vw, 23px);\n line-height: 1.5;\n color: var(--ink);\n margin-top: 26px;\n }\n\n .bona-coffee .bc-lede strong { color: var(--ink); font-weight: 600; }\n .bona-coffee .bc-lede a { font-weight: 600; }\n\n .bona-coffee .bc-notes {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 30px;\n }\n\n .bona-coffee .bc-note {\n font-size: 16px;\n font-weight: 500;\n color: var(--ink);\n padding: 9px 18px;\n border: 1px solid var(--line-strong);\n border-radius: 999px;\n background: var(--surface);\n }\n\n \/* ---------- spec sheet ---------- *\/\n .bona-coffee .bc-spec {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-top: clamp(48px, 7vw, 80px);\n border-top: 1px solid var(--ink);\n border-bottom: 1px solid var(--line);\n }\n\n .bona-coffee .bc-spec-item {\n padding: 24px 32px 26px;\n border-right: 1px solid var(--line);\n }\n\n .bona-coffee .bc-spec-item:first-child { padding-left: 0; }\n .bona-coffee .bc-spec-item:last-child { border-right: 0; }\n\n .bona-coffee .bc-spec-item .bc-val {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: 21px;\n letter-spacing: -0.01em;\n margin-top: 12px;\n color: var(--ink);\n }\n\n \/* ---------- generic section ---------- *\/\n .bona-coffee .bc-section {\n margin-top: clamp(56px, 8vw, 96px);\n }\n\n .bona-coffee .bc-section \u003e h2 {\n font-size: clamp(26px, 3.4vw, 38px);\n letter-spacing: -0.025em;\n line-height: 1.1;\n max-width: 20ch;\n }\n\n .bona-coffee .bc-section-head {\n display: flex;\n flex-direction: column;\n gap: 14px;\n margin-bottom: 32px;\n }\n\n .bona-coffee .bc-section-intro {\n max-width: 64ch;\n margin-top: -8px;\n margin-bottom: 32px;\n color: var(--ink-2);\n font-size: 18px;\n }\n\n \/* ---------- highlights (3 value props) ---------- *\/\n .bona-coffee .bc-highlights {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n margin-top: clamp(48px, 7vw, 72px);\n }\n\n .bona-coffee .bc-highlight {\n border: 1px solid var(--line);\n border-radius: 14px;\n padding: 26px 24px;\n background: var(--surface);\n }\n\n .bona-coffee .bc-highlight h3 {\n font-size: 20px;\n letter-spacing: -0.01em;\n margin-bottom: 10px;\n }\n\n .bona-coffee .bc-highlight p {\n color: var(--ink-2);\n font-size: 16px;\n line-height: 1.55;\n }\n\n \/* ---------- the lineup (5 coffees) ---------- *\/\n .bona-coffee .bc-lineup {\n border-top: 1px solid var(--ink);\n }\n\n .bona-coffee .bc-roast {\n display: grid;\n grid-template-columns: 210px 1fr;\n gap: clamp(16px, 4vw, 48px);\n padding: 28px 0;\n border-bottom: 1px solid var(--line);\n }\n\n .bona-coffee .bc-roast-label {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--ink-3);\n padding-top: 7px;\n }\n\n .bona-coffee .bc-roast-name {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: 24px;\n letter-spacing: -0.02em;\n margin-bottom: 8px;\n }\n\n .bona-coffee .bc-roast-name a { color: var(--ink); border-bottom: 0; }\n .bona-coffee .bc-roast-name a:hover { color: var(--accent); }\n\n .bona-coffee .bc-roast-desc {\n color: var(--ink-2);\n font-size: 17px;\n line-height: 1.5;\n max-width: 60ch;\n }\n\n \/* ---------- why choose (4 features) ---------- *\/\n .bona-coffee .bc-features {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n }\n\n .bona-coffee .bc-feature {\n border: 1px solid var(--line);\n border-radius: 14px;\n padding: 26px 24px;\n background: var(--surface);\n }\n\n .bona-coffee .bc-feature h3 {\n font-size: 19px;\n letter-spacing: -0.01em;\n margin-bottom: 8px;\n }\n\n .bona-coffee .bc-feature p {\n color: var(--ink-2);\n font-size: 16px;\n line-height: 1.55;\n }\n\n \/* ---------- callout (light story) ---------- *\/\n .bona-coffee .bc-callout {\n margin-top: 8px;\n padding: 28px clamp(22px, 4vw, 36px);\n border-radius: 14px;\n background: var(--surface);\n border: 1px solid var(--line);\n border-left: 3px solid var(--accent);\n }\n\n .bona-coffee .bc-callout p {\n color: var(--ink-2);\n font-size: 18px;\n line-height: 1.6;\n max-width: 72ch;\n }\n\n \/* ---------- footnote ---------- *\/\n .bona-coffee .bc-footnote {\n margin-top: clamp(48px, 7vw, 72px);\n padding-top: 28px;\n border-top: 1px solid var(--line);\n font-size: 15px;\n color: var(--ink-3);\n font-style: italic;\n }\n\n \/* ---------- CTA (dark close) ---------- *\/\n .bona-coffee .bc-cta {\n margin-top: clamp(40px, 5vw, 56px);\n padding: clamp(36px, 5vw, 56px) clamp(26px, 5vw, 56px);\n border-radius: 18px;\n background: var(--ink);\n color: var(--paper);\n text-align: center;\n }\n\n .bona-coffee .bc-cta p {\n max-width: 56ch;\n margin: 0 auto;\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(20px, 2.6vw, 27px);\n line-height: 1.4;\n letter-spacing: -0.015em;\n color: var(--paper);\n }\n\n \/* ---------- focus + motion ---------- *\/\n .bona-coffee a:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 3px;\n }\n\n \/* ---------- responsive ---------- *\/\n @media (max-width: 860px) {\n .bona-coffee .bc-spec { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-spec-item:nth-child(2) { border-right: 0; }\n .bona-coffee .bc-spec-item:nth-child(3) { padding-left: 0; }\n .bona-coffee .bc-spec-item:nth-child(1),\n .bona-coffee .bc-spec-item:nth-child(2) { border-bottom: 1px solid var(--line); }\n .bona-coffee .bc-highlights { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 640px) {\n .bona-coffee .bc-features { grid-template-columns: 1fr; }\n .bona-coffee .bc-roast {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 24px 0;\n }\n .bona-coffee .bc-roast-label { padding-top: 0; }\n }\n\n @media (max-width: 520px) {\n .bona-coffee .bc-spec { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec-item {\n padding: 22px 0 24px;\n border-right: 0;\n border-bottom: 1px solid var(--line);\n }\n .bona-coffee .bc-spec-item:last-child { border-bottom: 0; }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"bona-coffee\" aria-labelledby=\"bc-title\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cheader class=\"bc-hero\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eCoffee Sampler · Five 100g Bags\u003c\/p\u003e\n \u003ch1 id=\"bc-title\"\u003eThe Founder's Sampler\u003c\/h1\u003e\n \u003cp class=\"bc-sub\"\u003eFive signature roasts, roasted to order\u003c\/p\u003e\n \u003cp class=\"bc-lede\"\u003e\n The full spectrum of \u003ca href=\"https:\/\/www.functioncoffeeco.com\/\" title=\"Function Coffee\"\u003eFunction\n Coffee Co.\u003c\/a\u003e in one box — \u003cstrong\u003efive 100g bags of signature roasts\u003c\/strong\u003e, each small-batch\n coffee roasted to order weekly in Northlake, Texas for maximum freshness.\n \u003c\/p\u003e\n \u003cdiv class=\"bc-notes\" aria-label=\"Origins represented in the sampler\"\u003e\n \u003cspan class=\"bc-note\"\u003eBrazil\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eGuatemala\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eHonduras\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eEthiopia\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eEl Salvador\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- SPEC SHEET --\u003e\n \u003cdiv class=\"bc-spec\" aria-label=\"Bundle details\"\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eContents\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003e5 × 100g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eRoast Range\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eLight → Espresso\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eRoasted\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eWeekly · Northlake, TX\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eBest For\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eTasting \u0026amp; Gifting\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- HIGHLIGHTS --\u003e\n \u003cdiv class=\"bc-highlights\"\u003e\n \u003cdiv class=\"bc-highlight\"\u003e\n \u003ch3\u003eFive signature roasts\u003c\/h3\u003e\n \u003cp\u003eTaste through a curated lineup spanning light, medium, dark, and espresso-style coffees.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-highlight\"\u003e\n \u003ch3\u003eRoasted fresh weekly\u003c\/h3\u003e\n \u003cp\u003eEvery bag is roasted in small batches, with the roast date printed on the bag for peak flavor.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-highlight\"\u003e\n \u003ch3\u003eMade for gifting\u003c\/h3\u003e\n \u003cp\u003eA thoughtful set for enthusiasts, home brewers, hosts, offices, and curious coffee lovers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- THE LINEUP --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eWhat's included\u003c\/p\u003e\n \u003ch2\u003eFive coffees to find your favorite\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp class=\"bc-section-intro\"\u003e\n Five 100g bags — the easiest way to discover the roast you love before reaching for a larger bag\n or starting a subscription.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bc-lineup\"\u003e\n \u003cdiv class=\"bc-roast\"\u003e\n \u003cp class=\"bc-roast-label\"\u003eMedium Roast · 100g\u003c\/p\u003e\n \u003cdiv\u003e\n \u003cp class=\"bc-roast-name\"\u003e\u003ca href=\"\/products\/medium-brainstorm\"\u003eBrainstorm\u003c\/a\u003e\u003c\/p\u003e\n \u003cp class=\"bc-roast-desc\"\u003eA single origin with notes of semi-sweet chocolate, cane sugar, and fig jam.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bc-roast\"\u003e\n \u003cp class=\"bc-roast-label\"\u003eDark Roast · 100g\u003c\/p\u003e\n \u003cdiv\u003e\n \u003cp class=\"bc-roast-name\"\u003e\u003ca href=\"\/products\/dark-roast-sullivan-st\"\u003eSullivan St.\u003c\/a\u003e\u003c\/p\u003e\n \u003cp class=\"bc-roast-desc\"\u003eBold, deep, and rich with classic dark-roast depth and a smooth, clean finish.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bc-roast\"\u003e\n \u003cp class=\"bc-roast-label\"\u003eEspresso Blend · 100g\u003c\/p\u003e\n \u003cdiv\u003e\n \u003cp class=\"bc-roast-name\"\u003e\u003ca href=\"\/products\/espresso-blend-momentum\"\u003eMomentum\u003c\/a\u003e\u003c\/p\u003e\n \u003cp class=\"bc-roast-desc\"\u003eA vibrant, full-bodied espresso blend made for lattes, cappuccinos, and straight shots.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bc-roast\"\u003e\n \u003cp class=\"bc-roast-label\"\u003eLight Roast · 100g\u003c\/p\u003e\n \u003cdiv\u003e\n \u003cp class=\"bc-roast-name\"\u003e\u003ca href=\"\/products\/light-roast-demitasse\"\u003eDemitasse\u003c\/a\u003e\u003c\/p\u003e\n \u003cp class=\"bc-roast-desc\"\u003eBright, lively, and fruit-forward with crisp citrus character and a clean, delicate finish.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bc-roast\"\u003e\n \u003cp class=\"bc-roast-label\"\u003eMedium Roast · 100g\u003c\/p\u003e\n \u003cdiv\u003e\n \u003cp class=\"bc-roast-name\"\u003e\u003ca href=\"\/products\/medium-roast-pioneer\"\u003ePioneer\u003c\/a\u003e\u003c\/p\u003e\n \u003cp class=\"bc-roast-desc\"\u003eSmooth and approachable, with notes of milk chocolate, raisin, cane sugar, and roasted peanuts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- WHY CHOOSE --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eWhy the sampler\u003c\/p\u003e\n \u003ch2\u003eOne easy way to explore the range\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-features\"\u003e\n \u003cdiv class=\"bc-feature\"\u003e\n \u003ch3\u003eDiscover your favorite\u003c\/h3\u003e\n \u003cp\u003eNot sure which coffee to buy? Try five roasts, find the one you love, then come back for a larger bag or subscribe and save.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-feature\"\u003e\n \u003ch3\u003eVersatile brewing\u003c\/h3\u003e\n \u003cp\u003eFrom cold brew to espresso, drip to pour-over, there's a roast here for every brew method, mood, and moment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-feature\"\u003e\n \u003ch3\u003eFreshness guaranteed\u003c\/h3\u003e\n \u003cp\u003eRoasted weekly in Northlake, TX, with the roast date printed on every bag so you always know when it was roasted.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-feature\"\u003e\n \u003ch3\u003eEthically sourced\u003c\/h3\u003e\n \u003cp\u003eEthically sourced and organic when possible, roasted on the Bellwether Roaster — one of the most sustainable systems in the world.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- STORY CALLOUT --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eA small-batch gift set\u003c\/p\u003e\n \u003ch2\u003eBuilt for exploring\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-callout\"\u003e\n \u003cp\u003e\n The Founder's Sampler was made for anyone who wants to explore the heart of Function Coffee Co.\n in one beautifully varied box. Whether you're new to specialty coffee, gifting a coffee lover,\n stocking an office, or hunting for your next daily roast, it brings variety, quality, and\n fresh-roasted flavor to every cup.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- FOOTNOTE --\u003e\n \u003cp class=\"bc-footnote\"\u003e\n This is not flavored coffee. The tasting notes describe the natural flavors and aromas found in\n each coffee.\n \u003c\/p\u003e\n\n \u003c!-- CTA --\u003e\n \u003cdiv class=\"bc-cta\"\u003e\n \u003cp\u003eFive fresh-roasted coffees. One easy way to find your favorite.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY TO HERE --\u003e\n\u003c!-- ============================================================= --\u003e\n\n\n\u003c\/body\u003e","brand":"Function Coffee Co","offers":[{"title":"Whole Bean - 100g","offer_id":51281307009309,"sku":"FC00008-WHB-500g","price":35.0,"currency_code":"USD","in_stock":true},{"title":"Drip - 100g","offer_id":51281307042077,"sku":"FC00008-DP-500g","price":35.0,"currency_code":"USD","in_stock":true},{"title":"Espresso - 100g","offer_id":51281307074845,"sku":"FC00008-EP-500g","price":35.0,"currency_code":"USD","in_stock":true},{"title":"Coarse - 100g","offer_id":51281307107613,"sku":"FC00008-CS-500g","price":35.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0873\/0152\/1693\/files\/Hero.png?v=1778775984"},{"product_id":"medium-roast-pioneer","title":"Medium Roast - Pioneer","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003ePioneer — Bonavita\u003c\/title\u003e\n\u003cstyle\u003e\n body { margin: 0; background: #F7F4EF; }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY FROM HERE — self-contained, scoped Bonavita coffee block --\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600\u0026family=Work+Sans:wght@500;600\u0026display=swap');\n\n .bona-coffee {\n \/* palette — paper matches site background *\/\n --paper: #F7F4EF;\n --surface: #FCFAF7;\n --ink: #211913;\n --ink-2: #5C4F45;\n --ink-3: #8E8175;\n --line: #E4DDD2;\n --line-strong: #D7CCBD;\n --accent: #D7282F; \/* Bonavita brand red — placeholder, swap exact hex *\/\n --accent-soft: rgba(215, 40, 47, 0.08);\n\n --font-head: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n\n background: var(--paper);\n color: var(--ink);\n font-family: var(--font-body);\n font-size: 18px;\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n max-width: 1080px;\n margin: 0 auto;\n padding: clamp(40px, 6vw, 96px) clamp(22px, 5vw, 72px);\n }\n\n .bona-coffee *,\n .bona-coffee *::before,\n .bona-coffee *::after { box-sizing: border-box; }\n\n .bona-coffee p { margin: 0; font-size: 17px; }\n\n .bona-coffee h1,\n .bona-coffee h2,\n .bona-coffee h3 {\n font-family: var(--font-head);\n font-weight: 600;\n margin: 0;\n color: var(--ink);\n }\n\n \/* ---------- shared utility ---------- *\/\n .bona-coffee .bc-eyebrow {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin: 0;\n }\n\n .bona-coffee .bc-label {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--ink-3);\n }\n\n \/* ---------- hero ---------- *\/\n .bona-coffee .bc-hero { max-width: 760px; }\n\n .bona-coffee .bc-hero h1 {\n font-size: clamp(44px, 8.4vw, 82px);\n line-height: 0.96;\n letter-spacing: -0.04em;\n margin: 18px 0 0;\n }\n\n .bona-coffee .bc-hero .bc-sub {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(17px, 2vw, 21px);\n color: var(--ink-2);\n letter-spacing: -0.01em;\n margin-top: 16px;\n }\n\n .bona-coffee .bc-lede {\n font-size: clamp(19px, 2.2vw, 23px);\n line-height: 1.5;\n color: var(--ink);\n margin-top: 26px;\n }\n\n .bona-coffee .bc-lede strong { color: var(--ink); font-weight: 600; }\n\n .bona-coffee .bc-notes {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 30px;\n }\n\n .bona-coffee .bc-note {\n font-size: 16px;\n font-weight: 500;\n color: var(--ink);\n padding: 9px 18px;\n border: 1px solid var(--line-strong);\n border-radius: 999px;\n background: var(--surface);\n }\n\n \/* ---------- spec sheet ---------- *\/\n .bona-coffee .bc-spec {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-top: clamp(48px, 7vw, 80px);\n border-top: 1px solid var(--ink);\n border-bottom: 1px solid var(--line);\n }\n\n .bona-coffee .bc-spec-item {\n padding: 24px 32px 26px;\n border-right: 1px solid var(--line);\n }\n\n \/* first column flush-left so values align with the text above *\/\n .bona-coffee .bc-spec-item:first-child { padding-left: 0; }\n .bona-coffee .bc-spec-item:last-child { border-right: 0; }\n\n .bona-coffee .bc-spec-item .bc-val {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: 22px;\n letter-spacing: -0.01em;\n margin-top: 12px;\n color: var(--ink);\n }\n\n \/* ---------- generic section ---------- *\/\n .bona-coffee .bc-section {\n margin-top: clamp(56px, 8vw, 96px);\n }\n\n .bona-coffee .bc-section \u003e h2 {\n font-size: clamp(26px, 3.4vw, 38px);\n letter-spacing: -0.025em;\n line-height: 1.1;\n max-width: 18ch;\n }\n\n .bona-coffee .bc-section-head {\n display: flex;\n flex-direction: column;\n gap: 14px;\n margin-bottom: 36px;\n }\n\n \/* ---------- in the cup (two columns) ---------- *\/\n .bona-coffee .bc-cup {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(28px, 5vw, 64px);\n }\n\n .bona-coffee .bc-cup-col h3 {\n font-size: 21px;\n letter-spacing: -0.01em;\n padding-bottom: 14px;\n border-bottom: 1px solid var(--line);\n margin-bottom: 18px;\n }\n\n .bona-coffee .bc-cup-col p { color: var(--ink-2); }\n\n \/* ---------- roast-level signature ---------- *\/\n .bona-coffee .bc-altitude {\n margin-top: 38px;\n padding: 28px clamp(20px, 4vw, 34px) 30px;\n border: 1px solid var(--line);\n border-radius: 14px;\n background: var(--surface);\n }\n\n .bona-coffee .bc-altitude-top {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 16px;\n margin-bottom: 20px;\n }\n\n .bona-coffee .bc-altitude-top .bc-range {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: clamp(20px, 2.8vw, 26px);\n letter-spacing: -0.02em;\n }\n\n .bona-coffee .bc-altitude-top .bc-range em {\n font-style: normal;\n color: var(--accent);\n }\n\n .bona-coffee .bc-track {\n position: relative;\n height: 6px;\n border-radius: 999px;\n background: var(--line);\n overflow: hidden;\n }\n\n .bona-coffee .bc-track-band {\n position: absolute;\n top: 0;\n bottom: 0;\n \/* roast development: filled to ~Medium *\/\n left: 0;\n width: 50%;\n background: var(--accent);\n border-radius: 999px;\n transform-origin: left center;\n animation: bc-grow 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n }\n\n @keyframes bc-grow {\n from { transform: scaleX(0); }\n to { transform: scaleX(1); }\n }\n\n .bona-coffee .bc-track-ticks {\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n font-size: 14px;\n color: var(--ink-3);\n }\n\n \/* ---------- sizes \u0026 grind ---------- *\/\n .bona-coffee .bc-options {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 14px;\n }\n\n .bona-coffee .bc-option {\n border: 1px solid var(--line-strong);\n border-radius: 14px;\n padding: 24px 20px 22px;\n background: var(--surface);\n transition: border-color 0.25s ease, transform 0.25s ease;\n }\n\n .bona-coffee .bc-option:hover {\n border-color: var(--accent);\n transform: translateY(-3px);\n }\n\n .bona-coffee .bc-option .bc-opt-name {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: 19px;\n letter-spacing: -0.01em;\n }\n\n .bona-coffee .bc-option .bc-opt-desc {\n font-size: 16px;\n color: var(--ink-2);\n margin-top: 8px;\n line-height: 1.45;\n }\n\n \/* ---------- roasted with purpose ---------- *\/\n .bona-coffee .bc-purpose {\n display: grid;\n grid-template-columns: 0.85fr 1.15fr;\n gap: clamp(24px, 5vw, 56px);\n align-items: start;\n }\n\n .bona-coffee .bc-purpose p { color: var(--ink-2); }\n .bona-coffee .bc-purpose strong { color: var(--ink); font-weight: 600; }\n\n \/* ---------- story ---------- *\/\n .bona-coffee .bc-story {\n margin-top: clamp(56px, 8vw, 96px);\n padding: clamp(34px, 5vw, 56px) clamp(26px, 5vw, 60px);\n border-radius: 18px;\n background: var(--ink);\n color: var(--paper);\n }\n\n .bona-coffee .bc-story .bc-eyebrow { color: #E8A39E; }\n\n .bona-coffee .bc-story blockquote {\n margin: 22px 0 0;\n max-width: 32ch;\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(22px, 3vw, 32px);\n line-height: 1.32;\n letter-spacing: -0.02em;\n color: var(--paper);\n }\n\n .bona-coffee .bc-story .bc-story-sub {\n margin-top: 22px;\n max-width: 58ch;\n font-size: 18px;\n line-height: 1.6;\n color: #CBB9AE;\n }\n\n .bona-coffee .bc-story .bc-story-sub strong { color: var(--paper); font-weight: 600; }\n\n \/* ---------- footnote ---------- *\/\n .bona-coffee .bc-footnote {\n margin-top: clamp(48px, 7vw, 72px);\n padding-top: 28px;\n border-top: 1px solid var(--line);\n font-size: 15px;\n color: var(--ink-3);\n font-style: italic;\n }\n\n \/* ---------- focus + motion ---------- *\/\n .bona-coffee a:focus-visible,\n .bona-coffee .bc-option:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 3px;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bona-coffee .bc-track-band { animation: none; }\n .bona-coffee .bc-option { transition: none; }\n }\n\n \/* ---------- responsive ---------- *\/\n @media (max-width: 860px) {\n .bona-coffee .bc-spec { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-spec-item:nth-child(2) { border-right: 0; }\n .bona-coffee .bc-spec-item:nth-child(3) { padding-left: 0; }\n .bona-coffee .bc-spec-item:nth-child(1),\n .bona-coffee .bc-spec-item:nth-child(2) { border-bottom: 1px solid var(--line); }\n .bona-coffee .bc-options { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-purpose { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 520px) {\n .bona-coffee .bc-cup { grid-template-columns: 1fr; }\n .bona-coffee .bc-options { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec-item {\n padding: 22px 0 24px;\n border-right: 0;\n border-bottom: 1px solid var(--line);\n }\n .bona-coffee .bc-spec-item:last-child { border-bottom: 0; }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"bona-coffee\" aria-labelledby=\"bc-title\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cheader class=\"bc-hero\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eNatural Process · Brazil\u003c\/p\u003e\n \u003ch1 id=\"bc-title\"\u003ePioneer\u003c\/h1\u003e\n \u003cp class=\"bc-sub\"\u003eBrazilian single origin · Medium roast\u003c\/p\u003e\n \u003cp class=\"bc-lede\"\u003e\n Our crowd-pleasing, approachable \u003cstrong\u003emedium roast\u003c\/strong\u003e — a natural-process Brazilian\n coffee from the \u003cstrong\u003eCerrado region\u003c\/strong\u003e. Smooth, balanced, and easy to love, with\n notes of \u003cstrong\u003emilk chocolate, raisin, cane sugar, and roasted peanuts\u003c\/strong\u003e and a\n comforting sweetness that makes it an everyday favorite.\n \u003c\/p\u003e\n \u003cdiv class=\"bc-notes\" aria-label=\"Tasting notes\"\u003e\n \u003cspan class=\"bc-note\"\u003eMilk Chocolate\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eRaisin\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eCane Sugar\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eRoasted Peanuts\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- SPEC SHEET --\u003e\n \u003cdiv class=\"bc-spec\" aria-label=\"Coffee specifications\"\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eOrigin\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eBrazil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eRegion\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eCerrado\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eProcess\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eNatural\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eRoast\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eMedium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- IN THE CUP --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eIn the cup\u003c\/p\u003e\n \u003ch2\u003eSmooth, sweet, and easy to love\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-cup\"\u003e\n \u003cdiv class=\"bc-cup-col\"\u003e\n \u003ch3\u003eTasting notes\u003c\/h3\u003e\n \u003cp\u003e\n A chocolatey body with gentle fruitiness and a nutty finish — milk chocolate and cane\n sugar up front, raisin sweetness, and roasted peanuts to close.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-cup-col\"\u003e\n \u003ch3\u003eRoast profile\u003c\/h3\u003e\n \u003cp\u003e\n A balanced medium roast: approachable, dependable, and built for daily brewing across\n just about any method.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ABOUT \/ ROAST LEVEL --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eAbout this coffee\u003c\/p\u003e\n \u003ch2\u003eAn everyday cup from the Cerrado\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp style=\"max-width: 64ch; color: var(--ink-2); font-size: 18px;\"\u003e\n Pioneer is a natural-process coffee from Brazil's Cerrado region, grown by smallholder\n producers and chosen for its chocolatey richness, smooth body, and balanced sweetness. It's\n the kind of coffee that feels familiar and comforting — consistently delicious, cup after cup.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bc-altitude\"\u003e\n \u003cdiv class=\"bc-altitude-top\"\u003e\n \u003cp class=\"bc-label\"\u003eRoast level\u003c\/p\u003e\n \u003cp class=\"bc-range\"\u003e\u003cem\u003eMedium\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-track\"\u003e\n \u003cspan class=\"bc-track-band\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-track-ticks\"\u003e\n \u003cspan\u003eLight\u003c\/span\u003e\n \u003cspan\u003eMedium\u003c\/span\u003e\n \u003cspan\u003eDark\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SIZES \u0026 GRIND --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eSizes \u0026amp; grind\u003c\/p\u003e\n \u003ch2\u003ePick the format for your brew routine\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-options\" aria-label=\"Available sizes and grind options\"\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e300g · Ground\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eReady to brew\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e300g · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eGrind fresh at home\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e2lb · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eFor daily coffee drinkers\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e5lb · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eFor offices, cafés, and serious coffee lovers\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ROASTED WITH PURPOSE --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-purpose\"\u003e\n \u003cdiv class=\"bc-section-head\" style=\"margin-bottom: 0;\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eRoasted with purpose\u003c\/p\u003e\n \u003ch2 style=\"max-width: none;\"\u003eA cleaner footprint\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp\u003e\n Our beans are \u003cstrong\u003eethically sourced\u003c\/strong\u003e and \u003cstrong\u003eorganic when possible\u003c\/strong\u003e,\n roasted on the \u003cstrong\u003eBellwether Roaster\u003c\/strong\u003e — one of the most sustainable roasting\n systems in the world. The result is a carefully roasted coffee with a cleaner footprint and\n a beautifully consistent cup.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- STORY --\u003e\n \u003cdiv class=\"bc-story\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eThe story behind Pioneer\u003c\/p\u003e\n \u003cblockquote\u003e\n Pioneer was our first roast — the beginning, and still our most popular.\n \u003c\/blockquote\u003e\n \u003cp class=\"bc-story-sub\"\u003e\n We named it \u003cstrong\u003ePioneer\u003c\/strong\u003e for the street where Function Coffee Co. launched: the\n roast that set everything in motion and paved the way for all that followed.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- FOOTNOTE --\u003e\n \u003cp class=\"bc-footnote\"\u003e\n This is not a flavored coffee. The tasting notes describe the natural flavors and aromas found\n in the coffee.\n \u003c\/p\u003e\n\n\u003c\/section\u003e\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY TO HERE --\u003e\n\u003c!-- ============================================================= --\u003e\n\n\n\u003c\/body\u003e","brand":"Function Coffee Co","offers":[{"title":"Whole Bean - 300g","offer_id":51281307402525,"sku":"FC00003-MR-RST-WB-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Drip - 300g","offer_id":51281307435293,"sku":"FC00003-MR-RST-DP-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Espresso - 300g","offer_id":51281307468061,"sku":"FC00003-MR-RST-EP-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Coarse - 300g","offer_id":51281307500829,"sku":"FC00003-MR-RST-CS-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Whole Bean - 2 lb","offer_id":51281307533597,"sku":"FC00003-MR-RST-WB-907g","price":55.0,"currency_code":"USD","in_stock":true},{"title":"Whole Bean - 5 lb","offer_id":51281307566365,"sku":"FC00003-MR-RST-WB-2268g","price":130.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0873\/0152\/1693\/files\/Product_Image_flavor_profile_1.png?v=1778717150"},{"product_id":"light-roast-demitasse","title":"Light Roast - Demitasse","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eDemitasse — Bonavita\u003c\/title\u003e\n\u003cstyle\u003e\n body { margin: 0; background: #F7F4EF; }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY FROM HERE — self-contained, scoped Bonavita coffee block --\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600\u0026family=Work+Sans:wght@500;600\u0026display=swap');\n\n .bona-coffee {\n \/* palette — paper matches site background *\/\n --paper: #F7F4EF;\n --surface: #FCFAF7;\n --ink: #211913;\n --ink-2: #5C4F45;\n --ink-3: #8E8175;\n --line: #E4DDD2;\n --line-strong: #D7CCBD;\n --accent: #D7282F; \/* Bonavita brand red — placeholder, swap exact hex *\/\n --accent-soft: rgba(215, 40, 47, 0.08);\n\n --font-head: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n\n background: var(--paper);\n color: var(--ink);\n font-family: var(--font-body);\n font-size: 18px;\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n max-width: 1080px;\n margin: 0 auto;\n padding: clamp(40px, 6vw, 96px) clamp(22px, 5vw, 72px);\n }\n\n .bona-coffee *,\n .bona-coffee *::before,\n .bona-coffee *::after { box-sizing: border-box; }\n\n .bona-coffee p { margin: 0; font-size: 17px; }\n\n .bona-coffee h1,\n .bona-coffee h2,\n .bona-coffee h3 {\n font-family: var(--font-head);\n font-weight: 600;\n margin: 0;\n color: var(--ink);\n }\n\n \/* ---------- shared utility ---------- *\/\n .bona-coffee .bc-eyebrow {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin: 0;\n }\n\n .bona-coffee .bc-label {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--ink-3);\n }\n\n \/* ---------- hero ---------- *\/\n .bona-coffee .bc-hero { max-width: 760px; }\n\n .bona-coffee .bc-hero h1 {\n font-size: clamp(44px, 8.4vw, 82px);\n line-height: 0.96;\n letter-spacing: -0.04em;\n margin: 18px 0 0;\n }\n\n .bona-coffee .bc-hero .bc-sub {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(17px, 2vw, 21px);\n color: var(--ink-2);\n letter-spacing: -0.01em;\n margin-top: 16px;\n }\n\n .bona-coffee .bc-lede {\n font-size: clamp(19px, 2.2vw, 23px);\n line-height: 1.5;\n color: var(--ink);\n margin-top: 26px;\n }\n\n .bona-coffee .bc-lede strong { color: var(--ink); font-weight: 600; }\n\n .bona-coffee .bc-notes {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 30px;\n }\n\n .bona-coffee .bc-note {\n font-size: 16px;\n font-weight: 500;\n color: var(--ink);\n padding: 9px 18px;\n border: 1px solid var(--line-strong);\n border-radius: 999px;\n background: var(--surface);\n }\n\n \/* ---------- spec sheet ---------- *\/\n .bona-coffee .bc-spec {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-top: clamp(48px, 7vw, 80px);\n border-top: 1px solid var(--ink);\n border-bottom: 1px solid var(--line);\n }\n\n .bona-coffee .bc-spec-item {\n padding: 24px 32px 26px;\n border-right: 1px solid var(--line);\n }\n\n \/* first column flush-left so values align with the text above *\/\n .bona-coffee .bc-spec-item:first-child { padding-left: 0; }\n .bona-coffee .bc-spec-item:last-child { border-right: 0; }\n\n .bona-coffee .bc-spec-item .bc-val {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: 22px;\n letter-spacing: -0.01em;\n margin-top: 12px;\n color: var(--ink);\n }\n\n \/* ---------- generic section ---------- *\/\n .bona-coffee .bc-section {\n margin-top: clamp(56px, 8vw, 96px);\n }\n\n .bona-coffee .bc-section \u003e h2 {\n font-size: clamp(26px, 3.4vw, 38px);\n letter-spacing: -0.025em;\n line-height: 1.1;\n max-width: 18ch;\n }\n\n .bona-coffee .bc-section-head {\n display: flex;\n flex-direction: column;\n gap: 14px;\n margin-bottom: 36px;\n }\n\n \/* ---------- in the cup (two columns) ---------- *\/\n .bona-coffee .bc-cup {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(28px, 5vw, 64px);\n }\n\n .bona-coffee .bc-cup-col h3 {\n font-size: 21px;\n letter-spacing: -0.01em;\n padding-bottom: 14px;\n border-bottom: 1px solid var(--line);\n margin-bottom: 18px;\n }\n\n .bona-coffee .bc-cup-col p { color: var(--ink-2); }\n\n \/* ---------- roast-level signature ---------- *\/\n .bona-coffee .bc-altitude {\n margin-top: 38px;\n padding: 28px clamp(20px, 4vw, 34px) 30px;\n border: 1px solid var(--line);\n border-radius: 14px;\n background: var(--surface);\n }\n\n .bona-coffee .bc-altitude-top {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 16px;\n margin-bottom: 20px;\n }\n\n .bona-coffee .bc-altitude-top .bc-range {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: clamp(20px, 2.8vw, 26px);\n letter-spacing: -0.02em;\n }\n\n .bona-coffee .bc-altitude-top .bc-range em {\n font-style: normal;\n color: var(--accent);\n }\n\n .bona-coffee .bc-track {\n position: relative;\n height: 6px;\n border-radius: 999px;\n background: var(--line);\n overflow: hidden;\n }\n\n .bona-coffee .bc-track-band {\n position: absolute;\n top: 0;\n bottom: 0;\n \/* roast development: filled to ~Light *\/\n left: 0;\n width: 22%;\n background: var(--accent);\n border-radius: 999px;\n transform-origin: left center;\n animation: bc-grow 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n }\n\n @keyframes bc-grow {\n from { transform: scaleX(0); }\n to { transform: scaleX(1); }\n }\n\n .bona-coffee .bc-track-ticks {\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n font-size: 14px;\n color: var(--ink-3);\n }\n\n \/* ---------- sizes \u0026 grind ---------- *\/\n .bona-coffee .bc-options {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 14px;\n }\n\n .bona-coffee .bc-option {\n border: 1px solid var(--line-strong);\n border-radius: 14px;\n padding: 24px 20px 22px;\n background: var(--surface);\n transition: border-color 0.25s ease, transform 0.25s ease;\n }\n\n .bona-coffee .bc-option:hover {\n border-color: var(--accent);\n transform: translateY(-3px);\n }\n\n .bona-coffee .bc-option .bc-opt-name {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: 19px;\n letter-spacing: -0.01em;\n }\n\n .bona-coffee .bc-option .bc-opt-desc {\n font-size: 16px;\n color: var(--ink-2);\n margin-top: 8px;\n line-height: 1.45;\n }\n\n \/* ---------- roasted with purpose ---------- *\/\n .bona-coffee .bc-purpose {\n display: grid;\n grid-template-columns: 0.85fr 1.15fr;\n gap: clamp(24px, 5vw, 56px);\n align-items: start;\n }\n\n .bona-coffee .bc-purpose p { color: var(--ink-2); }\n .bona-coffee .bc-purpose strong { color: var(--ink); font-weight: 600; }\n\n \/* ---------- story ---------- *\/\n .bona-coffee .bc-story {\n margin-top: clamp(56px, 8vw, 96px);\n padding: clamp(34px, 5vw, 56px) clamp(26px, 5vw, 60px);\n border-radius: 18px;\n background: var(--ink);\n color: var(--paper);\n }\n\n .bona-coffee .bc-story .bc-eyebrow { color: #E8A39E; }\n\n .bona-coffee .bc-story blockquote {\n margin: 22px 0 0;\n max-width: 32ch;\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(22px, 3vw, 32px);\n line-height: 1.32;\n letter-spacing: -0.02em;\n color: var(--paper);\n }\n\n .bona-coffee .bc-story .bc-story-sub {\n margin-top: 22px;\n max-width: 58ch;\n font-size: 18px;\n line-height: 1.6;\n color: #CBB9AE;\n }\n\n .bona-coffee .bc-story .bc-story-sub strong { color: var(--paper); font-weight: 600; }\n\n \/* ---------- footnote ---------- *\/\n .bona-coffee .bc-footnote {\n margin-top: clamp(48px, 7vw, 72px);\n padding-top: 28px;\n border-top: 1px solid var(--line);\n font-size: 15px;\n color: var(--ink-3);\n font-style: italic;\n }\n\n \/* ---------- focus + motion ---------- *\/\n .bona-coffee a:focus-visible,\n .bona-coffee .bc-option:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 3px;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bona-coffee .bc-track-band { animation: none; }\n .bona-coffee .bc-option { transition: none; }\n }\n\n \/* ---------- responsive ---------- *\/\n @media (max-width: 860px) {\n .bona-coffee .bc-spec { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-spec-item:nth-child(2) { border-right: 0; }\n .bona-coffee .bc-spec-item:nth-child(3) { padding-left: 0; }\n .bona-coffee .bc-spec-item:nth-child(1),\n .bona-coffee .bc-spec-item:nth-child(2) { border-bottom: 1px solid var(--line); }\n .bona-coffee .bc-options { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-purpose { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 520px) {\n .bona-coffee .bc-cup { grid-template-columns: 1fr; }\n .bona-coffee .bc-options { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec-item {\n padding: 22px 0 24px;\n border-right: 0;\n border-bottom: 1px solid var(--line);\n }\n .bona-coffee .bc-spec-item:last-child { border-bottom: 0; }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"bona-coffee\" aria-labelledby=\"bc-title\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cheader class=\"bc-hero\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eLight Roast · Ethiopia\u003c\/p\u003e\n \u003ch1 id=\"bc-title\"\u003eDemitasse\u003c\/h1\u003e\n \u003cp class=\"bc-sub\"\u003eEthiopian single origin · Light roast · Washed\u003c\/p\u003e\n \u003cp class=\"bc-lede\"\u003e\n A bright, dynamic \u003cstrong\u003elight roast from Ethiopia\u003c\/strong\u003e — sourced from\n \u003cstrong\u003eAgaro in Jimma, Oromia\u003c\/strong\u003e and carefully washed and dried at the Yukro station.\n Balanced and vibrant, with notes of \u003cstrong\u003eripe peach, lime zest, and honey\u003c\/strong\u003e, complex\n sweetness, and lively acidity.\n \u003c\/p\u003e\n \u003cdiv class=\"bc-notes\" aria-label=\"Tasting notes\"\u003e\n \u003cspan class=\"bc-note\"\u003eRipe Peach\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eLime Zest\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eHoney\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- SPEC SHEET --\u003e\n \u003cdiv class=\"bc-spec\" aria-label=\"Coffee specifications\"\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eOrigin\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eEthiopia\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eRegion\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eAgaro, Jimma\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eStation\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eYukro\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eRoast\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eLight · Washed\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- IN THE CUP --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eIn the cup\u003c\/p\u003e\n \u003ch2\u003eBright, fruit-forward, and clean\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-cup\"\u003e\n \u003cdiv class=\"bc-cup-col\"\u003e\n \u003ch3\u003eTasting notes\u003c\/h3\u003e\n \u003cp\u003e\n A clean, bright cup with fruit-forward sweetness — ripe peach and a lime-zest lift over a\n soft, honeyed finish.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-cup-col\"\u003e\n \u003ch3\u003eRoast profile\u003c\/h3\u003e\n \u003cp\u003e\n A light roast with vibrant acidity and balanced sweetness, kept crisp and clean to let the\n origin character lead.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ABOUT \/ ROAST LEVEL --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eAbout this coffee\u003c\/p\u003e\n \u003ch2\u003eGrown in Agaro, washed at Yukro\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp style=\"max-width: 64ch; color: var(--ink-2); font-size: 18px;\"\u003e\n In Agaro, in Jimma, Oromia, coffee remains central to local livelihoods and tradition. Washed\n and dried at the Yukro station, this Ethiopian coffee lands clean and expressive — layered\n sweetness, crisp acidity, and fruit-forward clarity.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bc-altitude\"\u003e\n \u003cdiv class=\"bc-altitude-top\"\u003e\n \u003cp class=\"bc-label\"\u003eRoast level\u003c\/p\u003e\n \u003cp class=\"bc-range\"\u003e\u003cem\u003eLight\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-track\"\u003e\n \u003cspan class=\"bc-track-band\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-track-ticks\"\u003e\n \u003cspan\u003eLight\u003c\/span\u003e\n \u003cspan\u003eMedium\u003c\/span\u003e\n \u003cspan\u003eDark\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SIZES \u0026 GRIND --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eSizes \u0026amp; grind\u003c\/p\u003e\n \u003ch2\u003ePick the format for your brew routine\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-options\" aria-label=\"Available sizes and grind options\"\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e300g · Ground\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eReady to brew\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e300g · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eGrind fresh at home\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e2lb · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eFor daily coffee drinkers\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e5lb · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eFor offices, cafés, and serious coffee lovers\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ROASTED WITH PURPOSE --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-purpose\"\u003e\n \u003cdiv class=\"bc-section-head\" style=\"margin-bottom: 0;\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eRoasted with purpose\u003c\/p\u003e\n \u003ch2 style=\"max-width: none;\"\u003eA cleaner footprint\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp\u003e\n Our beans are \u003cstrong\u003eethically sourced\u003c\/strong\u003e and \u003cstrong\u003eorganic when possible\u003c\/strong\u003e,\n roasted on the \u003cstrong\u003eBellwether Roaster\u003c\/strong\u003e — one of the most sustainable roasting\n systems in the world. The result is a carefully roasted coffee with a cleaner footprint and\n a beautifully consistent cup.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- STORY --\u003e\n \u003cdiv class=\"bc-story\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eThe story behind Demitasse\u003c\/p\u003e\n \u003cblockquote\u003e\n Our light roast has always been bright and dynamic — so its name had to feel just as intentional.\n \u003c\/blockquote\u003e\n \u003cp class=\"bc-story-sub\"\u003e\n \u003cstrong\u003eDemitasse\u003c\/strong\u003e nods to the classic coffee spoon, and to something more personal: it\n shares its name with our daughter, Demi. A light roast rooted in care, craft, and the joy of\n simple moments.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- FOOTNOTE --\u003e\n \u003cp class=\"bc-footnote\"\u003e\n This is not a flavored coffee. The tasting notes describe the natural flavors and aromas found\n in the coffee.\n \u003c\/p\u003e\n\n\u003c\/section\u003e\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY TO HERE --\u003e\n\u003c!-- ============================================================= --\u003e\n\n\n\u003c\/body\u003e","brand":"Function Coffee Co","offers":[{"title":"Whole Bean - 300g","offer_id":51281308418333,"sku":"FC00005-LR-RST-WB-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Drip - 300g","offer_id":51281308451101,"sku":"FC00005-LR-RST-DP-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Espresso - 300g","offer_id":51281308483869,"sku":"FC00005-LR-RST-EP-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Coarse - 300g","offer_id":51281308516637,"sku":"FC00005-LR-RST-CS-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Whole Bean - 2 lb","offer_id":51281308549405,"sku":"FC00005-LR-RST-WB-907g","price":55.0,"currency_code":"USD","in_stock":true},{"title":"Whole Bean - 5 lb","offer_id":51281308582173,"sku":"FC00005-LR-RST-WB-2268g","price":130.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0873\/0152\/1693\/files\/Product_Image_flavor_profile_3.png?v=1778782105"},{"product_id":"dark-roast-sullivan-st","title":"Dark Roast - Sullivan St","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eSullivan St. — Bonavita\u003c\/title\u003e\n\u003cstyle\u003e\n body { margin: 0; background: #F7F4EF; }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY FROM HERE — self-contained, scoped Bonavita coffee block --\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600\u0026family=Work+Sans:wght@500;600\u0026display=swap');\n\n .bona-coffee {\n \/* palette — paper matches site background *\/\n --paper: #F7F4EF;\n --surface: #FCFAF7;\n --ink: #211913;\n --ink-2: #5C4F45;\n --ink-3: #8E8175;\n --line: #E4DDD2;\n --line-strong: #D7CCBD;\n --accent: #D7282F; \/* Bonavita brand red — placeholder, swap exact hex *\/\n --accent-soft: rgba(215, 40, 47, 0.08);\n\n --font-head: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n\n background: var(--paper);\n color: var(--ink);\n font-family: var(--font-body);\n font-size: 18px;\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n max-width: 1080px;\n margin: 0 auto;\n padding: clamp(40px, 6vw, 96px) clamp(22px, 5vw, 72px);\n }\n\n .bona-coffee *,\n .bona-coffee *::before,\n .bona-coffee *::after { box-sizing: border-box; }\n\n .bona-coffee p { margin: 0; font-size: 17px; }\n\n .bona-coffee h1,\n .bona-coffee h2,\n .bona-coffee h3 {\n font-family: var(--font-head);\n font-weight: 600;\n margin: 0;\n color: var(--ink);\n }\n\n \/* ---------- shared utility ---------- *\/\n .bona-coffee .bc-eyebrow {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin: 0;\n }\n\n .bona-coffee .bc-label {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--ink-3);\n }\n\n \/* ---------- hero ---------- *\/\n .bona-coffee .bc-hero { max-width: 760px; }\n\n .bona-coffee .bc-hero h1 {\n font-size: clamp(44px, 8.4vw, 82px);\n line-height: 0.96;\n letter-spacing: -0.04em;\n margin: 18px 0 0;\n }\n\n .bona-coffee .bc-hero .bc-sub {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(17px, 2vw, 21px);\n color: var(--ink-2);\n letter-spacing: -0.01em;\n margin-top: 16px;\n }\n\n .bona-coffee .bc-lede {\n font-size: clamp(19px, 2.2vw, 23px);\n line-height: 1.5;\n color: var(--ink);\n margin-top: 26px;\n }\n\n .bona-coffee .bc-lede strong { color: var(--ink); font-weight: 600; }\n\n .bona-coffee .bc-notes {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 30px;\n }\n\n .bona-coffee .bc-note {\n font-size: 16px;\n font-weight: 500;\n color: var(--ink);\n padding: 9px 18px;\n border: 1px solid var(--line-strong);\n border-radius: 999px;\n background: var(--surface);\n }\n\n \/* ---------- spec sheet ---------- *\/\n .bona-coffee .bc-spec {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-top: clamp(48px, 7vw, 80px);\n border-top: 1px solid var(--ink);\n border-bottom: 1px solid var(--line);\n }\n\n .bona-coffee .bc-spec-item {\n padding: 24px 32px 26px;\n border-right: 1px solid var(--line);\n }\n\n \/* first column flush-left so values align with the text above *\/\n .bona-coffee .bc-spec-item:first-child { padding-left: 0; }\n .bona-coffee .bc-spec-item:last-child { border-right: 0; }\n\n .bona-coffee .bc-spec-item .bc-val {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: 22px;\n letter-spacing: -0.01em;\n margin-top: 12px;\n color: var(--ink);\n }\n\n \/* ---------- generic section ---------- *\/\n .bona-coffee .bc-section {\n margin-top: clamp(56px, 8vw, 96px);\n }\n\n .bona-coffee .bc-section \u003e h2 {\n font-size: clamp(26px, 3.4vw, 38px);\n letter-spacing: -0.025em;\n line-height: 1.1;\n max-width: 16ch;\n }\n\n .bona-coffee .bc-section-head {\n display: flex;\n flex-direction: column;\n gap: 14px;\n margin-bottom: 36px;\n }\n\n \/* ---------- in the cup (two columns) ---------- *\/\n .bona-coffee .bc-cup {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(28px, 5vw, 64px);\n }\n\n .bona-coffee .bc-cup-col h3 {\n font-size: 21px;\n letter-spacing: -0.01em;\n padding-bottom: 14px;\n border-bottom: 1px solid var(--line);\n margin-bottom: 18px;\n }\n\n .bona-coffee .bc-cup-col p { color: var(--ink-2); }\n\n \/* ---------- altitude signature ---------- *\/\n .bona-coffee .bc-altitude {\n margin-top: 38px;\n padding: 28px clamp(20px, 4vw, 34px) 30px;\n border: 1px solid var(--line);\n border-radius: 14px;\n background: var(--surface);\n }\n\n .bona-coffee .bc-altitude-top {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 16px;\n margin-bottom: 20px;\n }\n\n .bona-coffee .bc-altitude-top .bc-range {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: clamp(20px, 2.8vw, 26px);\n letter-spacing: -0.02em;\n }\n\n .bona-coffee .bc-altitude-top .bc-range em {\n font-style: normal;\n color: var(--accent);\n }\n\n .bona-coffee .bc-track {\n position: relative;\n height: 6px;\n border-radius: 999px;\n background: var(--line);\n overflow: hidden;\n }\n\n .bona-coffee .bc-track-band {\n position: absolute;\n top: 0;\n bottom: 0;\n \/* 1000m → 0%, 2000m → 100%; band 1400–1700 *\/\n left: 40%;\n width: 30%;\n background: var(--accent);\n border-radius: 999px;\n transform-origin: left center;\n animation: bc-grow 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n }\n\n @keyframes bc-grow {\n from { transform: scaleX(0); }\n to { transform: scaleX(1); }\n }\n\n .bona-coffee .bc-track-ticks {\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n font-size: 14px;\n color: var(--ink-3);\n font-variant-numeric: tabular-nums;\n }\n\n \/* ---------- sizes \u0026 grind ---------- *\/\n .bona-coffee .bc-options {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 14px;\n }\n\n .bona-coffee .bc-option {\n border: 1px solid var(--line-strong);\n border-radius: 14px;\n padding: 24px 20px 22px;\n background: var(--surface);\n transition: border-color 0.25s ease, transform 0.25s ease;\n }\n\n .bona-coffee .bc-option:hover {\n border-color: var(--accent);\n transform: translateY(-3px);\n }\n\n .bona-coffee .bc-option .bc-opt-name {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: 19px;\n letter-spacing: -0.01em;\n }\n\n .bona-coffee .bc-option .bc-opt-desc {\n font-size: 16px;\n color: var(--ink-2);\n margin-top: 8px;\n line-height: 1.45;\n }\n\n \/* ---------- roasted with purpose ---------- *\/\n .bona-coffee .bc-purpose {\n display: grid;\n grid-template-columns: 0.85fr 1.15fr;\n gap: clamp(24px, 5vw, 56px);\n align-items: start;\n }\n\n .bona-coffee .bc-purpose p { color: var(--ink-2); }\n .bona-coffee .bc-purpose strong { color: var(--ink); font-weight: 600; }\n\n \/* ---------- story ---------- *\/\n .bona-coffee .bc-story {\n margin-top: clamp(56px, 8vw, 96px);\n padding: clamp(34px, 5vw, 56px) clamp(26px, 5vw, 60px);\n border-radius: 18px;\n background: var(--ink);\n color: var(--paper);\n }\n\n .bona-coffee .bc-story .bc-eyebrow { color: #E8A39E; }\n\n .bona-coffee .bc-story blockquote {\n margin: 22px 0 0;\n max-width: 30ch;\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(22px, 3vw, 32px);\n line-height: 1.32;\n letter-spacing: -0.02em;\n color: var(--paper);\n }\n\n .bona-coffee .bc-story .bc-story-sub {\n margin-top: 22px;\n max-width: 56ch;\n font-size: 18px;\n line-height: 1.6;\n color: #CBB9AE;\n }\n\n \/* ---------- footnote ---------- *\/\n .bona-coffee .bc-footnote {\n margin-top: 36px;\n font-size: 15px;\n color: var(--ink-3);\n font-style: italic;\n }\n\n \/* ---------- focus + motion ---------- *\/\n .bona-coffee a:focus-visible,\n .bona-coffee .bc-option:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 3px;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bona-coffee .bc-track-band { animation: none; }\n .bona-coffee .bc-option { transition: none; }\n }\n\n \/* ---------- responsive ---------- *\/\n @media (max-width: 860px) {\n .bona-coffee .bc-spec { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-spec-item:nth-child(2) { border-right: 0; }\n .bona-coffee .bc-spec-item:nth-child(3) { padding-left: 0; }\n .bona-coffee .bc-spec-item:nth-child(1),\n .bona-coffee .bc-spec-item:nth-child(2) { border-bottom: 1px solid var(--line); }\n .bona-coffee .bc-options { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-purpose { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 520px) {\n .bona-coffee .bc-cup { grid-template-columns: 1fr; }\n .bona-coffee .bc-options { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec-item {\n padding: 22px 0 24px;\n border-right: 0;\n border-bottom: 1px solid var(--line);\n }\n .bona-coffee .bc-spec-item:last-child { border-bottom: 0; }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"bona-coffee\" aria-labelledby=\"bc-title\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cheader class=\"bc-hero\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eSingle Origin · El Salvador\u003c\/p\u003e\n \u003ch1 id=\"bc-title\"\u003eSullivan St.\u003c\/h1\u003e\n \u003cp class=\"bc-sub\"\u003eSingle origin coffee beans · Natural process\u003c\/p\u003e\n \u003cp class=\"bc-lede\"\u003e\n A bold, classic single origin grown by \u003cstrong\u003eCarlos Quintanilla at Nazareno Farm\u003c\/strong\u003e.\n Naturally processed and carefully roasted into a rich, full-bodied cup —\n \u003cstrong\u003edark chocolate, clove, and toffee\u003c\/strong\u003e, closing clean and smooth.\n \u003c\/p\u003e\n \u003cdiv class=\"bc-notes\" aria-label=\"Tasting notes\"\u003e\n \u003cspan class=\"bc-note\"\u003eDark Chocolate\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eClove\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eToffee\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- SPEC SHEET --\u003e\n \u003cdiv class=\"bc-spec\" aria-label=\"Coffee specifications\"\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eOrigin\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eEl Salvador\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eProducer\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eCarlos Quintanilla\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eFarm\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eNazareno Farm\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eProcess\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eNatural\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- IN THE CUP --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eIn the cup\u003c\/p\u003e\n \u003ch2\u003eDeep, comforting flavor with a clean finish\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-cup\"\u003e\n \u003cdiv class=\"bc-cup-col\"\u003e\n \u003ch3\u003eTasting notes\u003c\/h3\u003e\n \u003cp\u003e\n Deep, comforting flavors carry natural sweetness, warm spice, and a\n chocolate-forward body — bold without ever turning heavy.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-cup-col\"\u003e\n \u003ch3\u003eRoast profile\u003c\/h3\u003e\n \u003cp\u003e\n Rich and smooth with classic depth and bright structure, roasted to land\n full-bodied with a clean, lingering finish.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ABOUT \/ ALTITUDE --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eAbout this coffee\u003c\/p\u003e\n \u003ch2\u003eGrown high, processed naturally\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp style=\"max-width: 64ch; color: var(--ink-2);\"\u003e\n Nazareno Farm works in small-lot microlots of carefully processed Bourbon. At these\n elevations the beans develop density, structure, and bright acidity that balance\n Sullivan St.'s chocolatey depth, while the natural process draws out sweetness and\n complexity — keeping the cup smooth, bold, and approachable.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bc-altitude\"\u003e\n \u003cdiv class=\"bc-altitude-top\"\u003e\n \u003cp class=\"bc-label\"\u003eGrowing elevation\u003c\/p\u003e\n \u003cp class=\"bc-range\"\u003e\u003cem\u003e1,400 – 1,700\u003c\/em\u003e m\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-track\"\u003e\n \u003cspan class=\"bc-track-band\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-track-ticks\"\u003e\n \u003cspan\u003e1,000 m\u003c\/span\u003e\n \u003cspan\u003e1,500 m\u003c\/span\u003e\n \u003cspan\u003e2,000 m\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SIZES \u0026 GRIND --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eSizes \u0026amp; grind\u003c\/p\u003e\n \u003ch2\u003ePick the format for your brew routine\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-options\" aria-label=\"Available sizes and grind options\"\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e300g · Ground\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eReady to brew\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e300g · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eGrind fresh at home\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e2lb · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eFor daily coffee drinkers\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e5lb · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eFor offices, cafés, and serious coffee lovers\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ROASTED WITH PURPOSE --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-purpose\"\u003e\n \u003cdiv class=\"bc-section-head\" style=\"margin-bottom: 0;\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eRoasted with purpose\u003c\/p\u003e\n \u003ch2 style=\"max-width: none;\"\u003eA cleaner footprint\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp\u003e\n Our beans are \u003cstrong\u003eethically sourced\u003c\/strong\u003e and \u003cstrong\u003eorganic when possible\u003c\/strong\u003e,\n roasted on the \u003cstrong\u003eBellwether Roaster\u003c\/strong\u003e — one of the most sustainable roasting\n systems in the world. The result is a carefully roasted coffee with a cleaner footprint and\n a beautifully consistent cup.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- STORY --\u003e\n \u003cdiv class=\"bc-story\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eThe story behind Sullivan St.\u003c\/p\u003e\n \u003cblockquote\u003e\n Our second roast — and quickly a favorite among those who love deep, rich coffee.\n \u003c\/blockquote\u003e\n \u003cp class=\"bc-story-sub\"\u003e\n The name honors Sullivan Street Bakery in New York City: a place woven into our\n family's story, and the inspiration behind our son's name.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- FOOTNOTE --\u003e\n \u003cp class=\"bc-footnote\"\u003e\n This is not a flavored coffee. The tasting notes describe the natural flavors and aromas\n found in the coffee.\n \u003c\/p\u003e\n\n\u003c\/section\u003e\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY TO HERE --\u003e\n\u003c!-- ============================================================= --\u003e\n\n\n\u003c\/body\u003e","brand":"Function Coffee Co","offers":[{"title":"Whole Bean - 300g","offer_id":51281313104157,"sku":"FC00001-DK-RST-WB-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Drip - 300g","offer_id":51281313136925,"sku":"FC00001-DK-RST-DP-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Espresso - 300g","offer_id":51281544479005,"sku":"FC00001-DK-RST-EP-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Coarse - 300g","offer_id":51281542873373,"sku":"FC00001 DK RST-WB-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Whole Bean - 2 lb","offer_id":51281313235229,"sku":"FC00001-DK-RST-WB-907g","price":55.0,"currency_code":"USD","in_stock":true},{"title":"Whole Bean - 5 lb","offer_id":51281313267997,"sku":"FC00001-DK-RST-WB-2268g","price":130.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0873\/0152\/1693\/files\/Product_Image_flavor_profile_6.png?v=1778877482"},{"product_id":"espresso-blend-momentum","title":"Espresso Blend - Momentum","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eMomentum Espresso Blend — Bonavita\u003c\/title\u003e\n\u003cstyle\u003e\n body { margin: 0; background: #F7F4EF; }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY FROM HERE — self-contained, scoped Bonavita coffee block --\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600\u0026family=Work+Sans:wght@500;600\u0026display=swap');\n\n .bona-coffee {\n \/* palette — paper matches site background *\/\n --paper: #F7F4EF;\n --surface: #FCFAF7;\n --ink: #211913;\n --ink-2: #5C4F45;\n --ink-3: #8E8175;\n --line: #E4DDD2;\n --line-strong: #D7CCBD;\n --accent: #D7282F; \/* Bonavita brand red — placeholder, swap exact hex *\/\n --accent-soft: rgba(215, 40, 47, 0.08);\n\n --font-head: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n\n background: var(--paper);\n color: var(--ink);\n font-family: var(--font-body);\n font-size: 18px;\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n max-width: 1080px;\n margin: 0 auto;\n padding: clamp(40px, 6vw, 96px) clamp(22px, 5vw, 72px);\n }\n\n .bona-coffee *,\n .bona-coffee *::before,\n .bona-coffee *::after { box-sizing: border-box; }\n\n .bona-coffee p { margin: 0; font-size: 17px; }\n\n .bona-coffee h1,\n .bona-coffee h2,\n .bona-coffee h3 {\n font-family: var(--font-head);\n font-weight: 600;\n margin: 0;\n color: var(--ink);\n }\n\n \/* ---------- shared utility ---------- *\/\n .bona-coffee .bc-eyebrow {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin: 0;\n }\n\n .bona-coffee .bc-label {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--ink-3);\n }\n\n \/* ---------- hero ---------- *\/\n .bona-coffee .bc-hero { max-width: 760px; }\n\n .bona-coffee .bc-hero h1 {\n font-size: clamp(44px, 8.4vw, 82px);\n line-height: 0.96;\n letter-spacing: -0.04em;\n margin: 18px 0 0;\n }\n\n .bona-coffee .bc-hero .bc-sub {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(17px, 2vw, 21px);\n color: var(--ink-2);\n letter-spacing: -0.01em;\n margin-top: 16px;\n }\n\n .bona-coffee .bc-lede {\n font-size: clamp(19px, 2.2vw, 23px);\n line-height: 1.5;\n color: var(--ink);\n margin-top: 26px;\n }\n\n .bona-coffee .bc-lede strong { color: var(--ink); font-weight: 600; }\n\n .bona-coffee .bc-notes {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 30px;\n }\n\n .bona-coffee .bc-note {\n font-size: 16px;\n font-weight: 500;\n color: var(--ink);\n padding: 9px 18px;\n border: 1px solid var(--line-strong);\n border-radius: 999px;\n background: var(--surface);\n }\n\n \/* ---------- spec sheet ---------- *\/\n .bona-coffee .bc-spec {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-top: clamp(48px, 7vw, 80px);\n border-top: 1px solid var(--ink);\n border-bottom: 1px solid var(--line);\n }\n\n .bona-coffee .bc-spec-item {\n padding: 24px 32px 26px;\n border-right: 1px solid var(--line);\n }\n\n \/* first column flush-left so values align with the text above *\/\n .bona-coffee .bc-spec-item:first-child { padding-left: 0; }\n .bona-coffee .bc-spec-item:last-child { border-right: 0; }\n\n .bona-coffee .bc-spec-item .bc-val {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: 22px;\n letter-spacing: -0.01em;\n margin-top: 12px;\n color: var(--ink);\n }\n\n \/* ---------- generic section ---------- *\/\n .bona-coffee .bc-section {\n margin-top: clamp(56px, 8vw, 96px);\n }\n\n .bona-coffee .bc-section \u003e h2 {\n font-size: clamp(26px, 3.4vw, 38px);\n letter-spacing: -0.025em;\n line-height: 1.1;\n max-width: 18ch;\n }\n\n .bona-coffee .bc-section-head {\n display: flex;\n flex-direction: column;\n gap: 14px;\n margin-bottom: 36px;\n }\n\n \/* ---------- in the cup (two columns) ---------- *\/\n .bona-coffee .bc-cup {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(28px, 5vw, 64px);\n }\n\n .bona-coffee .bc-cup-col h3 {\n font-size: 21px;\n letter-spacing: -0.01em;\n padding-bottom: 14px;\n border-bottom: 1px solid var(--line);\n margin-bottom: 18px;\n }\n\n .bona-coffee .bc-cup-col p { color: var(--ink-2); }\n\n \/* ---------- the blend (signature) ---------- *\/\n .bona-coffee .bc-blend {\n margin-top: 38px;\n padding: 28px clamp(20px, 4vw, 34px) 30px;\n border: 1px solid var(--line);\n border-radius: 14px;\n background: var(--surface);\n }\n\n .bona-coffee .bc-blend \u003e .bc-label {\n display: block;\n margin-bottom: 22px;\n }\n\n .bona-coffee .bc-blend-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n }\n\n .bona-coffee .bc-origin { padding-right: clamp(20px, 4vw, 40px); }\n\n .bona-coffee .bc-origin + .bc-origin {\n padding-right: 0;\n padding-left: clamp(20px, 4vw, 40px);\n border-left: 1px solid var(--line);\n }\n\n .bona-coffee .bc-origin-name {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: clamp(20px, 2.8vw, 26px);\n letter-spacing: -0.02em;\n color: var(--ink);\n }\n\n .bona-coffee .bc-origin-desc {\n margin-top: 8px;\n font-size: 16px;\n color: var(--ink-2);\n line-height: 1.5;\n }\n\n \/* ---------- sizes \u0026 grind ---------- *\/\n .bona-coffee .bc-options {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 14px;\n }\n\n .bona-coffee .bc-option {\n border: 1px solid var(--line-strong);\n border-radius: 14px;\n padding: 24px 20px 22px;\n background: var(--surface);\n transition: border-color 0.25s ease, transform 0.25s ease;\n }\n\n .bona-coffee .bc-option:hover {\n border-color: var(--accent);\n transform: translateY(-3px);\n }\n\n .bona-coffee .bc-option .bc-opt-name {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: 19px;\n letter-spacing: -0.01em;\n }\n\n .bona-coffee .bc-option .bc-opt-desc {\n font-size: 16px;\n color: var(--ink-2);\n margin-top: 8px;\n line-height: 1.45;\n }\n\n \/* ---------- roasted with purpose ---------- *\/\n .bona-coffee .bc-purpose {\n display: grid;\n grid-template-columns: 0.85fr 1.15fr;\n gap: clamp(24px, 5vw, 56px);\n align-items: start;\n }\n\n .bona-coffee .bc-purpose p { color: var(--ink-2); }\n .bona-coffee .bc-purpose strong { color: var(--ink); font-weight: 600; }\n\n \/* ---------- story ---------- *\/\n .bona-coffee .bc-story {\n margin-top: clamp(56px, 8vw, 96px);\n padding: clamp(34px, 5vw, 56px) clamp(26px, 5vw, 60px);\n border-radius: 18px;\n background: var(--ink);\n color: var(--paper);\n }\n\n .bona-coffee .bc-story .bc-eyebrow { color: #E8A39E; }\n\n .bona-coffee .bc-story blockquote {\n margin: 22px 0 0;\n max-width: 32ch;\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(22px, 3vw, 32px);\n line-height: 1.32;\n letter-spacing: -0.02em;\n color: var(--paper);\n }\n\n .bona-coffee .bc-story .bc-story-sub {\n margin-top: 22px;\n max-width: 58ch;\n font-size: 18px;\n line-height: 1.6;\n color: #CBB9AE;\n }\n\n .bona-coffee .bc-story .bc-story-sub strong { color: var(--paper); font-weight: 600; }\n\n \/* ---------- footnote ---------- *\/\n .bona-coffee .bc-footnote {\n margin-top: 36px;\n font-size: 15px;\n color: var(--ink-3);\n font-style: italic;\n }\n\n \/* ---------- focus + motion ---------- *\/\n .bona-coffee a:focus-visible,\n .bona-coffee .bc-option:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 3px;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bona-coffee .bc-option { transition: none; }\n }\n\n \/* ---------- responsive ---------- *\/\n @media (max-width: 860px) {\n .bona-coffee .bc-spec { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-spec-item:nth-child(2) { border-right: 0; }\n .bona-coffee .bc-spec-item:nth-child(3) { padding-left: 0; }\n .bona-coffee .bc-spec-item:nth-child(1),\n .bona-coffee .bc-spec-item:nth-child(2) { border-bottom: 1px solid var(--line); }\n .bona-coffee .bc-options { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-purpose { grid-template-columns: 1fr; }\n }\n\n @media (max-width: 520px) {\n .bona-coffee .bc-cup { grid-template-columns: 1fr; }\n .bona-coffee .bc-options { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec-item {\n padding: 22px 0 24px;\n border-right: 0;\n border-bottom: 1px solid var(--line);\n }\n .bona-coffee .bc-spec-item:last-child { border-bottom: 0; }\n\n .bona-coffee .bc-blend-grid { grid-template-columns: 1fr; }\n .bona-coffee .bc-origin { padding-right: 0; }\n .bona-coffee .bc-origin + .bc-origin {\n padding-left: 0;\n border-left: 0;\n margin-top: 22px;\n padding-top: 22px;\n border-top: 1px solid var(--line);\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"bona-coffee\" aria-labelledby=\"bc-title\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cheader class=\"bc-hero\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eEspresso Blend · Ethiopia \u0026amp; Brazil\u003c\/p\u003e\n \u003ch1 id=\"bc-title\"\u003eMomentum\u003c\/h1\u003e\n \u003cp class=\"bc-sub\"\u003eEspresso blend · Natural \u0026amp; washed process\u003c\/p\u003e\n \u003cp class=\"bc-lede\"\u003e\n Our everyday espresso blend — crafted for the shot, just as good over a drip.\n \u003cstrong\u003eNatural and washed coffees from Ethiopia and Brazil\u003c\/strong\u003e: balanced,\n reliable, and built to be the cup you reach for every morning.\n \u003c\/p\u003e\n \u003cdiv class=\"bc-notes\" aria-label=\"Tasting notes\"\u003e\n \u003cspan class=\"bc-note\"\u003eChocolate\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eCoconut\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eCaramel-Praline\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- SPEC SHEET --\u003e\n \u003cdiv class=\"bc-spec\" aria-label=\"Coffee specifications\"\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eOrigins\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eEthiopia \u0026amp; Brazil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eProcess\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eNatural \u0026amp; Washed\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eBest For\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eEspresso · Drip · Milk\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eProfile\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eSmooth, Balanced, Sweet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- IN THE CUP --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eIn the cup\u003c\/p\u003e\n \u003ch2\u003eSmooth, balanced, and built for the shot\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-cup\"\u003e\n \u003cdiv class=\"bc-cup-col\"\u003e\n \u003ch3\u003eTasting notes\u003c\/h3\u003e\n \u003cp\u003e\n Chocolate and caramel-praline sweetness lead, with a soft note of coconut —\n comforting and dessert-like, never sharp or bitter.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-cup-col\"\u003e\n \u003ch3\u003eBrewing\u003c\/h3\u003e\n \u003cp\u003e\n Dialed for espresso, with the body and sweetness to carry milk drinks — and\n smooth enough to enjoy as an everyday drip coffee.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ABOUT \/ BLEND --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eAbout this blend\u003c\/p\u003e\n \u003ch2\u003eAn everyday espresso, built to be dependable\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp style=\"max-width: 64ch; color: var(--ink-2); font-size: 18px;\"\u003e\n Momentum brings together natural and washed coffees from Ethiopia and Brazil into a\n blend that's rich, balanced, and reliable. It's built for espresso — a smooth shot with\n enough sweetness and structure to carry milk — while staying approachable and flavorful\n as a daily drip.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bc-blend\"\u003e\n \u003cspan class=\"bc-label\"\u003eThe blend\u003c\/span\u003e\n \u003cdiv class=\"bc-blend-grid\"\u003e\n \u003cdiv class=\"bc-origin\"\u003e\n \u003cp class=\"bc-origin-name\"\u003eEthiopia\u003c\/p\u003e\n \u003cp class=\"bc-origin-desc\"\u003eAromatic lift and a gentle, fruit-led sweetness.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-origin\"\u003e\n \u003cp class=\"bc-origin-name\"\u003eBrazil\u003c\/p\u003e\n \u003cp class=\"bc-origin-desc\"\u003eChocolate, nutty depth, and a smooth, full body.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SIZES \u0026 GRIND --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eSizes \u0026amp; grind\u003c\/p\u003e\n \u003ch2\u003ePick the format for your brew routine\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-options\" aria-label=\"Available sizes and grind options\"\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e300g · Ground\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eReady to brew\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e300g · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eGrind fresh at home\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e2lb · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eFor daily espresso drinkers\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-option\" tabindex=\"0\"\u003e\n \u003cp class=\"bc-opt-name\"\u003e5lb · Whole Bean\u003c\/p\u003e\n \u003cp class=\"bc-opt-desc\"\u003eFor offices, cafés, and serious coffee lovers\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ROASTED WITH PURPOSE --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-purpose\"\u003e\n \u003cdiv class=\"bc-section-head\" style=\"margin-bottom: 0;\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eRoasted with purpose\u003c\/p\u003e\n \u003ch2 style=\"max-width: none;\"\u003eA cleaner footprint\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp\u003e\n Our beans are \u003cstrong\u003eethically sourced\u003c\/strong\u003e and \u003cstrong\u003eorganic when possible\u003c\/strong\u003e,\n roasted on the \u003cstrong\u003eBellwether Roaster\u003c\/strong\u003e — one of the most sustainable roasting\n systems in the world. The result is a beautifully consistent cup with a cleaner footprint.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- STORY --\u003e\n \u003cdiv class=\"bc-story\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eThe story behind Momentum\u003c\/p\u003e\n \u003cblockquote\u003e\n This has always been our espresso blend — the coffee that fuels everything.\n \u003c\/blockquote\u003e\n \u003cp class=\"bc-story-sub\"\u003e\n As Function Coffee Co. grew, it was the community showing up every day that carried it\n forward. \u003cstrong\u003eMomentum\u003c\/strong\u003e reflects that motion: balanced, reliable, and made to\n set the tone for your morning.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- FOOTNOTE --\u003e\n \u003cp class=\"bc-footnote\"\u003e\n This is not a flavored coffee. The tasting notes describe the natural flavors and aromas\n found in the coffee.\n \u003c\/p\u003e\n\n\u003c\/section\u003e\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY TO HERE --\u003e\n\u003c!-- ============================================================= --\u003e\n\n\n\u003c\/body\u003e","brand":"Function Coffee Co","offers":[{"title":"Whole Bean - 300g","offer_id":51285951938845,"sku":"FC00002-ES-RST-WB-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Drip - 300g","offer_id":51285951971613,"sku":"FC00002-ES-RST-DP-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Espresso - 300g","offer_id":51293688725789,"sku":"FC00002-ES-RST-EP-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Coarse - 300g","offer_id":51293688758557,"sku":"FC00002-ES-RST-CS-300g","price":20.0,"currency_code":"USD","in_stock":true},{"title":"Whole Bean - 2 lb","offer_id":51285952069917,"sku":"FC00002-ES-RST-WB-907g","price":55.0,"currency_code":"USD","in_stock":true},{"title":"Whole Bean - 5 lb","offer_id":51285952102685,"sku":"FC00002-ES-RST-WB-2268g","price":130.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0873\/0152\/1693\/files\/Product_Image_flavor_profile_5.png?v=1778877444"},{"product_id":"whole-bean-coffee","title":"Explorer's Whole Bean Coffee","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eExplorer — Bonavita\u003c\/title\u003e\n\u003cstyle\u003e\n body { margin: 0; background: #F7F4EF; }\n\u003c\/style\u003e\n\n\n\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY FROM HERE — self-contained, scoped Bonavita coffee block --\u003e\n\u003c!-- ============================================================= --\u003e\n\u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600\u0026family=Work+Sans:wght@500;600\u0026display=swap');\n\n .bona-coffee {\n \/* palette — paper matches site background *\/\n --paper: #F7F4EF;\n --surface: #FCFAF7;\n --ink: #211913;\n --ink-2: #5C4F45;\n --ink-3: #8E8175;\n --line: #E4DDD2;\n --line-strong: #D7CCBD;\n --accent: #D7282F; \/* Bonavita brand red — placeholder, swap exact hex *\/\n --accent-soft: rgba(215, 40, 47, 0.08);\n\n --font-head: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n\n background: var(--paper);\n color: var(--ink);\n font-family: var(--font-body);\n font-size: 18px;\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n max-width: 1080px;\n margin: 0 auto;\n padding: clamp(40px, 6vw, 96px) clamp(22px, 5vw, 72px);\n }\n\n .bona-coffee *,\n .bona-coffee *::before,\n .bona-coffee *::after { box-sizing: border-box; }\n\n .bona-coffee p { margin: 0; font-size: 17px; }\n\n .bona-coffee h1,\n .bona-coffee h2,\n .bona-coffee h3 {\n font-family: var(--font-head);\n font-weight: 600;\n margin: 0;\n color: var(--ink);\n }\n\n .bona-coffee a {\n color: var(--accent);\n text-decoration: none;\n border-bottom: 1px solid transparent;\n transition: border-color 0.2s ease;\n }\n\n .bona-coffee a:hover { border-bottom-color: currentColor; }\n\n \/* ---------- shared utility ---------- *\/\n .bona-coffee .bc-eyebrow {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin: 0;\n }\n\n .bona-coffee .bc-label {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--ink-3);\n }\n\n \/* ---------- hero ---------- *\/\n .bona-coffee .bc-hero { max-width: 780px; }\n\n .bona-coffee .bc-hero h1 {\n font-size: clamp(44px, 8.4vw, 82px);\n line-height: 0.96;\n letter-spacing: -0.04em;\n margin: 18px 0 0;\n }\n\n .bona-coffee .bc-hero .bc-sub {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(17px, 2vw, 21px);\n color: var(--ink-2);\n letter-spacing: -0.01em;\n margin-top: 16px;\n }\n\n .bona-coffee .bc-lede {\n font-size: clamp(19px, 2.2vw, 23px);\n line-height: 1.5;\n color: var(--ink);\n margin-top: 26px;\n }\n\n .bona-coffee .bc-lede strong { color: var(--ink); font-weight: 600; }\n .bona-coffee .bc-lede a { font-weight: 600; }\n\n .bona-coffee .bc-notes {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 30px;\n }\n\n .bona-coffee .bc-note {\n font-size: 16px;\n font-weight: 500;\n color: var(--ink);\n padding: 9px 18px;\n border: 1px solid var(--line-strong);\n border-radius: 999px;\n background: var(--surface);\n }\n\n \/* ---------- spec sheet ---------- *\/\n .bona-coffee .bc-spec {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-top: clamp(48px, 7vw, 80px);\n border-top: 1px solid var(--ink);\n border-bottom: 1px solid var(--line);\n }\n\n .bona-coffee .bc-spec-item {\n padding: 24px 32px 26px;\n border-right: 1px solid var(--line);\n }\n\n .bona-coffee .bc-spec-item:first-child { padding-left: 0; }\n .bona-coffee .bc-spec-item:last-child { border-right: 0; }\n\n .bona-coffee .bc-spec-item .bc-val {\n font-family: var(--font-head);\n font-weight: 500;\n font-size: 21px;\n letter-spacing: -0.01em;\n margin-top: 12px;\n color: var(--ink);\n }\n\n \/* ---------- generic section ---------- *\/\n .bona-coffee .bc-section {\n margin-top: clamp(56px, 8vw, 96px);\n }\n\n .bona-coffee .bc-section \u003e h2 {\n font-size: clamp(26px, 3.4vw, 38px);\n letter-spacing: -0.025em;\n line-height: 1.1;\n max-width: 20ch;\n }\n\n .bona-coffee .bc-section-head {\n display: flex;\n flex-direction: column;\n gap: 14px;\n margin-bottom: 32px;\n }\n\n .bona-coffee .bc-section-intro {\n max-width: 64ch;\n margin-top: -8px;\n margin-bottom: 32px;\n color: var(--ink-2);\n font-size: 18px;\n }\n\n \/* ---------- the lineup (caffeine levels) ---------- *\/\n .bona-coffee .bc-lineup {\n border-top: 1px solid var(--ink);\n }\n\n .bona-coffee .bc-roast {\n display: grid;\n grid-template-columns: 210px 1fr;\n gap: clamp(16px, 4vw, 48px);\n padding: 28px 0;\n border-bottom: 1px solid var(--line);\n }\n\n .bona-coffee .bc-roast-label {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--ink-3);\n padding-top: 7px;\n }\n\n .bona-coffee .bc-roast-name {\n font-family: var(--font-head);\n font-weight: 600;\n font-size: 24px;\n letter-spacing: -0.02em;\n margin-bottom: 8px;\n }\n\n .bona-coffee .bc-roast-desc {\n color: var(--ink-2);\n font-size: 17px;\n line-height: 1.5;\n max-width: 60ch;\n }\n\n \/* ---------- callout (standards) ---------- *\/\n .bona-coffee .bc-callout {\n margin-top: 8px;\n padding: 28px clamp(22px, 4vw, 36px);\n border-radius: 14px;\n background: var(--surface);\n border: 1px solid var(--line);\n border-left: 3px solid var(--accent);\n }\n\n .bona-coffee .bc-callout p {\n color: var(--ink-2);\n font-size: 18px;\n line-height: 1.6;\n max-width: 72ch;\n }\n\n \/* ---------- CTA (dark close) ---------- *\/\n .bona-coffee .bc-cta {\n margin-top: clamp(56px, 8vw, 96px);\n padding: clamp(36px, 5vw, 56px) clamp(26px, 5vw, 56px);\n border-radius: 18px;\n background: var(--ink);\n color: var(--paper);\n text-align: center;\n }\n\n .bona-coffee .bc-cta .bc-cta-label {\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: #E8A39E;\n }\n\n .bona-coffee .bc-cta p {\n max-width: 40ch;\n margin: 16px auto 0;\n font-family: var(--font-head);\n font-weight: 500;\n font-size: clamp(20px, 2.6vw, 27px);\n line-height: 1.4;\n letter-spacing: -0.015em;\n color: var(--paper);\n }\n\n \/* ---------- focus ---------- *\/\n .bona-coffee a:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 3px;\n }\n\n \/* ---------- responsive ---------- *\/\n @media (max-width: 860px) {\n .bona-coffee .bc-spec { grid-template-columns: 1fr 1fr; }\n .bona-coffee .bc-spec-item:nth-child(2) { border-right: 0; }\n .bona-coffee .bc-spec-item:nth-child(3) { padding-left: 0; }\n .bona-coffee .bc-spec-item:nth-child(1),\n .bona-coffee .bc-spec-item:nth-child(2) { border-bottom: 1px solid var(--line); }\n }\n\n @media (max-width: 640px) {\n .bona-coffee .bc-roast {\n grid-template-columns: 1fr;\n gap: 6px;\n padding: 24px 0;\n }\n .bona-coffee .bc-roast-label { padding-top: 0; }\n }\n\n @media (max-width: 520px) {\n .bona-coffee .bc-spec { grid-template-columns: 1fr; }\n .bona-coffee .bc-spec-item {\n padding: 22px 0 24px;\n border-right: 0;\n border-bottom: 1px solid var(--line);\n }\n .bona-coffee .bc-spec-item:last-child { border-bottom: 0; }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"bona-coffee\" aria-labelledby=\"bc-title\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cheader class=\"bc-hero\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eWhole Bean Coffee · Explorer\u003c\/p\u003e\n \u003ch1 id=\"bc-title\"\u003eExplorer\u003c\/h1\u003e\n \u003cp class=\"bc-sub\"\u003eFreshly roasted whole bean coffee · Three caffeine levels\u003c\/p\u003e\n \u003cp class=\"bc-lede\"\u003e\n Elevate your day with freshly roasted whole bean coffee, crafted by award-winning\n \u003ca href=\"https:\/\/explorercoldbrew.com\/pages\/meet-the-team\"\u003eTastemakers\u003c\/a\u003e. Every Explorer roast\n is made from \u003cstrong\u003eorganic, fair-trade, specialty-grade beans\u003c\/strong\u003e — now in three\n caffeine levels.\n \u003c\/p\u003e\n \u003cdiv class=\"bc-notes\" aria-label=\"Sourcing credentials\"\u003e\n \u003cspan class=\"bc-note\"\u003eOrganic\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eFair Trade\u003c\/span\u003e\n \u003cspan class=\"bc-note\"\u003eSpecialty Grade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003c!-- SPEC SHEET --\u003e\n \u003cdiv class=\"bc-spec\" aria-label=\"Coffee line details\"\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eBeans\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eWhole Bean\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eRoast\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eMedium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eLevels\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eFull · Half · Decaf\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-spec-item\"\u003e\n \u003cp class=\"bc-label\"\u003eOrigins\u003c\/p\u003e\n \u003cp class=\"bc-val\"\u003eEthiopia \u0026amp; Latin America\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- THE LINEUP --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eThree caffeine levels\u003c\/p\u003e\n \u003ch2\u003ePick your caffeine\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cp class=\"bc-section-intro\"\u003e\n Three medium roasts, one Explorer standard — choose the level that fits your day.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bc-lineup\"\u003e\n \u003cdiv class=\"bc-roast\"\u003e\n \u003cp class=\"bc-roast-label\"\u003eFull Caff\u003c\/p\u003e\n \u003cdiv\u003e\n \u003cp class=\"bc-roast-name\"\u003eThe Classic\u003c\/p\u003e\n \u003cp class=\"bc-roast-desc\"\u003eRich, smooth, and balanced — an Ethiopian medium roast.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bc-roast\"\u003e\n \u003cp class=\"bc-roast-label\"\u003eHalf Caff\u003c\/p\u003e\n \u003cdiv\u003e\n \u003cp class=\"bc-roast-name\"\u003eThe Seeker\u003c\/p\u003e\n \u003cp class=\"bc-roast-desc\"\u003eThe perfect middle ground — an Ethiopian–Latin American medium roast blend.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bc-roast\"\u003e\n \u003cp class=\"bc-roast-label\"\u003eDecaf\u003c\/p\u003e\n \u003cdiv\u003e\n \u003cp class=\"bc-roast-name\"\u003eThe Daydreamer\u003c\/p\u003e\n \u003cp class=\"bc-roast-desc\"\u003eFor slow mornings and late nights — a Latin American, water-processed medium roast decaf.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- STANDARDS CALLOUT --\u003e\n \u003cdiv class=\"bc-section\"\u003e\n \u003cdiv class=\"bc-section-head\"\u003e\n \u003cp class=\"bc-eyebrow\"\u003eThe Explorer standard\u003c\/p\u003e\n \u003ch2\u003eOrganic, fair trade, carefully sourced\u003c\/h2\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bc-callout\"\u003e\n \u003cp\u003e\n As always, our beans are organic, fair trade, and carefully sourced — the same Explorer\n standards you've come to trust, in every roast and every caffeine level.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- CTA --\u003e\n \u003cdiv class=\"bc-cta\"\u003e\n \u003cp class=\"bc-cta-label\"\u003e100% Happiness Guarantee\u003c\/p\u003e\n \u003cp\u003eNot satisfied? We'll refund you — no questions asked.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- ============================================================= --\u003e\n\u003c!-- COPY TO HERE --\u003e\n\u003c!-- ============================================================= --\u003e\n\n\n\u003c\/body\u003e","brand":"Explorer Cold Brew","offers":[{"title":"The Classic: Standard Caffeine","offer_id":51861881487645,"sku":"Classicbeans12oz","price":25.0,"currency_code":"USD","in_stock":true},{"title":"The Seeker: Half Caffeine","offer_id":51861881520413,"sku":"Seekerbeans12oz","price":25.0,"currency_code":"USD","in_stock":true},{"title":"The Daydreamer: 99.9% Caffeine Free","offer_id":51861881553181,"sku":"Daydreamerbeans12oz","price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0873\/0152\/1693\/files\/Product_Image_flavor_profile2.png?v=1781647773"}],"url":"https:\/\/bonavitabrand.co\/collections\/coffee-1.oembed?page=2","provider":"Bonavita","version":"1.0","type":"link"}