Daniel Lee
937 lines
56 KiB
HTML
937 lines
56 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="Why Antigua, Guatemala produces some of the densest, most complex Arabica beans in the world. Volcanic soil, microclimate, and altitude — explained.">
|
||
<title>The Origin — Volcán Antigua Roasters</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400&family=Manrope:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root {
|
||
--bg: #000000;
|
||
--bg-2: #141414;
|
||
--bg-3: #1c1c1c;
|
||
--gold: #c8a96a;
|
||
--gold-soft: #a88a4d;
|
||
--gold-bright: #d9bd82;
|
||
--cream: #f5f1e8;
|
||
--cream-dim: #d9d5cc;
|
||
--line: rgba(200,169,106,0.18);
|
||
--display: 'Playfair Display', Georgia, serif;
|
||
--sans: 'Manrope', system-ui, sans-serif;
|
||
}
|
||
* { margin:0; padding:0; box-sizing:border-box; }
|
||
html { scroll-behavior: smooth; }
|
||
body {
|
||
background: var(--bg);
|
||
color: var(--cream);
|
||
font-family: var(--sans);
|
||
font-weight: 300;
|
||
line-height: 1.6;
|
||
letter-spacing: 0.01em;
|
||
overflow-x: hidden;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
body::before {
|
||
content: '';
|
||
position: fixed; inset: 0;
|
||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
|
||
opacity: 0.04;
|
||
pointer-events: none;
|
||
z-index: 9999;
|
||
mix-blend-mode: overlay;
|
||
}
|
||
img, svg { max-width: 100%; display: block; }
|
||
a { color: inherit; text-decoration: none; transition: color 0.3s; }
|
||
a:hover { color: var(--gold); }
|
||
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
|
||
|
||
.eyebrow {
|
||
font-family: var(--sans);
|
||
font-size: 0.72rem;
|
||
font-weight: 500;
|
||
letter-spacing: 0.4em;
|
||
text-transform: uppercase;
|
||
color: var(--gold);
|
||
}
|
||
.micro {
|
||
font-family: var(--sans);
|
||
font-size: 0.68rem;
|
||
font-weight: 400;
|
||
letter-spacing: 0.32em;
|
||
text-transform: uppercase;
|
||
color: var(--cream-dim);
|
||
}
|
||
.container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }
|
||
@media (max-width: 600px) { .container { padding: 0 22px; } }
|
||
|
||
/* === NAV === */
|
||
.nav {
|
||
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
|
||
padding: 18px 32px;
|
||
display: flex; align-items: center; justify-content: space-between;
|
||
background: linear-gradient(to bottom, rgba(13,13,13,0.95), rgba(13,13,13,0));
|
||
transition: background 0.4s;
|
||
}
|
||
.nav.scrolled {
|
||
background: rgba(13,13,13,0.97);
|
||
backdrop-filter: blur(12px);
|
||
}
|
||
.nav-icon {
|
||
width: 30px;
|
||
height: 26px;
|
||
object-fit: contain;
|
||
}
|
||
.nav-links { display: flex; gap: 28px; align-items: center; }
|
||
.nav-links a {
|
||
font-size: 0.72rem;
|
||
font-weight: 500;
|
||
letter-spacing: 0.2em;
|
||
text-transform: uppercase;
|
||
color: var(--cream-dim);
|
||
transition: color 0.3s;
|
||
}
|
||
.nav-links a.active { color: var(--gold); }
|
||
.nav-links a:hover { color: var(--gold); }
|
||
@media (max-width: 768px) { .nav-links { display: none; } }
|
||
|
||
/* === BUTTONS === */
|
||
.btn {
|
||
display: inline-flex; align-items: center; gap: 12px;
|
||
padding: 17px 30px;
|
||
font-family: var(--sans);
|
||
font-size: 0.78rem;
|
||
font-weight: 500;
|
||
letter-spacing: 0.28em;
|
||
text-transform: uppercase;
|
||
border: 1px solid var(--gold);
|
||
background: var(--gold);
|
||
color: var(--bg);
|
||
transition: all 0.4s cubic-bezier(0.2,0.8,0.2,1);
|
||
cursor: pointer;
|
||
}
|
||
.btn:hover {
|
||
background: var(--gold-bright);
|
||
border-color: var(--gold-bright);
|
||
color: var(--bg);
|
||
transform: translateY(-2px);
|
||
}
|
||
.btn-ghost {
|
||
background: transparent;
|
||
color: var(--cream);
|
||
}
|
||
.btn-ghost:hover {
|
||
background: var(--gold);
|
||
color: var(--bg);
|
||
}
|
||
|
||
/* === HERO === */
|
||
.origin-hero {
|
||
position: relative;
|
||
min-height: 88vh;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: flex-end;
|
||
overflow: hidden;
|
||
padding: 0 0 80px;
|
||
}
|
||
.origin-hero-img {
|
||
position: absolute; inset: 0;
|
||
background-image: url('assets/farm/hero-beneficio.webp');
|
||
background-size: cover;
|
||
background-position: center;
|
||
z-index: 0;
|
||
}
|
||
.origin-hero::after {
|
||
content: '';
|
||
position: absolute; inset: 0;
|
||
background:
|
||
linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0.95) 100%),
|
||
radial-gradient(ellipse 80% 60% at 50% 100%, rgba(0,0,0,0.6), transparent);
|
||
z-index: 1;
|
||
pointer-events: none;
|
||
}
|
||
.origin-hero .container { position: relative; z-index: 2; }
|
||
.origin-hero .eyebrow {
|
||
display: inline-block;
|
||
margin-bottom: 22px;
|
||
animation: fadeInUp 1.2s 0.1s both ease-out;
|
||
}
|
||
.origin-hero h1 {
|
||
font-family: var(--display);
|
||
font-weight: 400;
|
||
font-size: clamp(2.4rem, 6vw, 4.8rem);
|
||
line-height: 1.05;
|
||
letter-spacing: -0.015em;
|
||
color: var(--cream);
|
||
max-width: 880px;
|
||
margin-bottom: 28px;
|
||
animation: fadeInUp 1.2s 0.3s both ease-out;
|
||
}
|
||
.origin-hero h1 em {
|
||
font-style: italic;
|
||
font-weight: 400;
|
||
color: var(--gold);
|
||
}
|
||
.origin-hero-sub {
|
||
font-size: 1.05rem;
|
||
color: var(--cream-dim);
|
||
max-width: 580px;
|
||
line-height: 1.7;
|
||
animation: fadeInUp 1.2s 0.5s both ease-out;
|
||
}
|
||
.origin-hero-credit {
|
||
position: absolute;
|
||
bottom: 18px; right: 28px;
|
||
font-size: 0.62rem;
|
||
letter-spacing: 0.2em;
|
||
text-transform: uppercase;
|
||
color: rgba(245,241,232,0.35);
|
||
z-index: 2;
|
||
}
|
||
|
||
@keyframes fadeInUp {
|
||
from { opacity: 0; transform: translateY(20px); }
|
||
to { opacity: 1; transform: translateY(0); }
|
||
}
|
||
|
||
/* === STAT BAND === */
|
||
.stat-band {
|
||
padding: 60px 0;
|
||
border-bottom: 1px solid var(--line);
|
||
background: var(--bg-2);
|
||
}
|
||
.stat-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: 32px;
|
||
max-width: 1080px;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
}
|
||
@media (max-width: 800px) { .stat-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 20px; } }
|
||
.stat-item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
}
|
||
.stat-key {
|
||
font-size: 0.62rem;
|
||
letter-spacing: 0.32em;
|
||
text-transform: uppercase;
|
||
color: var(--cream-dim);
|
||
opacity: 0.6;
|
||
}
|
||
.stat-val {
|
||
font-family: var(--display);
|
||
font-weight: 400;
|
||
font-size: 1.8rem;
|
||
color: var(--gold);
|
||
line-height: 1.1;
|
||
}
|
||
.stat-sub {
|
||
font-size: 0.78rem;
|
||
color: var(--cream-dim);
|
||
line-height: 1.4;
|
||
}
|
||
|
||
/* === SECTION === */
|
||
.science {
|
||
padding: 120px 0 80px;
|
||
}
|
||
.science:last-of-type { padding-bottom: 130px; }
|
||
.science-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1.4fr;
|
||
gap: 80px;
|
||
align-items: start;
|
||
max-width: 1100px;
|
||
margin: 0 auto;
|
||
}
|
||
.science-grid.reverse { grid-template-columns: 1.4fr 1fr; }
|
||
@media (max-width: 900px) {
|
||
.science-grid, .science-grid.reverse { grid-template-columns: 1fr; gap: 36px; }
|
||
.science { padding: 80px 0 60px; }
|
||
}
|
||
.science-eyebrow {
|
||
font-family: var(--display);
|
||
font-style: italic;
|
||
font-weight: 400;
|
||
font-size: 0.95rem;
|
||
color: var(--gold);
|
||
margin-bottom: 8px;
|
||
}
|
||
.science h2 {
|
||
font-family: var(--display);
|
||
font-weight: 400;
|
||
font-size: clamp(1.8rem, 3.8vw, 2.8rem);
|
||
line-height: 1.12;
|
||
letter-spacing: -0.01em;
|
||
color: var(--cream);
|
||
margin-bottom: 0;
|
||
}
|
||
.science h2 em {
|
||
font-style: italic;
|
||
color: var(--gold);
|
||
}
|
||
.science-body p {
|
||
font-size: 1.02rem;
|
||
line-height: 1.85;
|
||
color: var(--cream-dim);
|
||
margin-bottom: 22px;
|
||
}
|
||
.science-body p:last-child { margin-bottom: 0; }
|
||
.science-body strong {
|
||
color: var(--cream);
|
||
font-weight: 500;
|
||
}
|
||
.science-photo {
|
||
position: relative;
|
||
aspect-ratio: 4/5;
|
||
background: var(--bg-2);
|
||
background-size: cover;
|
||
background-position: center;
|
||
overflow: hidden;
|
||
}
|
||
.science-photo-credit {
|
||
position: absolute;
|
||
bottom: 14px; left: 16px;
|
||
font-size: 0.6rem;
|
||
letter-spacing: 0.18em;
|
||
text-transform: uppercase;
|
||
color: rgba(245,241,232,0.45);
|
||
background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
|
||
padding: 24px 8px 0 0;
|
||
z-index: 2;
|
||
}
|
||
|
||
/* SHB scale */
|
||
.shb-scale {
|
||
margin-top: 32px;
|
||
padding: 28px 24px;
|
||
background: var(--bg-2);
|
||
border: 1px solid var(--line);
|
||
}
|
||
.shb-scale-title {
|
||
font-size: 0.68rem;
|
||
letter-spacing: 0.32em;
|
||
text-transform: uppercase;
|
||
color: var(--gold);
|
||
margin-bottom: 18px;
|
||
}
|
||
.shb-row {
|
||
display: grid;
|
||
grid-template-columns: 130px 1fr 90px;
|
||
gap: 16px;
|
||
padding: 10px 0;
|
||
border-bottom: 1px solid rgba(200,169,106,0.08);
|
||
font-size: 0.92rem;
|
||
}
|
||
.shb-row:last-child { border-bottom: none; }
|
||
.shb-row.active {
|
||
color: var(--gold);
|
||
}
|
||
.shb-row.active .shb-grade {
|
||
font-weight: 600;
|
||
}
|
||
.shb-grade {
|
||
font-family: var(--display);
|
||
font-style: italic;
|
||
color: var(--cream);
|
||
}
|
||
.shb-row.active .shb-grade { color: var(--gold); }
|
||
.shb-desc {
|
||
color: var(--cream-dim);
|
||
font-size: 0.88rem;
|
||
}
|
||
.shb-row.active .shb-desc { color: var(--cream); }
|
||
.shb-elev {
|
||
text-align: right;
|
||
font-size: 0.85rem;
|
||
color: var(--cream-dim);
|
||
}
|
||
.shb-row.active .shb-elev { color: var(--gold); }
|
||
@media (max-width: 600px) {
|
||
.shb-row { grid-template-columns: 90px 1fr 70px; font-size: 0.82rem; gap: 10px; }
|
||
}
|
||
|
||
/* La Azotea card */
|
||
.farm-card {
|
||
margin-top: 24px;
|
||
padding: 32px;
|
||
background: var(--bg-2);
|
||
border: 1px solid var(--line);
|
||
}
|
||
.farm-meta {
|
||
display: grid;
|
||
grid-template-columns: repeat(3, 1fr);
|
||
gap: 20px;
|
||
margin-top: 20px;
|
||
padding-top: 20px;
|
||
border-top: 1px solid var(--line);
|
||
}
|
||
@media (max-width: 600px) {
|
||
.farm-meta { grid-template-columns: repeat(2, 1fr); }
|
||
}
|
||
.farm-meta-item { display: flex; flex-direction: column; gap: 4px; }
|
||
.farm-meta-key {
|
||
font-size: 0.62rem;
|
||
letter-spacing: 0.28em;
|
||
text-transform: uppercase;
|
||
color: var(--cream-dim);
|
||
opacity: 0.6;
|
||
}
|
||
.farm-meta-val {
|
||
font-family: var(--display);
|
||
font-style: italic;
|
||
font-size: 0.95rem;
|
||
color: var(--gold);
|
||
}
|
||
|
||
/* === HONEST NOTE === */
|
||
.honest {
|
||
padding: 80px 0;
|
||
background: var(--bg-2);
|
||
border-top: 1px solid var(--line);
|
||
border-bottom: 1px solid var(--line);
|
||
}
|
||
.honest-inner {
|
||
max-width: 760px;
|
||
margin: 0 auto;
|
||
}
|
||
.honest h3 {
|
||
font-family: var(--display);
|
||
font-weight: 400;
|
||
font-size: clamp(1.4rem, 2.6vw, 1.8rem);
|
||
line-height: 1.2;
|
||
color: var(--cream);
|
||
margin: 14px 0 20px;
|
||
}
|
||
.honest h3 em { font-style: italic; color: var(--gold); }
|
||
.honest p {
|
||
font-size: 0.98rem;
|
||
line-height: 1.85;
|
||
color: var(--cream-dim);
|
||
}
|
||
|
||
/* === CTA === */
|
||
.cta {
|
||
padding: 130px 0 140px;
|
||
text-align: center;
|
||
}
|
||
.cta h2 {
|
||
font-family: var(--display);
|
||
font-weight: 400;
|
||
font-size: clamp(2rem, 4.5vw, 3.4rem);
|
||
line-height: 1.1;
|
||
letter-spacing: -0.015em;
|
||
color: var(--cream);
|
||
margin: 18px 0 22px;
|
||
}
|
||
.cta h2 em { font-style: italic; color: var(--gold); }
|
||
.cta p {
|
||
font-size: 1.02rem;
|
||
color: var(--cream-dim);
|
||
max-width: 540px;
|
||
margin: 0 auto 40px;
|
||
line-height: 1.75;
|
||
}
|
||
.cta-row {
|
||
display: flex; gap: 16px; flex-wrap: wrap;
|
||
justify-content: center;
|
||
}
|
||
|
||
/* === FOOTER === */
|
||
footer {
|
||
background: var(--bg-2);
|
||
padding: 80px 0 40px;
|
||
border-top: 1px solid var(--line);
|
||
}
|
||
.footer-grid {
|
||
display: grid;
|
||
grid-template-columns: 2fr 1fr 1fr 1fr;
|
||
gap: 60px;
|
||
margin-bottom: 60px;
|
||
}
|
||
@media (max-width: 900px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
|
||
@media (max-width: 500px) { .footer-grid { grid-template-columns: 1fr; gap: 40px; } }
|
||
.footer-brand h3 {
|
||
font-family: var(--display);
|
||
font-weight: 400;
|
||
font-size: 1.4rem;
|
||
margin-bottom: 14px;
|
||
color: var(--cream);
|
||
}
|
||
.footer-brand p {
|
||
font-size: 0.86rem;
|
||
line-height: 1.7;
|
||
color: var(--cream-dim);
|
||
max-width: 360px;
|
||
}
|
||
.footer-col h5 {
|
||
font-family: var(--sans);
|
||
font-size: 0.7rem;
|
||
font-weight: 500;
|
||
letter-spacing: 0.28em;
|
||
text-transform: uppercase;
|
||
color: var(--gold);
|
||
margin-bottom: 18px;
|
||
}
|
||
.footer-col ul { list-style: none; }
|
||
.footer-col li { margin-bottom: 10px; }
|
||
.footer-col a {
|
||
font-size: 0.88rem;
|
||
color: var(--cream-dim);
|
||
}
|
||
.footer-bot {
|
||
padding-top: 32px;
|
||
border-top: 1px solid var(--line);
|
||
display: flex;
|
||
justify-content: space-between;
|
||
flex-wrap: wrap;
|
||
gap: 12px;
|
||
}
|
||
.footer-bot p {
|
||
font-size: 0.78rem;
|
||
color: var(--cream-dim);
|
||
opacity: 0.6;
|
||
}
|
||
|
||
/* === REVEAL === */
|
||
.reveal {
|
||
opacity: 0;
|
||
transform: translateY(28px);
|
||
transition: opacity 0.9s ease, transform 0.9s ease;
|
||
}
|
||
.reveal.in { opacity: 1; transform: translateY(0); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- NAV -->
|
||
<nav class="nav" id="nav">
|
||
<a href="index.html"><img src="assets/logo-nav.webp" alt="Volcán Antigua" class="nav-icon"></a>
|
||
<div class="nav-links">
|
||
<a href="origin.html" class="active">Origin</a>
|
||
<a href="index.html#products">Coffee</a>
|
||
<a href="index.html#subscribe">Subscribe</a>
|
||
<a href="process.html">Process</a>
|
||
<button class="lang-toggle" type="button" aria-label="Switch language"><span data-lang-en class="lang-active">EN</span><span class="lang-sep">|</span><span data-lang-ko>KO</span></button></div>
|
||
</nav>
|
||
|
||
<!-- HERO -->
|
||
<section class="origin-hero">
|
||
<div class="origin-hero-img"></div>
|
||
<div class="container">
|
||
<span class="eyebrow">The Origin</span>
|
||
<h1>Why <em>Antigua.</em></h1>
|
||
<p class="origin-hero-sub">Three active volcanoes, mineral-dense soil, a microclimate that slows ripening, and a single 150-year-old farm that does it the old way. The reasons coffee from this valley tastes the way it does — explained.</p>
|
||
</div>
|
||
<span class="origin-hero-credit">Beneficio Moderno · Finca La Azotea · Antigua, Guatemala</span>
|
||
</section>
|
||
|
||
<!-- STAT BAND -->
|
||
<section class="stat-band">
|
||
<div class="container">
|
||
<div class="stat-grid">
|
||
<div class="stat-item reveal">
|
||
<span class="stat-key">Region</span>
|
||
<span class="stat-val">Antigua</span>
|
||
<span class="stat-sub">Sacatepéquez, Guatemala</span>
|
||
</div>
|
||
<div class="stat-item reveal">
|
||
<span class="stat-key">Elevation</span>
|
||
<span class="stat-val">1,500m</span>
|
||
<span class="stat-sub">~5,000ft above sea level</span>
|
||
</div>
|
||
<div class="stat-item reveal">
|
||
<span class="stat-key">Soil</span>
|
||
<span class="stat-val">Volcanic</span>
|
||
<span class="stat-sub">Andisol, ash-derived</span>
|
||
</div>
|
||
<div class="stat-item reveal">
|
||
<span class="stat-key">Grade</span>
|
||
<span class="stat-val">SHB</span>
|
||
<span class="stat-sub">Strictly Hard Bean</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 1: VOLCANIC SOIL -->
|
||
<section class="science">
|
||
<div class="container">
|
||
<div class="science-grid reveal">
|
||
<div class="science-body">
|
||
<p class="science-eyebrow">01 — Volcanic soil</p>
|
||
<h2>Three active volcanoes, <em>still depositing.</em></h2>
|
||
<div style="margin-top:24px;">
|
||
<p>The Antigua valley sits between three stratovolcanoes: Volcán de Agua to the south, Volcán de Fuego to the southwest, and Acatenango directly north of Fuego. Fuego is one of Central America's most active volcanoes — it erupts in some form every few weeks. Each eruption deposits a fresh layer of fine volcanic ash across the surrounding farmland.</p>
|
||
<p>Over millennia, this has produced what soil scientists call <strong>andisols</strong> — soils derived from volcanic ash, characterized by extremely high water retention, excellent drainage, and a porous structure that lets coffee roots breathe. They're also unusually rich in phosphorus, potassium, and trace minerals that the plant uses to build complex sugars and acids in the cherry.</p>
|
||
<p>Coffee can be grown in plenty of soils. It thrives in this one. Any farmer in Antigua will tell you the same thing: the soil is doing half the work.</p>
|
||
</div>
|
||
</div>
|
||
<div class="science-photo reveal" style="background-image: url('assets/farm/origin-plants.webp');">
|
||
<span class="science-photo-credit">Coffee plants · Finca La Azotea</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 2: MICROCLIMATE -->
|
||
<section class="science" style="background: var(--bg-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);">
|
||
<div class="container">
|
||
<div class="science-grid reveal">
|
||
<div class="science-body">
|
||
<p class="science-eyebrow">02 — Microclimate</p>
|
||
<h2>Cool nights, dry winters, <em>slow ripening.</em></h2>
|
||
<div style="margin-top:24px;">
|
||
<p>Altitude alone isn't enough — plenty of high-elevation regions produce mediocre coffee. What sets Antigua apart is the specific combination of conditions inside this valley.</p>
|
||
<p>The growing season runs roughly May through October — wet, mild, with afternoon clouds that filter sunlight. Then the dry season arrives. Daytime highs hover around 24°C (75°F). Nighttime lows drop to 12°C (54°F). That <strong>12-degree daily swing</strong> is the key. It forces the cherries to ripen slowly, sometimes taking nine to ten months from flower to harvest — versus six or seven in lower-elevation regions.</p>
|
||
<p>Slow ripening means the bean has more time to develop sugars, organic acids, and the volatile compounds that produce aroma. A faster-growing bean is bigger and softer; a slower-growing one is denser, smaller, and far more complex in the cup.</p>
|
||
</div>
|
||
</div>
|
||
<div class="science-photo reveal" style="background-image: url('assets/farm/source-cherries.webp');">
|
||
<span class="science-photo-credit">Cherries on the branch · Finca La Azotea</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 3: SHB GRADE -->
|
||
<section class="science">
|
||
<div class="container">
|
||
<div class="science-grid reveal">
|
||
<div class="science-body" style="grid-column: 1 / -1; max-width: 880px; margin: 0 auto;">
|
||
<p class="science-eyebrow">03 — The grade</p>
|
||
<h2>SHB. <em>Strictly Hard Bean.</em></h2>
|
||
<div style="margin-top:24px;">
|
||
<p>Guatemala grades its coffee by altitude — and altitude here is a proxy for density. The higher and slower a bean grows, the harder its cell structure becomes. Hard beans roast more evenly, hold their flavor longer, and produce a cleaner cup.</p>
|
||
<p>The grading system has eight tiers. Most exported Guatemalan coffee falls into the middle. Only beans grown above 4,500 feet (~1,370m) earn the top grade: <strong>SHB — Strictly Hard Bean.</strong> Antigua, at 1,500m, is well inside SHB territory.</p>
|
||
</div>
|
||
<div class="shb-scale">
|
||
<div class="shb-scale-title">Guatemalan altitude grading</div>
|
||
<div class="shb-row active">
|
||
<span class="shb-grade">SHB</span>
|
||
<span class="shb-desc">Strictly Hard Bean — densest, most complex</span>
|
||
<span class="shb-elev">>4,500ft</span>
|
||
</div>
|
||
<div class="shb-row">
|
||
<span class="shb-grade">HB</span>
|
||
<span class="shb-desc">Hard Bean</span>
|
||
<span class="shb-elev">4,000–4,500ft</span>
|
||
</div>
|
||
<div class="shb-row">
|
||
<span class="shb-grade">SH</span>
|
||
<span class="shb-desc">Semi-Hard Bean</span>
|
||
<span class="shb-elev">3,500–4,000ft</span>
|
||
</div>
|
||
<div class="shb-row">
|
||
<span class="shb-grade">EPW</span>
|
||
<span class="shb-desc">Extra Prime Washed</span>
|
||
<span class="shb-elev">3,000–3,500ft</span>
|
||
</div>
|
||
<div class="shb-row">
|
||
<span class="shb-grade">PW</span>
|
||
<span class="shb-desc">Prime Washed and below</span>
|
||
<span class="shb-elev"><3,000ft</span>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:22px;">Our beans are 100% Arabica SHB — the same grade you'll find on La Azotea's own packaging, certified Rainforest Alliance, and grown nowhere lower than 1,500 meters.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SECTION 4: FINCA LA AZOTEA -->
|
||
<section class="science" style="background: var(--bg-2); border-top: 1px solid var(--line);">
|
||
<div class="container">
|
||
<div class="science-grid reverse reveal">
|
||
<div class="science-photo reveal" style="background-image: url('assets/farm/hero-beneficio.webp'); aspect-ratio: 5/4;">
|
||
<span class="science-photo-credit">Beneficio Moderno La Azotea</span>
|
||
</div>
|
||
<div class="science-body">
|
||
<p class="science-eyebrow">04 — The farm</p>
|
||
<h2>Finca La Azotea. <em>Since 1883.</em></h2>
|
||
<div style="margin-top:24px;">
|
||
<p>The farm we source from has been growing coffee in this valley since 1883 — five generations. They process their own cherries on-site at <strong>Beneficio Moderno La Azotea</strong>, the wet mill in the photo, with the drying patios spread out beneath the mountain.</p>
|
||
<p>What makes this kind of relationship rare in 2026 is the simplicity of it. We buy green beans wholesale from one farm, in one region, in one harvest. No aggregation. No "blended Central American" mystery lots. The grade on the bag matches the grade on theirs.</p>
|
||
</div>
|
||
<div class="farm-card">
|
||
<div style="font-family: var(--display); font-size: 1.1rem; color: var(--cream);">Finca La Azotea</div>
|
||
<div style="font-size: 0.88rem; color: var(--cream-dim); margin-top: 4px;">Jocotenango, Sacatepéquez · 150 years of continuous coffee production</div>
|
||
<div class="farm-meta">
|
||
<div class="farm-meta-item">
|
||
<span class="farm-meta-key">Founded</span>
|
||
<span class="farm-meta-val">1883</span>
|
||
</div>
|
||
<div class="farm-meta-item">
|
||
<span class="farm-meta-key">Bean</span>
|
||
<span class="farm-meta-val">100% Arabica · SHB</span>
|
||
</div>
|
||
<div class="farm-meta-item">
|
||
<span class="farm-meta-key">Certified</span>
|
||
<span class="farm-meta-val">Rainforest Alliance</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- HONEST NOTE -->
|
||
<section class="honest">
|
||
<div class="container">
|
||
<div class="honest-inner reveal">
|
||
<span class="eyebrow">A note on this page</span>
|
||
<h3>What we know — <em>and what we're still asking.</em></h3>
|
||
<p>The science on this page is well-established: Antigua's volcanic soils, microclimate, and altitude are documented in coffee literature going back decades. The farm-level details — 1883 founding, Beneficio Moderno operations, Rainforest Alliance certification — come from Finca La Azotea's own materials and our visit there in 2026.</p>
|
||
<p style="margin-top: 18px;">What we're still building: deeper producer profiles, harvest-by-harvest cup notes, and details about the specific lots we source. We'll publish those as we get them. If something here feels thin, it probably is — and we'd rather say so than fake the depth.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CTA -->
|
||
<section class="cta">
|
||
<div class="container">
|
||
<span class="eyebrow">Now you know</span>
|
||
<h2>Taste <em>what the soil does.</em></h2>
|
||
<p>The science is interesting. The cup is the proof. Pick a roast, start a subscription, and put a single-origin Antigua coffee on your counter next week.</p>
|
||
<div class="cta-row">
|
||
<a href="index.html#subscribe" class="btn">Start Your Subscription →</a>
|
||
<a href="process.html" class="btn btn-ghost">See the Process</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FOOTER -->
|
||
<footer>
|
||
<div class="container">
|
||
<div class="footer-grid">
|
||
<div class="footer-brand">
|
||
<h3>Volcán Antigua Roasters</h3>
|
||
<p>Single-origin coffee from Antigua, Guatemala. Roasted in small batches in Southern California. Built by people who actually go to the farms.</p>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h5>Coffee</h5>
|
||
<ul>
|
||
<li><a href="index.html#products">Antigua Classic</a></li>
|
||
<li><a href="index.html#products">Antigua Bright</a></li>
|
||
<li><a href="index.html#products">Antigua Bold</a></li>
|
||
<li><a href="index.html#subscribe">Reserve Lots</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h5>Brand</h5>
|
||
<ul>
|
||
<li><a href="origin.html">Origin</a></li>
|
||
<li><a href="process.html">Our Process</a></li>
|
||
<li><a href="index.html#subscribe">Subscribe</a></li>
|
||
<li><a href="#">Wholesale</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h5>Connect</h5>
|
||
<ul>
|
||
<li><a href="#">Instagram</a></li>
|
||
<li><a href="#">Contact</a></li>
|
||
<li><a href="#">Returns</a></li>
|
||
<li><a href="#">FAQ</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bot">
|
||
<p>© 2026 Volcán Antigua Roasters · Antigua, Guatemala → Rancho Palos Verdes, CA</p>
|
||
<span class="micro">Roasted with intention</span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
const nav = document.getElementById('nav');
|
||
window.addEventListener('scroll', () => {
|
||
nav.classList.toggle('scrolled', window.scrollY > 60);
|
||
});
|
||
|
||
const observer = new IntersectionObserver((entries) => {
|
||
entries.forEach(e => {
|
||
if (e.isIntersecting) {
|
||
e.target.classList.add('in');
|
||
observer.unobserve(e.target);
|
||
}
|
||
});
|
||
}, { threshold: 0.15 });
|
||
document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
|
||
</script>
|
||
<style>
|
||
/* Language toggle */
|
||
.lang-toggle {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
margin-left: 24px;
|
||
padding: 6px 14px;
|
||
font-family: var(--sans);
|
||
font-size: 0.68rem;
|
||
font-weight: 500;
|
||
letter-spacing: 0.24em;
|
||
text-transform: uppercase;
|
||
color: var(--cream-dim);
|
||
border: 1px solid rgba(200,169,106,0.28);
|
||
background: transparent;
|
||
cursor: pointer;
|
||
transition: all 0.3s;
|
||
border-radius: 0;
|
||
}
|
||
.lang-toggle:hover {
|
||
border-color: var(--gold);
|
||
color: var(--gold);
|
||
}
|
||
.lang-toggle .lang-active {
|
||
color: var(--gold);
|
||
font-weight: 700;
|
||
}
|
||
.lang-toggle .lang-sep {
|
||
opacity: 0.4;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.lang-toggle {
|
||
margin-left: 0;
|
||
padding: 5px 10px;
|
||
font-size: 0.62rem;
|
||
}
|
||
}
|
||
/* Korean-only typography refinements */
|
||
html[lang="ko"] body { font-family: 'Manrope', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, sans-serif; }
|
||
html[lang="ko"] .eyebrow { letter-spacing: 0.18em; }
|
||
html[lang="ko"] .micro { letter-spacing: 0.14em; }
|
||
html[lang="ko"] .nav-links a { letter-spacing: 0.1em; }
|
||
html[lang="ko"] .btn { letter-spacing: 0.14em; font-weight: 500; }
|
||
html[lang="ko"] .lang-toggle { letter-spacing: 0.2em; }
|
||
html[lang="ko"] .ticker-item { letter-spacing: 0.06em; }
|
||
html[lang="ko"] .display, html[lang="ko"] h1, html[lang="ko"] h2, html[lang="ko"] h3, html[lang="ko"] h4, html[lang="ko"] h5 {
|
||
font-family: 'Playfair Display', 'Noto Serif KR', 'Apple SD Gothic Neo', Georgia, serif;
|
||
letter-spacing: -0.005em;
|
||
}
|
||
html[lang="ko"] .italic, html[lang="ko"] em, html[lang="ko"] i {
|
||
font-style: normal;
|
||
color: var(--gold);
|
||
font-weight: 500;
|
||
}
|
||
html[lang="ko"] .step-eyebrow { letter-spacing: 0.18em; }
|
||
html[lang="ko"] .step-meta-key { letter-spacing: 0.14em; }
|
||
html[lang="ko"] h4 { letter-spacing: -0.005em; }
|
||
html[lang="ko"] h5 { letter-spacing: 0.14em; }
|
||
html[lang="ko"] .label { letter-spacing: 0.18em; }
|
||
html[lang="ko"] .badge { letter-spacing: 0.14em; }
|
||
html[lang="ko"] .process-hero-credit { letter-spacing: 0.1em; }
|
||
html[lang="ko"] .footer-col h5 { letter-spacing: 0.14em; }
|
||
html[lang="ko"] .footer-bot p, html[lang="ko"] .footer-bot span { letter-spacing: 0.06em; }
|
||
html[lang="ko"] .step-meta-val { letter-spacing: 0.005em; }
|
||
/* Origin-page Korean polish */
|
||
html[lang="ko"] .stat-key, html[lang="ko"] .farm-meta-key { letter-spacing: 0.18em; }
|
||
html[lang="ko"] .science-eyebrow { font-style: normal; letter-spacing: 0.04em; }
|
||
html[lang="ko"] .shb-scale-title { letter-spacing: 0.18em; }
|
||
html[lang="ko"] .origin-hero-credit { letter-spacing: 0.1em; }
|
||
html[lang="ko"] .science-photo-credit { letter-spacing: 0.06em; }
|
||
html[lang="ko"] .shb-grade { font-style: normal; }
|
||
html[lang="ko"] .farm-meta-val { font-style: normal; }
|
||
</style>
|
||
<script>
|
||
(function() {
|
||
var TRANSLATIONS_KO = {"Origin":"원산지","Coffee":"커피","Subscribe":"구독","Process":"과정","Born from volcanic soil. Roasted with intention.":"화산토에서 자라, 정성으로 로스팅.","Antigua, Guatemala · Est. 2025":"과테말라 안티구아 · 2025년 설립","Start Your Subscription":"구독 시작하기","Our Origin":"원산지 보기","Scroll":"스크롤","Single Origin":"싱글 오리진","Antigua, Guatemala":"과테말라 안티구아","1,500m Elevation":"해발 1,500m","Small Batch Roasted":"소량 로스팅","Free Shipping":"무료 배송","Subscribe & Save":"구독하고 할인받기","1,500M ELEVATION":"해발 1,500M","The Origin":"원산지","Grown in the shadow of":"세 화산이 굽어보는 곳에서","three volcanoes":"자란 커피","Antigua Guatemala sits in a valley ringed by Volcán de Agua, Volcán de Fuego, and Acatenango. The volcanic soil is rich in minerals. The altitude is perfect. The microclimate creates conditions that coffee obsessives dream about.":"과테말라 안티구아는 아구아 화산, 푸에고 화산, 아카테낭고 화산이 둘러싼 계곡에 자리합니다. 미네랄이 풍부한 화산토, 완벽한 해발, 그리고 커피 애호가들이 꿈꾸는 미기후가 모두 이곳에 있습니다.","We source directly from Finca La Azotea, a 150-year-old plantation in the Antigua valley, where coffee has been grown at 1,500 meters above sea level since 1883.":"150년 역사의 핀카 라 아소테아 농장에서 직접 수급합니다. 1883년부터 안티구아 계곡 해발 1,500m에서 커피를 재배해온 곳입니다.","Altitude":"해발","Region":"지역","Antigua":"안티구아","Species":"품종","Arabica":"아라비카","The Coffee":"커피","Three expressions, one origin":"한 원산지, 세 가지 표현","Light · Bright":"라이트 · 산뜻함","Antigua Bright":"안티구아 브라이트","Light Roast":"라이트 로스트","Citrus brightness, floral aromatics, honey sweetness. For pour-over purists.":"감귤의 산뜻함, 꽃향, 꿀의 단맛. 푸어오버 애호가를 위해.","/ 12oz bag":"/ 340g 한 팩","Medium · Classic":"미디엄 · 클래식","Antigua Classic":"안티구아 클래식","Medium Roast":"미디엄 로스트","Chocolate, caramel, toasted almond. The everyday cup that never gets old.":"초콜릿, 카라멜, 구운 아몬드. 매일 마셔도 질리지 않는 한 잔.","Dark · Bold":"다크 · 묵직함","Antigua Bold":"안티구아 볼드","Dark Roast":"다크 로스트","Dark cocoa, smoky depth, molasses body. Full-throttle espresso fuel.":"다크 코코아, 스모키한 깊이, 당밀의 바디감. 진한 에스프레소를 위해.","Never run out of":"좋은 커피가 떨어질","good coffee":"일은 없도록","Choose your roast, pick your frequency, and we handle the rest. Free shipping on every subscription. Cancel anytime.":"로스트와 주기를 고르시면 나머지는 저희가 챙기겠습니다. 구독은 모두 무료 배송, 언제든 해지 가능합니다.","Explorer":"익스플로러","/mo":"/월","1 bag · monthly":"월 1팩","Choose your roast":"로스트 선택","Free shipping":"무료 배송","Cancel anytime":"언제든 해지","Most Popular":"가장 인기","Ritual":"리츄얼","2 bags · monthly":"월 2팩","Mix two roasts":"두 가지 로스트 조합","Early access to limited runs":"한정판 우선 구매","10% savings":"10% 할인","Obsession":"옵세션","3 bags · monthly":"월 3팩","All three roasts":"세 가지 로스트 모두","Priority access":"우선 접근권","20% savings":"20% 할인","The Process":"공정","From highland farm to your cup":"고산지 농장에서 당신의 컵까지","Sourced":"수급","Direct relationships with Antigua highland farms growing at 1,500m elevation in volcanic soil.":"해발 1,500m 화산토에서 자라는 안티구아 고산지 농장과 직거래.","Roasted":"로스팅","Three profiles, dialed in by hand. We taste every batch before it leaves.":"세 가지 프로파일, 한 배치씩 손으로 잡습니다. 출하 전 모든 배치를 직접 시음합니다.","Sealed":"포장","Bagged the same day with one-way valves. Zero oxygen, full aroma. The flavor you taste is what we tasted.":"당일 일방향 밸브 백에 밀봉. 산소 차단, 향은 그대로. 우리가 맛본 그대로 당신에게.","Shipped":"배송","Out the door within 48 hours of roasting. On your counter within a week. Coffee was never meant to sit in a warehouse.":"로스팅 후 48시간 내 출하. 일주일 안에 당신의 주방으로. 커피는 창고에 있어야 할 것이 아닙니다.","See the full process →":"전체 공정 보기 →","First Bag, 20% Off":"첫 팩 20% 할인","Try it once.":"한 번만 마셔보세요.","You'll know.":"느낌이 옵니다.","We'll send your discount code, plus a short note about the farm your beans came from. No spam — just coffee.":"할인 코드와 함께, 당신의 원두가 자란 농장 이야기를 짧게 보내드립니다. 스팸은 없습니다 — 오직 커피.","Send Me My Code →":"코드 받기 →","No credit card · Unsubscribe anytime · One email a month, max":"신용카드 불필요 · 언제든 해지 · 한 달에 최대 한 통","Volcán Antigua Roasters":"Volcán Antigua Roasters","Single-origin coffee from Antigua, Guatemala. Roasted in small batches in Southern California. Built by people who actually go to the farms.":"과테말라 안티구아의 싱글 오리진 커피. 남부 캘리포니아에서 소량 로스팅. 직접 농장을 찾아가는 사람들이 만듭니다.","Reserve Lots":"리저브 랏","Brand":"브랜드","Our Process":"공정","Wholesale":"도매","Connect":"연결","Instagram":"인스타그램","Contact":"문의","Returns":"반품","FAQ":"자주 묻는 질문","© 2026 Volcán Antigua Roasters · Antigua, Guatemala → Rancho Palos Verdes, CA":"© 2026 Volcán Antigua Roasters · 과테말라 안티구아 → 캘리포니아 란초 팰로스 버디스","Roasted with intention":"정성으로 로스팅","You\\'re in. Check your inbox for your 20% code. ☕":"감사합니다. 받은 편지함에서 20% 할인 코드를 확인하세요. ☕","Volcanic soil to your counter —":"화산토에서 당신의 주방까지 —","nothing in between we can't name.":"그 사이의 모든 것을, 우리가 압니다.","Antigua, Guatemala sits in the shadow of three active volcanoes. The mineral-rich soil and 1,500-meter elevation produce some of the densest, most complex Arabica beans in the world. This is how we get them from there to you.":"과테말라 안티구아는 활화산 셋이 굽어보는 곳에 있습니다. 미네랄이 풍부한 토양과 해발 1,500m가 만들어내는, 세계에서 가장 밀도 높고 복합적인 아라비카 원두. 그 원두가 당신에게 닿기까지의 여정입니다.","Beneficio Moderno · Finca La Azotea · Antigua, Guatemala":"베네피시오 모데르노 · 핀카 라 아소테아 · 과테말라 안티구아","A short version":"요약","Four steps. Zero brokers. No mystery beans.":"네 단계. 중간 유통 없음. 출처 불분명한 원두 없음.","Most specialty coffee passes through five or six middlemen between the farm and your kitchen. By the time it lands in your bag, the people who grew it are anonymous, the lot is blended, and the roast date is anyone's guess.":"대부분의 스페셜티 커피는 농장에서 당신의 주방까지 다섯 여섯 단계의 중간 유통을 거칩니다. 봉투에 담길 무렵이면 재배자는 익명이고, 랏은 섞여 있고, 로스팅 날짜는 알 수 없습니다.","We do this differently.":"저희는 다르게 합니다.","We buy green beans direct from a single farm in Antigua, Guatemala.":"과테말라 안티구아의 단일 농장에서 생두를 직접 구매합니다.","We roast them in small batches in Southern California. We ship within 48 hours. That's the whole supply chain.":"남부 캘리포니아에서 소량 로스팅합니다. 48시간 안에 배송합니다. 이것이 공급망의 전부입니다.","What follows is the actual four-step process behind every bag we sell — written honestly, including the parts that aren't yet finished.":"다음은 저희가 파는 모든 봉투 뒤의 실제 네 단계 공정입니다 — 아직 완성되지 않은 부분까지 솔직하게 적었습니다.","Step 01":"Step 01","direct from Antigua.":"안티구아에서 직접.","Our green beans come from Finca La Azotea, a 150-year-old working coffee plantation in the Antigua growing region — volcanic soil, roughly 1,500m elevation, shade-grown under a canopy of native trees. The cherries are hand-picked at peak ripeness and wet-processed on the farm at Beneficio Moderno La Azotea.":"저희 생두는 안티구아 재배지의 150년 역사 커피 농장, 핀카 라 아소테아에서 옵니다 — 화산토, 해발 약 1,500m, 자생 수림 아래의 그늘 재배. 체리는 가장 잘 익었을 때 손으로 따고, 농장 내 베네피시오 모데르노 라 아소테아에서 워시드 가공합니다.","We buy at the green-bean level, wholesale. No brokers, no aggregators, no \"blended Central American\" mystery. One region, one farm, one harvest.":"저희는 생두 단계에서 도매로 구매합니다. 중개인 없음, 통합업체 없음, \"중미 블렌드\"의 모호함 없음. 한 지역, 한 농장, 한 수확.","Farm":"농장","Finca La Azotea":"핀카 라 아소테아","Elevation":"해발","~1,500m / 5,000ft":"~1,500m / 5,000ft","Certified":"인증","Rainforest Alliance":"레인포레스트 얼라이언스","Step 02":"Step 02","by hand, in small batches.":"손으로, 소량씩.","Green beans arrive at our roastery in Rancho Palos Verdes, California. We roast in 1-pound batches on a drum roaster — small enough to hear the first crack, watch the color change, and pull the moment we hit profile.":"생두는 캘리포니아 란초 팰로스 버디스의 저희 로스터리로 도착합니다. 드럼 로스터에서 1파운드(약 450g) 단위로 로스팅합니다 — 첫 크랙 소리를 듣고, 색 변화를 관찰하고, 프로파일에 도달한 순간 빼낼 수 있을 만큼 적은 양입니다.","Three roast levels:":"세 가지 로스트 레벨:","Bright":"브라이트","(lighter, fruit-forward),":"(밝고, 과일 향),","Classic":"클래식","(medium, balanced), and":"(미디엄, 균형감), 그리고","Bold":"볼드","(full-city, deeper body). We taste every batch before it leaves the roastery.":"(풀시티, 깊은 바디감). 모든 배치를 출고 전 직접 시음합니다.","Batch Size":"배치 크기","1 lb / drum":"1파운드 / 드럼","Profiles":"프로파일","Bright · Classic · Bold":"브라이트 · 클래식 · 볼드","Roasted In":"로스팅 지역","Southern California":"남부 캘리포니아","Step 03":"Step 03","the same day.":"당일에.","Roasted beans rest briefly to off-gas, then go into a matte-black pouch with a one-way degassing valve. The valve lets CO₂ escape; nothing gets back in. No oxygen. No moisture. No light.":"로스팅된 원두는 잠시 가스를 빼낸 뒤, 일방향 디개싱 밸브가 달린 매트 블랙 파우치에 들어갑니다. 밸브는 CO₂를 내보내되 아무것도 들이지 않습니다. 산소 차단, 습기 차단, 빛 차단.","Each bag is hand-weighed to 12 oz, sealed, dated, and labeled with the roast profile and origin. The flavor you taste is the flavor we tasted at the roastery — minus the time it spent reaching you.":"모든 봉투는 340g(12oz)으로 손수 계량하고, 밀봉하고, 날짜를 기입하고, 로스트 프로파일과 원산지를 표시합니다. 당신이 맛보는 풍미는 저희가 로스터리에서 맛본 그 풍미입니다 — 단지 도착까지의 시간만큼 줄어들 뿐입니다.","Bag Size":"봉투 크기","12 oz · 340g":"340g · 12oz","Valve":"밸브","One-way · degassing":"일방향 · 디개싱","Roast Date":"로스팅 날짜","Printed on every bag":"모든 봉투에 인쇄","Step 04":"Step 04","within 48 hours.":"48시간 안에.","From sealed bag to out-the-door, less than two days. We ship USPS Ground Advantage and Priority — most US orders arrive within 3 to 5 business days. By the time you brew, the coffee is typically less than a week off the roaster.":"밀봉부터 출고까지 이틀이 채 걸리지 않습니다. USPS Ground Advantage와 Priority로 발송합니다 — 미국 내 대부분의 주문은 영업일 3~5일 안에 도착합니다. 당신이 드립할 무렵, 커피는 보통 로스터에서 일주일이 채 지나지 않은 상태입니다.","Subscribers get free shipping. Every bag arrives with the roast date on the front, the origin on the back, and a short note about the lot. Coffee was never meant to sit in a warehouse for six months.":"구독자는 무료 배송입니다. 모든 봉투는 앞면에 로스팅 날짜, 뒷면에 원산지, 그리고 해당 랏에 관한 짧은 메모와 함께 도착합니다. 커피는 6개월 동안 창고에 있어야 할 것이 아닙니다.","Lead Time":"리드타임","< 48 hrs · roast to ship":"< 48시간 · 로스팅에서 출하까지","Carrier":"배송사","USPS · Domestic":"USPS · 국내","Subscribers":"구독자","A note on this page":"이 페이지에 관하여","What's":"지금","real":"진짜인 것","right now, and what's coming.":", 그리고 다가올 것.","We launched this brand in 2026, so we're being upfront about where we are. The green beans, the roast profiles, the bag spec, the 48-hour ship window — all real, all current.":"저희는 2026년에 이 브랜드를 시작했고, 지금 어디쯤 와 있는지 솔직하게 말씀드립니다. 생두, 로스트 프로파일, 봉투 스펙, 48시간 배송 — 모두 실제이고, 모두 지금의 모습입니다.","The hero image and the cherries above are real — photographed at Finca La Azotea in Antigua, Guatemala, where our green beans are sourced. The roastery and packaging photos further down are still editorial stock, since our Rancho Palos Verdes roastery hasn't been photographed yet. We'll replace those with our own as we go.":"위의 메인 이미지와 체리 사진은 실제입니다 — 저희 생두를 수급하는 과테말라 안티구아의 핀카 라 아소테아 농장에서 촬영했습니다. 아래쪽 로스터리와 포장 사진은 아직 에디토리얼 스톡 이미지입니다. 저희 란초 팰로스 버디스 로스터리는 아직 촬영하지 못했기 때문입니다. 진행되는 대로 직접 찍은 사진으로 교체하겠습니다.","If you want to see what we're working on next — micro-lot releases, producer profiles, the actual roastery in California — subscribe below. We'll send you what we know, when we know it.":"다음에 저희가 무엇을 준비하는지 — 마이크로 랏 출시, 생산자 프로필, 실제 캘리포니아 로스터리 — 보고 싶으시다면 아래에서 구독해주세요. 알게 되는 대로 알려드립니다.","Try it once":"한 번만 마셔보세요","The whole process —":"전체 공정을 —","in your cup, by next week.":"다음 주, 당신의 컵에서.","First-time subscribers get 20% off their first bag. Pick a roast, pick a frequency. Skip, swap, or cancel anytime.":"첫 구독자는 첫 팩 20% 할인. 로스트 선택, 주기 선택. 언제든 건너뛰기, 변경, 해지 가능합니다.","Start Your Subscription →":"구독 시작하기 →","See the Coffee":"커피 둘러보기","Why":"왜","Antigua.":"안티구아인가.","Three active volcanoes, mineral-dense soil, a microclimate that slows ripening, and a single 150-year-old farm that does it the old way. The reasons coffee from this valley tastes the way it does — explained.":"세 활화산, 미네랄이 풍부한 토양, 익는 속도를 늦추는 미기후, 그리고 옛 방식 그대로를 지켜온 150년 역사의 단일 농장. 이 계곡의 커피가 그 맛을 내는 이유를 풀어 설명합니다.","Sacatepéquez, Guatemala":"과테말라 사카테페케스","~5,000ft above sea level":"해발 약 5,000ft","Soil":"토양","Volcanic":"화산토","Andisol, ash-derived":"안디솔 · 화산재 기원","Grade":"등급","Strictly Hard Bean":"스트릭틀리 하드 빈","01 — Volcanic soil":"01 — 화산토","Three active volcanoes,":"세 활화산이,","still depositing.":"지금도 쌓아 올립니다.","The Antigua valley sits between three stratovolcanoes: Volcán de Agua to the south, Volcán de Fuego to the southwest, and Acatenango directly north of Fuego. Fuego is one of Central America's most active volcanoes — it erupts in some form every few weeks. Each eruption deposits a fresh layer of fine volcanic ash across the surrounding farmland.":"안티구아 계곡은 세 성층화산 사이에 자리합니다. 남쪽의 아구아 화산, 남서쪽의 푸에고 화산, 그리고 푸에고 바로 북쪽의 아카테낭고 화산. 푸에고는 중미에서 가장 활발한 화산 중 하나로, 몇 주마다 어떤 형태로든 분출합니다. 분출할 때마다 주변 농지 위에 고운 화산재가 한 층씩 새로 쌓입니다.","Over millennia, this has produced what soil scientists call":"수천 년에 걸쳐 이렇게 만들어진 것이 토양학에서 말하는","andisols":"안디솔","— soils derived from volcanic ash, characterized by extremely high water retention, excellent drainage, and a porous structure that lets coffee roots breathe. They're also unusually rich in phosphorus, potassium, and trace minerals that the plant uses to build complex sugars and acids in the cherry.":"입니다 — 화산재에서 비롯된 토양으로, 보수력이 매우 높고 배수가 뛰어나며, 커피 뿌리가 숨 쉴 수 있는 다공성 구조를 가집니다. 또한 인, 칼륨, 그리고 식물이 체리 안에서 복합적인 당과 산을 만드는 데 쓰는 미량 원소가 유난히 풍부합니다.","Coffee can be grown in plenty of soils. It thrives in this one. Any farmer in Antigua will tell you the same thing: the soil is doing half the work.":"커피는 여러 토양에서 자랄 수 있습니다. 그러나 이 토양에서는 번성합니다. 안티구아의 농부라면 누구나 같은 말을 합니다 — 절반의 일은 토양이 한다고.","Coffee plants · Finca La Azotea":"커피 나무 · 핀카 라 아소테아","02 — Microclimate":"02 — 미기후","Cool nights, dry winters,":"서늘한 밤, 건조한 겨울,","slow ripening.":"그리고 느린 숙성.","Altitude alone isn't enough — plenty of high-elevation regions produce mediocre coffee. What sets Antigua apart is the specific combination of conditions inside this valley.":"고도만으로는 충분하지 않습니다 — 고지대 산지 중에서도 평범한 커피를 내는 곳은 많습니다. 안티구아를 다르게 만드는 것은 이 계곡 안에서만 만들어지는 조건의 특정한 조합입니다.","The growing season runs roughly May through October — wet, mild, with afternoon clouds that filter sunlight. Then the dry season arrives. Daytime highs hover around 24°C (75°F). Nighttime lows drop to 12°C (54°F). That":"재배 시기는 대략 5월에서 10월 사이입니다 — 비가 잦고 온화하며, 오후가 되면 구름이 햇빛을 부드럽게 걸러줍니다. 그러다 건기가 옵니다. 낮 기온은 24°C(75°F) 안팎, 밤 기온은 12°C(54°F)까지 떨어집니다. 이","12-degree daily swing":"12도의 일교차","is the key. It forces the cherries to ripen slowly, sometimes taking nine to ten months from flower to harvest — versus six or seven in lower-elevation regions.":"가 핵심입니다. 체리가 천천히 익도록 만들어, 꽃에서 수확까지 아홉에서 열 달이 걸리기도 합니다. 낮은 고도에서는 여섯에서 일곱 달이면 끝나는 과정입니다.","Slow ripening means the bean has more time to develop sugars, organic acids, and the volatile compounds that produce aroma. A faster-growing bean is bigger and softer; a slower-growing one is denser, smaller, and far more complex in the cup.":"느리게 익는다는 것은 콩이 당, 유기산, 그리고 향을 만드는 휘발성 화합물을 발달시킬 시간이 더 많다는 뜻입니다. 빠르게 자란 콩은 크고 무릅니다. 천천히 자란 콩은 더 단단하고, 더 작으며, 컵 안에서 훨씬 복합적입니다.","Cherries on the branch · Finca La Azotea":"가지 위의 체리 · 핀카 라 아소테아","03 — The grade":"03 — 등급","SHB.":"SHB.","Strictly Hard Bean.":"스트릭틀리 하드 빈.","Guatemala grades its coffee by altitude — and altitude here is a proxy for density. The higher and slower a bean grows, the harder its cell structure becomes. Hard beans roast more evenly, hold their flavor longer, and produce a cleaner cup.":"과테말라는 커피를 고도로 등급을 매깁니다 — 그리고 여기서 고도는 곧 밀도를 의미합니다. 콩이 더 높은 곳에서 더 천천히 자랄수록, 세포 구조가 더 단단해집니다. 단단한 콩은 더 고르게 로스팅되고, 풍미를 더 오래 간직하며, 더 맑은 컵을 만들어냅니다.","The grading system has eight tiers. Most exported Guatemalan coffee falls into the middle. Only beans grown above 4,500 feet (~1,370m) earn the top grade:":"등급 체계는 여덟 단계로 나뉩니다. 수출되는 과테말라 커피의 대부분은 중간 단계에 속합니다. 4,500ft(약 1,370m) 이상에서 자란 콩만이 최상위 등급을 받습니다.","SHB — Strictly Hard Bean.":"SHB — 스트릭틀리 하드 빈.","Antigua, at 1,500m, is well inside SHB territory.":"해발 1,500m의 안티구아는 SHB 영역에 충분히 들어갑니다.","Guatemalan altitude grading":"과테말라 고도 등급","Strictly Hard Bean — densest, most complex":"스트릭틀리 하드 빈 — 가장 단단하고 복합적",">4,500ft":">4,500ft","HB":"HB","Hard Bean":"하드 빈","4,000–4,500ft":"4,000–4,500ft","SH":"SH","Semi-Hard Bean":"세미 하드 빈","3,500–4,000ft":"3,500–4,000ft","EPW":"EPW","Extra Prime Washed":"엑스트라 프라임 워시드","3,000–3,500ft":"3,000–3,500ft","PW":"PW","Prime Washed and below":"프라임 워시드 이하","<3,000ft":"<3,000ft","Our beans are 100% Arabica SHB — the same grade you'll find on La Azotea's own packaging, certified Rainforest Alliance, and grown nowhere lower than 1,500 meters.":"저희 콩은 100% 아라비카 SHB입니다 — 라 아소테아의 자체 포장에 표시된 것과 같은 등급, 레인포레스트 얼라이언스 인증, 그리고 어디에서도 해발 1,500m보다 낮은 곳에서는 자라지 않은 콩입니다.","Beneficio Moderno La Azotea":"베네피시오 모데르노 라 아소테아","04 — The farm":"04 — 농장","Finca La Azotea.":"핀카 라 아소테아.","Since 1883.":"1883년부터.","The farm we source from has been growing coffee in this valley since 1883 — five generations. They process their own cherries on-site at":"저희가 수급하는 농장은 1883년부터 이 계곡에서 커피를 재배해 왔습니다 — 5대에 걸쳐서. 자체 체리를 농장 안의",", the wet mill in the photo, with the drying patios spread out beneath the mountain.":"에서 직접 가공합니다. 사진의 워시드 가공 시설이며, 산 아래로 건조 파티오가 펼쳐져 있습니다.","What makes this kind of relationship rare in 2026 is the simplicity of it. We buy green beans wholesale from one farm, in one region, in one harvest. No aggregation. No \"blended Central American\" mystery lots. The grade on the bag matches the grade on theirs.":"2026년에 이런 관계가 드문 이유는 그 단순함에 있습니다. 한 농장에서, 한 지역에서, 한 수확분의 생두를 도매로 구매합니다. 통합 없음. \"중미 블렌드\"라는 모호한 랏 없음. 봉투에 적힌 등급이 그쪽 농장에 적힌 등급과 같습니다.","Jocotenango, Sacatepéquez · 150 years of continuous coffee production":"사카테페케스 호코테낭고 · 150년 동안 이어진 커피 생산","Founded":"설립","Bean":"원두","100% Arabica · SHB":"100% 아라비카 · SHB","What we know —":"우리가 아는 것 —","and what we're still asking.":"그리고 여전히 묻고 있는 것.","The science on this page is well-established: Antigua's volcanic soils, microclimate, and altitude are documented in coffee literature going back decades. The farm-level details — 1883 founding, Beneficio Moderno operations, Rainforest Alliance certification — come from Finca La Azotea's own materials and our visit there in 2026.":"이 페이지의 과학은 이미 잘 정립되어 있습니다 — 안티구아의 화산 토양, 미기후, 고도는 수십 년 전부터 커피 문헌에 기록되어 왔습니다. 농장 단위의 세부 정보 — 1883년 설립, 베네피시오 모데르노 운영, 레인포레스트 얼라이언스 인증 — 는 핀카 라 아소테아의 자체 자료와 2026년 저희의 방문에서 얻은 것입니다.","What we're still building: deeper producer profiles, harvest-by-harvest cup notes, and details about the specific lots we source. We'll publish those as we get them. If something here feels thin, it probably is — and we'd rather say so than fake the depth.":"아직 만들어가는 중인 것 — 더 깊이 있는 생산자 프로필, 수확별 컵 노트, 그리고 저희가 수급하는 구체적인 랏에 관한 세부 정보. 얻는 대로 공개하겠습니다. 여기 어떤 부분이 얕게 느껴진다면, 실제로 그럴 가능성이 큽니다 — 깊이를 꾸미기보다 솔직히 말씀드리는 편을 택했습니다.","Now you know":"이제 아셨습니다","Taste":"맛보세요","what the soil does.":"토양이 하는 일을.","The science is interesting. The cup is the proof. Pick a roast, start a subscription, and put a single-origin Antigua coffee on your counter next week.":"과학은 흥미롭습니다. 그러나 증거는 컵 안에 있습니다. 로스트를 고르시고, 구독을 시작하시고, 다음 주에 안티구아 싱글 오리진 커피를 당신의 주방에 두십시오.","See the Process":"공정 보기"};
|
||
var currentLang = 'en';
|
||
var originalTexts = new WeakMap();
|
||
var koFontsLoaded = false;
|
||
|
||
function loadKoFonts() {
|
||
if (koFontsLoaded) return;
|
||
koFontsLoaded = true;
|
||
var link = document.createElement('link');
|
||
link.rel = 'stylesheet';
|
||
link.href = 'https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&family=Noto+Serif+KR:wght@400;500;700&display=swap';
|
||
document.head.appendChild(link);
|
||
}
|
||
|
||
function walkAndCollect(node, found) {
|
||
if (!node) return;
|
||
if (node.nodeType === 3) {
|
||
var trimmed = node.textContent.trim();
|
||
if (trimmed && trimmed.length > 0) {
|
||
found.push(node);
|
||
}
|
||
return;
|
||
}
|
||
if (node.nodeType !== 1) return;
|
||
var tag = node.tagName;
|
||
if (tag === 'SCRIPT' || tag === 'STYLE' || tag === 'NOSCRIPT') return;
|
||
if (node.classList && node.classList.contains('lang-toggle')) return;
|
||
if (node.classList && node.classList.contains('lang-skip')) return;
|
||
for (var i = 0; i < node.childNodes.length; i++) {
|
||
walkAndCollect(node.childNodes[i], found);
|
||
}
|
||
}
|
||
|
||
function setLang(lang) {
|
||
if (lang === 'ko') loadKoFonts();
|
||
var nodes = [];
|
||
walkAndCollect(document.body, nodes);
|
||
for (var i = 0; i < nodes.length; i++) {
|
||
var n = nodes[i];
|
||
if (!originalTexts.has(n)) {
|
||
originalTexts.set(n, n.textContent);
|
||
}
|
||
var orig = originalTexts.get(n);
|
||
var trimmedOrig = orig.trim();
|
||
if (lang === 'ko' && TRANSLATIONS_KO[trimmedOrig]) {
|
||
var leading = orig.match(/^\s*/)[0];
|
||
var trailing = orig.match(/\s*$/)[0];
|
||
n.textContent = leading + TRANSLATIONS_KO[trimmedOrig] + trailing;
|
||
} else if (lang === 'en') {
|
||
n.textContent = orig;
|
||
}
|
||
}
|
||
var inputs = document.querySelectorAll('input[placeholder]');
|
||
inputs.forEach(function(inp) {
|
||
if (!inp.dataset.origPlaceholder) {
|
||
inp.dataset.origPlaceholder = inp.placeholder;
|
||
}
|
||
if (lang === 'ko' && TRANSLATIONS_KO[inp.dataset.origPlaceholder]) {
|
||
inp.placeholder = TRANSLATIONS_KO[inp.dataset.origPlaceholder];
|
||
} else {
|
||
inp.placeholder = inp.dataset.origPlaceholder;
|
||
}
|
||
});
|
||
document.querySelectorAll('.lang-toggle').forEach(function(btn) {
|
||
var enSpan = btn.querySelector('[data-lang-en]');
|
||
var koSpan = btn.querySelector('[data-lang-ko]');
|
||
if (enSpan && koSpan) {
|
||
enSpan.classList.toggle('lang-active', lang === 'en');
|
||
koSpan.classList.toggle('lang-active', lang === 'ko');
|
||
}
|
||
});
|
||
document.documentElement.setAttribute('lang', lang === 'ko' ? 'ko' : 'en');
|
||
currentLang = lang;
|
||
}
|
||
|
||
function init() {
|
||
document.querySelectorAll('.lang-toggle').forEach(function(btn) {
|
||
btn.addEventListener('click', function() {
|
||
setLang(currentLang === 'en' ? 'ko' : 'en');
|
||
});
|
||
});
|
||
}
|
||
|
||
if (document.readyState === 'loading') {
|
||
document.addEventListener('DOMContentLoaded', init);
|
||
} else {
|
||
init();
|
||
}
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html>
|