.coffee-intro{font-size:var(--s1);line-height:1.55;max-width:52ch;margin:1rem 0 3rem}.coffee h2{font-size:var(--s3);margin-bottom:1rem}.signpost{display:inline-flex;align-items:center;gap:.7rem;margin-top:3rem;font:400 1rem/1.2 var(--font-marker);color:#4a2f1d}.signpost>span{display:inline-block;background:linear-gradient(180deg,#6b4428,#4a2f1d);color:#fbf3df;padding:.45em 1.4em .4em .9em;border-radius:3px;transform:rotate(-2deg);box-shadow:0 5px 8px -5px #1e1405b3;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}.vine-band{margin:4rem 0 0;height:min(52vh,26rem);background:#3a2618 var(--band) center / cover no-repeat;display:grid;align-items:end;position:relative}@media(min-width:60rem){.vine-band{background-attachment:fixed}}.vine-band figcaption{width:100%;max-width:var(--wide);margin-inline:auto;padding:0 var(--gutter) 1.2rem;display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:.5rem}.vine-band .signpost{margin:0;color:#fff8ec;text-shadow:0 1px 8px rgba(0,0,0,.6)}.vine-band small{font-size:.7rem;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.7)}.vine-band small a{color:inherit}.finder{margin-bottom:3rem;max-width:52rem}.finder input{font:inherit;font-size:var(--s1);width:100%;padding:.8rem 1rem;border:1.5px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--fig-skin)}.results{list-style:none;margin:.5rem 0 0;padding:0;display:grid}.results li button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem 1rem;width:100%;padding:.65rem .75rem;border-bottom:1px solid var(--rule)}.results li button:hover,.results li button:focus-visible{background:var(--surface);outline:none}.results .r-name{font-family:var(--font-display);font-size:var(--s1)}.results .r-type{font:400 .8rem/1.2 var(--font-marker);background:#ead9c3;color:#4a2f1d;padding:.25em .6em;align-self:center}.results .r-desc{grid-column:1 / -1;color:var(--muted);font-size:var(--s-1)}.variety-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.coffee .chip{font:600 var(--s-1)/1 var(--font-text);padding:.5rem .8rem;border-radius:999px;border:1px solid var(--rule);background:var(--surface);color:var(--fig-skin);cursor:pointer}.coffee .chip[aria-pressed=true]{background:#6b4428;border-color:#6b4428;color:#fbf3df}.map-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem}.map-toggle{display:flex;gap:.5rem;flex-wrap:wrap}.coffee .map-toggle .button{border-color:#6b4428}.coffee .map-toggle .button[aria-pressed=false]{background:transparent;color:#6b4428}.coffee .map-toggle .button[aria-pressed=true]{background:#6b4428;color:#fbf3df}.map-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr);margin-top:1rem}@media(min-width:64rem){.map-grid{grid-template-columns:minmax(0,5fr) minmax(0,2fr);align-items:start}}.coffee .map-frame{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.coffee .map-frame svg{display:block;width:100%;height:auto}#coffee-map .belt{fill:#6b442812}#coffee-map .belt-label{font:400 13px/1 var(--font-marker);fill:#8a6040}#coffee-map .land{fill:#e2d4c0;stroke:var(--surface);stroke-width:.6}#coffee-map .graticule{fill:none;stroke:#eadfcf;stroke-width:.5}#coffee-map .pin{cursor:pointer;outline:none}#coffee-map .pin .hit{fill:transparent}#coffee-map .origin .dot{fill:#6b4428;stroke:#fff;stroke-width:1.3}#coffee-map .origin .seam{fill:none;stroke:#e9cfa8;stroke-width:1}#coffee-map .roaster .dot{fill:#b5522b;stroke:#fff;stroke-width:1.3}#coffee-map .pin:hover .dot,#coffee-map .pin:focus-visible .dot{fill:#2c1a12}#coffee-map .pin.dim .dot{fill:#d3c3ad}#coffee-map .pin.active .dot{fill:var(--ginger);stroke:#2c1a12;stroke-width:2}#coffee-map[data-layer=origins] .layer-roasters,#coffee-map[data-layer=roasters] .layer-origins{display:none}.coffee .region-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:1.25rem 1.25rem 1.5rem;display:grid;gap:.8rem;align-content:start;min-height:12rem}.coffee .region-card h3{font-size:var(--s3)}.coffee .region-card .country{color:var(--muted);font-size:var(--s-1);margin-top:-.4rem}.coffee .region-card .facts{display:grid;grid-template-columns:auto 1fr;gap:.3rem .8rem;font-size:.95rem;margin:0}.coffee .region-card .facts dt{font:700 .8rem/1.6 var(--font-ticket);color:#8a6040}.coffee .region-card .facts dd{margin:0}.coffee .region-card h4{font:400 .95rem/1.2 var(--font-marker);background:#ead9c3;color:#4a2f1d;padding:.3em .7em .2em;justify-self:start;transform:rotate(-1deg)}.coffee .region-card ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.coffee .region-card .w-name{font-weight:700}.coffee .region-card .w-meta{color:var(--muted);font-size:var(--s-1)}.coffee .empty-card{color:var(--muted)}.coffee .history{margin-top:3rem;max-width:52rem}.coffee .era{margin-top:2.5rem}.coffee .era h3{font:400 1.05rem/1.2 var(--font-marker);display:inline-block;background:#ead9c3;color:#4a2f1d;padding:.35em .9em .25em;transform:rotate(-1deg);margin-bottom:1.25rem}.coffee .hist-list{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem}.coffee .hist-list li{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1.25rem}.coffee .hist-list .when{font:700 .95rem/1.3 var(--font-ticket);text-align:right;padding-top:.1rem}.coffee .hist-title{font-family:var(--font-display);font-size:var(--s1);margin-bottom:.2rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.coffee .legend-tag{font:400 .75rem/1 var(--font-marker);background:var(--tape);color:var(--tape-ink);padding:.25em .6em;transform:rotate(-2deg)}.coffee .feature{background:#2c1a12;color:#f6eee6;border-radius:var(--radius);padding:1.5rem 1.6rem;margin:0 0 1.75rem}.coffee .feature h4{font-family:var(--font-display);font-weight:400;font-size:var(--s2);color:#fff;margin-bottom:.6rem}.coffee .feature p{line-height:1.65}.coffee .geisha{margin-top:2rem}.coffee .src{display:inline-block;margin-top:.3rem;font-size:.8rem;color:var(--muted)}.coffee .cards{margin-top:4rem}.coffee .cards ul,.coffee .roasters ul{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}.coffee .cards li,.coffee .roasters li{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:1.1rem 1.2rem;display:grid;gap:.4rem;align-content:start;scroll-margin-top:2rem}.coffee .g-name{font-family:var(--font-display);font-size:var(--s2);line-height:1.1}.coffee .g-origin{font:400 .85rem/1.2 var(--font-marker);color:#8a6040}.coffee .roasters{margin-top:4rem}.coffee .roasters ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.coffee .r-city{font:700 .8rem/1.3 var(--font-ticket);color:#8a6040;display:flex;gap:.6rem;flex-wrap:wrap}.coffee .r-year{color:var(--muted)}.coffee .r-sig{font-size:.95rem;color:var(--muted)}.coffee .r-sig span{font:400 .85rem/1 var(--font-marker);color:#b5522b;margin-right:.3rem}.coffee .r-link{font-weight:600;font-size:.95rem;color:#b5522b}.coffee li:target{outline:2px solid var(--ginger)}@media(max-width:40rem){.coffee .hist-list li{grid-template-columns:1fr;gap:.2rem}.coffee .hist-list .when{text-align:left}}