Medium Roast - Brainstorm
Nazareno — Bonavita body { margin: 0; background: #F7F4EF; } @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Work+Sans:wght@500;600&display=swap '); .bona-coffee { /* palette — paper matches site background */ --paper: #F7F4EF; --surface: #FCFAF7; --ink: #211913; --ink-2: #5C4F45; --ink-3: #8E8175; --line: #E4DDD2; --line-strong: #D7CCBD; --accent: #D7282F; /* Bonavita brand red — placeholder, swap exact hex */ --accent-soft: rgba(215, 40, 47, 0.08); --font-head: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif; --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: var(--paper); color: var(--ink); font-family: var(--font-body); font-size: 18px; line-height: 1.7; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; max-width: 1080px; margin: 0 auto; padding: clamp(40px, 6vw, 96px) clamp(22px, 5vw, 72px); } .bona-coffee *, .bona-coffee *::before, .bona-coffee *::after { box-sizing: border-box; } .bona-coffee p { margin: 0; font-size: 17px; } .bona-coffee h1, .bona-coffee h2, .bona-coffee h3 { font-family: var(--font-head); font-weight: 600; margin: 0; color: var(--ink); } /* ---------- shared utility ---------- */ .bona-coffee .bc-eyebrow { font-family: var(--font-body); font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin: 0; } .bona-coffee .bc-label { font-family: var(--font-body); font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); } /* ---------- hero ---------- */ .bona-coffee .bc-hero { max-width: 760px; } .bona-coffee .bc-hero h1 { font-size: clamp(44px, 8.4vw, 82px); line-height: 0.96; letter-spacing: -0.04em; margin: 18px 0 0; } .bona-coffee .bc-hero .bc-sub { font-family: var(--font-head); font-weight: 500; font-size: clamp(17px, 2vw, 21px); color: var(--ink-2); letter-spacing: -0.01em; margin-top: 16px; } .bona-coffee .bc-lede { font-size: clamp(19px, 2.2vw, 23px); line-height: 1.5; color: var(--ink); margin-top: 26px; } .bona-coffee .bc-lede strong { color: var(--ink); font-weight: 600; } .bona-coffee .bc-notes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; } .bona-coffee .bc-note { font-size: 16px; font-weight: 500; color: var(--ink); padding: 9px 18px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface); } /* ---------- spec sheet ---------- */ .bona-coffee .bc-spec { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: clamp(48px, 7vw, 80px); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); } .bona-coffee .bc-spec-item { padding: 24px 32px 26px; border-right: 1px solid var(--line); } /* first column flush-left so values align with the text above */ .bona-coffee .bc-spec-item:first-child { padding-left: 0; } .bona-coffee .bc-spec-item:last-child { border-right: 0; } .bona-coffee .bc-spec-item .bc-val { font-family: var(--font-head); font-weight: 500; font-size: 22px; letter-spacing: -0.01em; margin-top: 12px; color: var(--ink); } /* ---------- generic section ---------- */ .bona-coffee .bc-section { margin-top: clamp(56px, 8vw, 96px); } .bona-coffee .bc-section > h2 { font-size: clamp(26px, 3.4vw, 38px); letter-spacing: -0.025em; line-height: 1.1; max-width: 18ch; } .bona-coffee .bc-section-head { display: flex; flex-direction: column; gap: 14px; margin-bottom: 36px; } /* ---------- in the cup (two columns) ---------- */ .bona-coffee .bc-cup { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 64px); } .bona-coffee .bc-cup-col h3 { font-size: 21px; letter-spacing: -0.01em; padding-bottom: 14px; border-bottom: 1px solid var(--line); margin-bottom: 18px; } .bona-coffee .bc-cup-col p { color: var(--ink-2); } /* ---------- altitude signature ---------- */ .bona-coffee .bc-altitude { margin-top: 38px; padding: 28px clamp(20px, 4vw, 34px) 30px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); } .bona-coffee .bc-altitude-top { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 20px; } .bona-coffee .bc-altitude-top .bc-range { font-family: var(--font-head); font-weight: 600; font-size: clamp(20px, 2.8vw, 26px); letter-spacing: -0.02em; } .bona-coffee .bc-altitude-top .bc-range em { font-style: normal; color: var(--accent); } .bona-coffee .bc-track { position: relative; height: 6px; border-radius: 999px; background: var(--line); overflow: hidden; } .bona-coffee .bc-track-band { position: absolute; top: 0; bottom: 0; /* 1000m → 0%, 2000m → 100%; band 1400–1700 */ left: 40%; width: 30%; background: var(--accent); border-radius: 999px; transform-origin: left center; animation: bc-grow 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards; } @keyframes bc-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } } .bona-coffee .bc-track-ticks { display: flex; justify-content: space-between; margin-top: 12px; font-size: 14px; color: var(--ink-3); font-variant-numeric: tabular-nums; } /* ---------- sizes & grind ---------- */ .bona-coffee .bc-options { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .bona-coffee .bc-option { border: 1px solid var(--line-strong); border-radius: 14px; padding: 24px 20px 22px; background: var(--surface); transition: border-color 0.25s ease, transform 0.25s ease; } .bona-coffee .bc-option:hover { border-color: var(--accent); transform: translateY(-3px); } .bona-coffee .bc-option .bc-opt-name { font-family: var(--font-head); font-weight: 600; font-size: 19px; letter-spacing: -0.01em; } .bona-coffee .bc-option .bc-opt-desc { font-size: 16px; color: var(--ink-2); margin-top: 8px; line-height: 1.45; } /* ---------- roasted with purpose ---------- */ .bona-coffee .bc-purpose { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(24px, 5vw, 56px); align-items: start; } .bona-coffee .bc-purpose p { color: var(--ink-2); } .bona-coffee .bc-purpose strong { color: var(--ink); font-weight: 600; } /* ---------- footnote ---------- */ .bona-coffee .bc-footnote { margin-top: clamp(48px, 7vw, 72px); padding-top: 28px; border-top: 1px solid var(--line); font-size: 15px; color: var(--ink-3); font-style: italic; } /* ---------- focus + motion ---------- */ .bona-coffee a:focus-visible, .bona-coffee .bc-option:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .bona-coffee .bc-track-band { animation: none; } .bona-coffee .bc-option { transition: none; } } /* ---------- responsive ---------- */ @media (max-width: 860px) { .bona-coffee .bc-spec { grid-template-columns: 1fr 1fr; } .bona-coffee .bc-spec-item:nth-child(2) { border-right: 0; } .bona-coffee .bc-spec-item:nth-child(3) { padding-left: 0; } .bona-coffee .bc-spec-item:nth-child(1), .bona-coffee .bc-spec-item:nth-child(2) { border-bottom: 1px solid var(--line); } .bona-coffee .bc-options { grid-template-columns: 1fr 1fr; } .bona-coffee .bc-purpose { grid-template-columns: 1fr; } } @media (max-width: 520px) { .bona-coffee .bc-cup { grid-template-columns: 1fr; } .bona-coffee .bc-options { grid-template-columns: 1fr; } .bona-coffee .bc-spec { grid-template-columns: 1fr; } .bona-coffee .bc-spec-item { padding: 22px 0 24px; border-right: 0; border-bottom: 1px solid var(--line); } .bona-coffee .bc-spec-item:last-child { border-bottom: 0; } } Single Origin · El Salvador Nazareno Single origin coffee beans · Natural process A natural-process single origin grown by Carlos Quintanilla at Nazareno Farm. Smooth, sweet, and beautifully structured — semi-sweet chocolate, cane sugar, and fig jam, with bright, balanced acidity and a clean finish. Semi-Sweet Chocolate Cane Sugar Fig Jam Origin El Salvador Producer Carlos Quintanilla Farm Nazareno Farm Process Natural In the cup Smooth, sweet, and brightly balanced Tasting notes Chocolatey sweetness meets soft fruit — cane-sugar sweetness and fig-jam depth over a rich, balanced body that closes smooth and clean. Roast profile Sweet, layered, and approachable, roasted to keep a bright structure and chocolate-forward depth. About this coffee Grown high, processed naturally Nazareno Farm works in small-lot microlots of carefully processed Bourbon. At these elevations the beans develop density, structure, and bright acidity, while the natural process draws out sweetness and complexity — for a cup that's rich, fruit-toned, and beautifully balanced. Growing elevation 1,400 – 1,700 m 1,000 m 1,500 m 2,000 m Sizes & grind Pick the format for your brew routine 300g · Ground Ready to brew 300g · Whole Bean Grind fresh at home 2lb · Whole Bean For daily coffee drinkers 5lb · Whole Bean For offices, cafés, and serious coffee lovers Roasted with purpose A cleaner footprint Our beans are ethically sourced and organic when possible, roasted on the Bellwether Roaster — one of the most sustainable roasting systems in the world. The result is a carefully roasted coffee with a cleaner footprint and a beautifully consistent cup. This is not a flavored coffee. The tasting notes describe the natural flavors and aromas found in the coffee.
More you might like
Related
Medium Roast - Brainstorm
Medium Roast - Brainstorm
Related
Medium Roast - Brainstorm
Related