:root{--color-obsidian:#14100d;--color-parchment:#e8e2d6;--color-cherry:#8c2f39;--color-patina:#2f5d54;--color-patina-dark:#1f4a42;--color-silver:#c5bdb0;--color-honey:#c9923a;--color-degas:#f7f4ef;--color-ink:#1c1714;--color-ink-muted:#5a524c;--color-ink-faint:#8a8279;--font-display:"Newsreader", "Noto Serif TC", Georgia, serif;--font-body:"Figtree", "Noto Sans TC", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Noto Sans Mono", ui-monospace, monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--space-4xl:6rem;--max-width:76rem;--measure:72ch;--header-height:4.25rem;--reading-bar-height:0px;--scroll-offset:calc(var(--header-height) + var(--reading-bar-height) + 1rem);--radius-sm:2px;--radius:4px;--radius-lg:8px;--shadow-soft:0 2px 12px #14100d0f;--shadow-lift:0 8px 32px #14100d1a;--curve-plant:#3d6b4f;--curve-harvest:#8c2f39;--curve-process:#2f5d54;--curve-roast:sienna;--curve-brew:#5c4a3a;--curve-taste:#14100d}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--scroll-offset);-webkit-text-size-adjust:100%}html.has-reading-bar{--reading-bar-height:calc(3px + 1.75rem)}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-parchment);flex-direction:column;min-height:100vh;margin:0;font-size:1.0625rem;line-height:1.7;display:flex}img,svg{max-width:100%;height:auto;display:block}a{color:var(--color-cherry);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s}a:hover,a:focus-visible{color:var(--color-patina)}:focus-visible{outline:2px solid var(--color-honey);outline-offset:3px}.skip-link{top:-100%;left:var(--space-md);z-index:1000;padding:var(--space-sm) var(--space-md);background:var(--color-obsidian);color:var(--color-degas);border-radius:var(--radius);font-weight:600;text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-md)}.container{width:min(100% - 2.5rem, var(--max-width));margin-inline:auto}@media (width<=640px){.container{width:min(100% - 1.5rem, var(--max-width))}}.site-header{z-index:100;background:color-mix(in srgb, var(--color-degas) 94%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-silver);height:var(--header-height);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-md);height:100%;display:flex;position:relative}.header-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}#site-nav{margin-left:auto}.logo{align-items:baseline;gap:var(--space-sm);color:var(--color-obsidian);font-family:var(--font-display);letter-spacing:-.02em;font-size:1.3rem;font-weight:600;text-decoration:none;display:flex}.logo-mark{font-family:var(--font-mono);color:var(--color-cherry);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:500}.nav-list{align-items:center;gap:var(--space-lg);margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--color-ink);font-size:.92rem;font-weight:500;text-decoration:none}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--color-cherry)}.lang-toggle{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-silver);border-radius:var(--radius-sm);background:var(--color-degas);color:var(--color-ink-muted);font-family:var(--font-mono);letter-spacing:.02em;align-items:center;font-size:.78rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.lang-toggle:hover,.lang-toggle:focus-visible{border-color:var(--color-cherry);color:var(--color-obsidian);background:var(--color-parchment)}.menu-toggle{background:var(--color-degas);border:1px solid var(--color-silver);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--color-obsidian);font-size:1.1rem;line-height:1;transition:border-color .2s,background .2s;display:none}.menu-toggle:hover,.menu-toggle:focus-visible{border-color:var(--color-cherry);background:var(--color-parchment)}.hero{padding:var(--space-4xl) 0 var(--space-3xl);background:var(--color-obsidian);color:var(--color-parchment);position:relative;overflow:hidden}.hero-grid{gap:var(--space-2xl);align-items:end;display:grid}@media (width>=900px){.hero-grid{gap:var(--space-3xl);grid-template-columns:1.1fr .9fr}}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-honey);margin-bottom:var(--space-lg);font-size:.72rem;font-weight:500;display:block}.hero h1{font-family:var(--font-display);margin:0 0 var(--space-lg);letter-spacing:-.025em;font-size:clamp(2.1rem,4.5vw,3.25rem);font-weight:500;line-height:1.15}.hero-lead{color:var(--color-silver);margin:0 0 var(--space-md);max-width:38ch;font-size:clamp(1.05rem,1.8vw,1.15rem);line-height:1.75}.hero-thesis{font-family:var(--font-display);color:color-mix(in srgb, var(--color-parchment) 75%, var(--color-honey));margin:0 0 var(--space-xl);max-width:36ch;padding-left:var(--space-md);border-left:2px solid var(--color-cherry);font-size:1rem;font-style:italic}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn-primary{background:var(--color-cherry);color:var(--color-degas)}.btn-primary:hover,.btn-primary:focus-visible{background:var(--color-honey);color:var(--color-obsidian)}@media (prefers-reduced-motion:no-preference){.btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-1px)}}.hero-visual{position:relative}.hero-curve-caption{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-silver);margin-top:var(--space-sm);text-align:right;font-size:.68rem}.journey-section{padding:var(--space-4xl) 0;background:var(--color-degas)}.section-header{max-width:40rem;margin-bottom:var(--space-2xl)}.section-header h2{font-family:var(--font-display);color:var(--color-obsidian);margin:0 0 var(--space-md);letter-spacing:-.02em;font-size:clamp(1.65rem,3.5vw,2.25rem);font-weight:500}.section-header p{color:var(--color-ink-muted);max-width:48ch;margin:0}.journey-river{margin-bottom:var(--space-3xl);padding:var(--space-xl) 0;border-top:1px solid var(--color-silver);border-bottom:1px solid var(--color-silver)}.journey-river svg{width:100%;height:auto;overflow:visible}.river-caption{font-family:var(--font-mono);color:var(--color-ink-faint);margin-top:var(--space-md);letter-spacing:.03em;font-size:.72rem}.river-node{cursor:pointer;text-decoration:none}.river-node circle{transition:r .2s}.river-node:hover circle,.river-node:focus-visible circle{r:9}.river-node text{font-family:var(--font-mono);fill:var(--color-ink-muted);font-size:11px}.river-node:focus-visible{outline:none}.river-node:focus-visible circle{stroke:var(--color-honey);stroke-width:3px}.stage-grid{gap:var(--space-lg);display:grid}@media (width>=640px){.stage-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.stage-grid{grid-template-columns:repeat(3,1fr)}}.stage-card{background:var(--color-parchment);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-silver);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.stage-card:after{content:"";bottom:0;left:var(--space-xl);right:var(--space-xl);background:var(--stage-accent,var(--color-cherry));transform-origin:0;height:2px;transition:transform .25s;position:absolute;transform:scaleX(0)}.stage-card:hover,.stage-card:focus-visible{border-color:var(--stage-accent,var(--color-cherry));box-shadow:var(--shadow-soft)}.stage-card:hover:after,.stage-card:focus-visible:after{transform:scaleX(1)}@media (prefers-reduced-motion:no-preference){.stage-card:hover,.stage-card:focus-visible{transform:translateY(-2px)}}.stage-card[data-stage=planting]{--stage-accent:var(--curve-plant)}.stage-card[data-stage=harvesting]{--stage-accent:var(--curve-harvest)}.stage-card[data-stage=processing]{--stage-accent:var(--curve-process)}.stage-card[data-stage=roasting]{--stage-accent:var(--curve-roast)}.stage-card[data-stage=brewing]{--stage-accent:var(--curve-brew)}.stage-card[data-stage=consumer]{--stage-accent:var(--curve-taste)}.stage-meta{margin-bottom:var(--space-md);justify-content:space-between;align-items:baseline;display:flex}.stage-number{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint);font-size:.7rem;font-weight:500}.stage-metric{font-family:var(--font-mono);color:var(--stage-accent,var(--color-cherry));font-size:.72rem}.stage-card h3{font-family:var(--font-display);color:var(--color-obsidian);margin:0 0 var(--space-xs);font-size:1.35rem;font-weight:500}.stage-card .subtitle{color:var(--color-patina);margin:0 0 var(--space-md);font-size:.88rem;font-weight:500}.stage-card .summary{color:var(--color-ink-muted);margin:0 0 var(--space-lg);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex-grow:1;font-size:.92rem;line-height:1.7;display:-webkit-box;overflow:hidden}.stage-card .cta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--stage-accent,var(--color-cherry));font-size:.78rem;font-weight:500}.stage-hero{padding:var(--space-3xl) 0 var(--space-2xl);background:var(--color-degas);border-bottom:1px solid var(--color-silver)}.stage-hero-inner{gap:var(--space-xl);display:grid}@media (width>=768px){.stage-hero-inner{grid-template-columns:1fr 1.4fr;align-items:end}}.stage-hero-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-faint);margin:0 0 var(--space-sm);font-size:.72rem}.stage-back{margin-bottom:var(--space-md);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-patina-dark);font-size:.72rem;font-weight:500;text-decoration:none;display:inline-block}.stage-back:hover,.stage-back:focus-visible{color:var(--color-cherry);text-decoration:underline}.stage-hero h1{font-family:var(--font-display);color:var(--color-obsidian);margin:0 0 var(--space-sm);letter-spacing:-.02em;font-size:clamp(2rem,4vw,2.75rem);font-weight:500}.stage-hero .subtitle{color:var(--color-patina);margin:0 0 var(--space-lg);font-size:1.1rem;font-weight:500}.stage-hero-summary{color:var(--color-ink-muted);max-width:52ch;margin:0;font-size:1.05rem;line-height:1.75}.pull-quote{padding:var(--space-lg) 0 0;border-top:1px solid var(--color-silver);font-family:var(--font-display);color:var(--color-obsidian);margin:0;font-size:1.05rem;font-style:italic;line-height:1.6}.stage-content{padding:var(--space-2xl) 0 var(--space-4xl)}.content-layout{gap:var(--space-2xl);display:grid}@media (width>=960px){.content-layout{gap:var(--space-3xl);grid-template-columns:minmax(0,1fr) 17.5rem;align-items:start}}.article-body{min-width:0;max-width:var(--measure)}.reading-bar{top:var(--header-height);z-index:90;background:color-mix(in srgb, var(--color-degas) 96%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb, var(--color-silver) 65%, transparent);position:sticky}.reading-bar__track{background:color-mix(in srgb, var(--color-silver) 45%, transparent);height:3px;overflow:hidden}.reading-bar__fill{background:linear-gradient(90deg, var(--color-cherry), var(--color-honey));width:0%;height:100%;transition:width .12s ease-out}@media (prefers-reduced-motion:reduce){.reading-bar__fill{transition:none}}.reading-bar__meta{padding:.35rem max(1.5rem, calc((100% - var(--max-width)) / 2 + 1.5rem));min-height:1.75rem;font-family:var(--font-mono);color:var(--color-ink-faint);align-items:center;gap:.35rem;margin:0;font-size:.72rem;line-height:1.3;display:flex}.reading-bar__stage{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.reading-bar__sep{color:var(--color-silver);flex-shrink:0}.reading-bar__section{white-space:nowrap;text-overflow:ellipsis;max-width:55%;color:var(--color-patina-dark);flex:0 auto;font-weight:500;overflow:hidden}.toc-mobile{margin-bottom:var(--space-xl);border:1px solid var(--color-silver);border-radius:var(--radius);background:var(--color-degas)}.toc-mobile summary{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint);cursor:pointer;user-select:none;font-size:.72rem;font-weight:500;list-style:none}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:after{content:"+";float:right;color:var(--color-patina);font-size:.85rem;line-height:1}.toc-mobile[open] summary:after{content:"−"}.toc-mobile summary:hover,.toc-mobile summary:focus-visible{color:var(--color-patina-dark);outline:none}.toc-mobile summary:focus-visible{box-shadow:inset 0 0 0 2px var(--color-cherry)}.toc-mobile nav{padding:var(--space-sm) var(--space-md) var(--space-md);border-top:1px solid color-mix(in srgb, var(--color-silver) 70%, transparent)}.toc-mobile ol{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}@media (width>=960px){.toc-mobile{display:none}}.sidebar-toc ol{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (width<=959px){.sidebar-toc{display:none}}.toc-link{color:var(--color-patina-dark);padding:.15rem 0;font-size:.88rem;line-height:1.45;text-decoration:none;transition:color .15s;display:block}.toc-link:hover,.toc-link:focus-visible{color:var(--color-cherry);outline:none;text-decoration:underline}.toc-link:focus-visible{text-decoration:underline 2px}.toc-link[aria-current=true]{color:var(--color-cherry);font-weight:600}.section-block{margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid color-mix(in srgb, var(--color-silver) 60%, transparent);scroll-margin-top:var(--scroll-offset)}.section-block:last-of-type{margin-bottom:var(--space-2xl);border-bottom:none}.section-block h2{font-family:var(--font-display);color:var(--color-obsidian);margin:0 0 var(--space-lg);letter-spacing:-.01em;font-size:clamp(1.35rem,2.5vw,1.55rem);font-weight:500;line-height:1.3}.section-block p{color:var(--color-ink);margin:0;font-size:1.0625rem;line-height:1.8}.section-block p+p{margin-top:var(--space-md)}.article-figure{margin:0 0 var(--space-xl);border-radius:var(--radius-lg);background:var(--color-degas);box-shadow:var(--shadow-soft);overflow:hidden}.article-figure img{aspect-ratio:3/2;object-fit:cover;border-bottom:1px solid color-mix(in srgb, var(--color-silver) 50%, transparent);width:100%}.article-figure figcaption{padding:var(--space-sm) var(--space-md);color:var(--color-ink-muted);background:color-mix(in srgb, var(--color-degas) 80%, var(--color-parchment));font-size:.875rem;line-height:1.55}.article-figure .figure-credit{font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-ink-faint);font-size:.75rem}.references-block{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid color-mix(in srgb, var(--color-silver) 60%, transparent)}.references-block h2{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint);margin:0 0 var(--space-md);font-size:.72rem;font-weight:500}.references-block ol{gap:var(--space-sm);margin:0;padding-left:1.25rem;display:grid}.references-block a{color:var(--color-patina-dark);text-underline-offset:2px;text-decoration:underline}.references-block a:hover{color:var(--color-cherry)}.ref-publisher{color:var(--color-ink-faint);font-size:.9rem}.callouts{gap:var(--space-md);margin:var(--space-2xl) 0;display:grid}.callout{padding:var(--space-lg) var(--space-xl);border-radius:var(--radius);background:var(--color-degas);border-left:3px solid}.callout--fact{border-left-color:var(--color-patina);background:color-mix(in srgb, var(--color-patina) 6%, var(--color-degas))}.callout--insight{border-left-color:var(--color-honey);background:color-mix(in srgb, var(--color-honey) 8%, var(--color-degas))}.callout-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-sm);color:var(--color-ink-faint);font-size:.68rem;font-weight:500;display:block}.callout p{color:var(--color-ink);margin:0;font-size:1rem;line-height:1.7}.sidebar{gap:var(--space-lg);flex-direction:column;display:flex}@media (width>=960px){.sidebar{top:var(--scroll-offset);max-height:calc(100vh - var(--scroll-offset) - var(--space-lg));overscroll-behavior:contain;position:sticky;overflow-y:auto}}.sidebar-card{background:var(--color-degas);border:1px solid var(--color-silver);border-radius:var(--radius-lg);padding:var(--space-lg)}.sidebar-card h2{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint);margin:0 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-silver);font-size:.72rem;font-weight:500}.fact-row{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid color-mix(in srgb, var(--color-silver) 50%, transparent);flex-direction:column;gap:2px;display:flex}.fact-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.fact-label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-ink-faint);font-size:.68rem}.fact-value{color:var(--color-obsidian);font-size:.92rem;font-weight:500}.glossary-list{margin:0;padding:0;list-style:none}.glossary-list li{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid color-mix(in srgb, var(--color-silver) 50%, transparent)}.glossary-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.glossary-term{color:var(--color-obsidian);margin-bottom:2px;font-size:.88rem;font-weight:600;display:block}.glossary-def{color:var(--color-ink-muted);font-size:.82rem;line-height:1.55}.stage-nav{gap:var(--space-md);padding:var(--space-2xl) 0 0;margin-top:var(--space-2xl);border-top:1px solid var(--color-silver);grid-template-columns:1fr 1fr;display:grid}.stage-nav a{color:var(--color-ink);gap:var(--space-xs);padding:var(--space-lg);border:1px solid var(--color-silver);border-radius:var(--radius);background:var(--color-degas);flex-direction:column;justify-content:center;min-height:5rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:flex}.stage-nav a:hover,.stage-nav a:focus-visible{border-color:var(--color-cherry);background:var(--color-parchment);color:var(--color-cherry)}.stage-nav .nav-title{font-family:var(--font-display);font-size:1.05rem;font-weight:500;line-height:1.3}.stage-nav .nav-label{font-family:var(--font-mono);color:var(--color-ink-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:500}.stage-nav .nav-next{text-align:right;margin-left:auto}.stage-nav .nav-placeholder{visibility:hidden;pointer-events:none}.site-footer{background:var(--color-obsidian);color:var(--color-silver);padding:var(--space-2xl) 0;margin-top:auto}.footer-inner{gap:var(--space-md);flex-direction:column;display:flex}.footer-top{justify-content:space-between;align-items:baseline;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid color-mix(in srgb, var(--color-silver) 25%, transparent);flex-wrap:wrap;display:flex}.footer-brand{font-family:var(--font-display);color:var(--color-parchment);font-size:1.15rem;font-weight:500}.footer-tagline{color:var(--color-silver);opacity:.85;margin:0;font-size:.85rem}.footer-stages{gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-stages a{color:var(--color-silver);font-family:var(--font-mono);letter-spacing:.02em;font-size:.75rem;text-decoration:none}.footer-stages a:hover,.footer-stages a:focus-visible{color:var(--color-honey)}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);font-family:var(--font-mono);letter-spacing:.03em;color:color-mix(in srgb, var(--color-silver) 70%, transparent);flex-wrap:wrap;font-size:.72rem;display:flex}.footer-bottom a{color:var(--color-silver);text-decoration:none}.footer-bottom a:hover,.footer-bottom a:focus-visible{color:var(--color-honey)}@media (width<=640px){.hero{padding:var(--space-3xl) 0 var(--space-2xl)}.journey-section{padding:var(--space-3xl) 0}.menu-toggle{display:block}.nav-list{top:var(--header-height);background:var(--color-degas);padding:var(--space-lg);border-bottom:1px solid var(--color-silver);box-shadow:var(--shadow-soft);align-items:stretch;gap:var(--space-sm);flex-direction:column;margin-left:0;display:none;position:absolute;left:0;right:0}.nav-list.is-open{display:flex}.nav-list a{padding:var(--space-sm) 0;display:block}.stage-hero{padding:var(--space-2xl) 0 var(--space-xl)}.stage-content{padding:var(--space-xl) 0 var(--space-3xl)}.reading-bar__meta{padding-inline:.75rem}.stage-nav{grid-template-columns:1fr}.stage-nav .nav-next{text-align:left;margin-left:0}.content-layout{grid-template-columns:1fr}}.not-found{padding:var(--space-4xl) 0;text-align:center}.not-found h1{font-family:var(--font-display);color:var(--color-obsidian);margin:0 0 var(--space-md);font-size:clamp(2rem,5vw,2.75rem);font-weight:500}.not-found p{color:var(--color-ink-muted);max-width:40ch;margin:0 auto var(--space-xl);line-height:1.7}.not-found-code{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-cherry);margin-bottom:var(--space-lg);font-size:.75rem;display:block}@media print{.site-header,.menu-toggle,.reading-bar,.toc-mobile,.sidebar,.stage-nav,.skip-link{display:none!important}body{color:#000;background:#fff;font-size:11pt;line-height:1.6}.article-body{max-width:none}.section-block{break-inside:avoid;page-break-inside:avoid}a[href^=http]:after{content:" (" attr(href) ")";color:#555;font-size:.85em}}