.coffee-making,.glossary-term,.glossary-page{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}:is(.coffee-making,.glossary-term,.glossary-page) :is(p,h1,h2,h3,dl,dd,figure){margin:0}.coffee-making{gap:20px}.making-lead{font:500 var(--text-body)/1.45 var(--font-display)}.making-term,.glossary-link{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ink) 35%,transparent);text-decoration-thickness:1px;text-underline-offset:3px}.making-term:hover,.glossary-link:hover{text-decoration-color:currentColor}.making-photo,.making-land{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface)}.making-photo img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.making-land .origin-map{display:block;aspect-ratio:4 / 3;height:auto}.making-land figcaption{padding:10px 2px 0;background:var(--paper);color:var(--muted);font:400 var(--text-small)/1.5 var(--font-body)}.coffee-making .spec-grid{margin-block:var(--over)}.making-steps{display:grid;margin:0;padding:0;list-style:none}.making-steps li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:14px;padding-bottom:30px}.making-steps li:not(:last-child):before{content:"";position:absolute;top:40px;bottom:0;left:19.5px;width:1px;background:var(--line)}.making-step-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface);color:var(--ink)}.making-step-mark .step-icon{width:20px;height:20px}.making-step-text{display:grid;gap:4px;padding-top:9px;font-size:var(--text-small);line-height:1.45}.making-step-text b{font-weight:500}.making-step-text span{color:var(--muted)}.making-step-time{margin-top:8px;padding:3px 8px;border-radius:4px;background:var(--surface);font:500 var(--text-micro)/1.3 var(--font-display);white-space:nowrap}.making-step-photo{grid-column:2 / -1;overflow:hidden;border-radius:4px}.making-step-photo img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.making-meta{color:var(--muted);font:400 var(--text-small)/1.55 var(--font-body)}.making-more{display:inline-flex;align-items:center;gap:6px;width:fit-content;color:var(--muted);font:500 var(--text-small)/1.3 var(--font-display);text-decoration:none}.making-more:hover{color:var(--ink)}.making-more .icon-arrow{width:12px;height:12px}.glossary-crumb a{color:var(--muted);font:500 var(--text-small)/1.3 var(--font-display);text-decoration:none}.glossary-crumb a:hover{color:var(--ink)}.glossary-head{display:grid;gap:10px}.glossary-head h1{font:500 var(--text-title)/1.08 var(--font-display);letter-spacing:-.035em}.glossary-summary{max-width:52ch;color:var(--muted);font:400 var(--text-body)/1.55 var(--font-body)}.glossary-photo{overflow:hidden;max-width:32rem;border-radius:var(--radius);background:var(--surface)}.glossary-photo img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.glossary-text{display:grid;gap:12px;max-width:60ch}.glossary-text p{font:400 var(--text-body)/1.55 var(--font-body)}.glossary-term .spec-grid{max-width:32rem;margin-block:var(--over)}.glossary-family{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:8px;max-width:40rem;margin:0;padding:0;list-style:none}.glossary-card{position:relative;display:grid;gap:2px;height:100%;padding:12px 40px 13px 14px;border-radius:var(--radius);background:var(--surface);color:inherit;text-decoration:none;transition:background var(--duration) var(--ease)}.glossary-card:hover{background:color-mix(in srgb,var(--ink) 8%,var(--surface))}.glossary-card span{color:var(--muted);font:400 var(--text-micro)/1.3 var(--font-display)}.glossary-card b{font:500 var(--text-small)/1.3 var(--font-display)}.glossary-card .icon-arrow{position:absolute;top:50%;right:14px;width:13px;height:13px;translate:0 -50%;color:var(--muted)}.glossary-card:hover .icon-arrow{color:var(--ink)}.glossary-coffees{display:grid;gap:14px}.glossary-coffees h2{color:var(--muted);font:500 var(--text-small)/1.3 var(--font-display)}.product-drawer-page .glossary-coffees .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.glossary-page{gap:clamp(40px,6vw,72px);padding-block:clamp(2rem,5vw,4rem) clamp(4rem,8vw,7rem)}.glossary-page .glossary-head h1{font:500 clamp(2.75rem,6vw,5.5rem)/.98 var(--font-display);letter-spacing:-.045em}.glossary-group{display:grid;gap:16px}.glossary-group h2{font:500 var(--text-title)/1.1 var(--font-display);letter-spacing:-.03em}.glossary-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:8px;margin:0;padding:0;list-style:none}.glossary-list a{display:grid;gap:4px;height:100%;padding:14px 16px 16px;border-radius:var(--radius);background:var(--surface);color:inherit;text-decoration:none;transition:background var(--duration) var(--ease)}.glossary-list a:hover{background:color-mix(in srgb,var(--ink) 8%,var(--surface))}.glossary-list b{font:500 var(--text-body)/1.3 var(--font-display)}.glossary-list span{color:var(--muted);font-size:var(--text-small);line-height:1.5}.roast-scale{display:grid;gap:10px;padding-top:30px}.roast-scale-bar{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,#2b1a12,#5a3622 30%,#9a6a43 60%,#d2ab7c 85%,#ead3b0);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 16%,transparent)}.roast-scale-mark{position:absolute;bottom:calc(100% + 10px);left:var(--at);font:500 var(--text-small)/1 var(--font-display);transform:translate(-50%)}.roast-scale-mark:after{content:"";position:absolute;top:calc(100% + 6px);left:50%;width:18px;height:18px;box-sizing:border-box;border:2px solid var(--ink);border-radius:50%;background:var(--paper);transform:translate(-50%)}.roast-agtron{margin:14px 0 0;color:var(--muted);font-size:var(--text-small)}.roast-scale figcaption{display:flex;justify-content:space-between;color:var(--muted);font:400 var(--text-small)/1.3 var(--font-body)}.roast-range{display:grid;gap:10px}.roast-range h3{font:500 var(--text-body)/1.3 var(--font-display)}.roast-range p{font:400 var(--text-body)/1.55 var(--font-body)}.roast-range+.roast-range p{color:var(--muted);font-size:var(--text-small)}.making-cup{display:grid;gap:4px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);font:500 var(--text-body)/1.45 var(--font-display)}.making-cup span{color:var(--muted);font:500 var(--text-micro)/1.3 var(--font-display)}.making-usual{font:500 var(--text-small)/1.4 var(--font-display);color:var(--muted)}.making-usual+.making-steps{margin-top:-8px}.glossary-steps{display:grid;gap:18px}.glossary-steps h2{font:500 var(--text-body)/1.3 var(--font-display)}.making-summary{font:400 var(--text-small)/1.55 var(--font-body)}
/*# sourceMappingURL=/cdn/shop/t/34/assets/glossary.css.map */