.coffee.blue-tokai{--bt-paper:#f3ead8;color:var(--roast-ink);background:var(--bt-paper);border-color:#cfc3ab;padding:0;box-shadow:inset 0 0 34px #6348210f}.coffee.blue-tokai.active{box-shadow:11px 14px 20px #3d2d232e, 7px 9px 0 var(--roast-shadow)}.coffee.blue-tokai:focus-visible{box-shadow:0 0 0 3px var(--lime), 11px 14px 20px #3d2d232e, 7px 9px 0 var(--roast-shadow)}.blue-tokai .topline{min-height:37px;color:var(--roast-ink);background:repeating-linear-gradient(55deg, transparent 0 4px, var(--roaster-accent) 4px 5px);padding:9px 12px 7px;position:relative;overflow:hidden}.blue-tokai .topline:after{background:var(--roaster-accent);content:"";height:5px;position:absolute;bottom:0;left:0;right:0}.blue-tokai .topline span{z-index:1;background:#f3ead8eb;padding:2px 4px;position:relative}.blue-tokai .topline span:first-child{font-weight:700}.blue-tokai .art{height:142px;padding:0 5px;position:relative;overflow:hidden}.blue-tokai-artwork{opacity:.28;width:100%;height:100%;display:block;position:absolute;inset:0}.blue-tokai .coffee-mark{z-index:1;filter:drop-shadow(3px 5px 2px #3d2d232e);width:124px;height:124px;position:relative}.bt-botanical{stroke:var(--roaster-botanical);stroke-width:1.7px}.bt-leaves{fill:var(--roaster-accent)}.bt-bird{fill:var(--roaster-subject);stroke:var(--roaster-subject-line);stroke-width:1.7px}.bt-farm{stroke:var(--roaster-detail);stroke-width:1.55px}.coffee-bean-glyph{color:var(--roast-accent);fill:currentColor}.coffee-bean-seam{fill:none;stroke:var(--bt-paper,#f7f3e9);stroke-width:5px;stroke-linecap:round}.coffee-bean-contour{fill:none;stroke:var(--bt-paper,#f7f3e9);stroke-width:4px;stroke-linecap:round}.coffee-details{padding:14px 15px 16px}.blue-tokai .coffee-details{background:var(--roast-wash);border-top:1px solid #3d2d2333;min-height:142px}.blue-tokai h2{font-size:1.28rem}.blue-tokai .origin{color:var(--roast-ink);opacity:.76}.blue-tokai .meta{color:var(--roast-ink)}.blue-tokai .notes{gap:5px;margin-top:12px}.blue-tokai .notes li{color:var(--roast-ink);background:#ffffff80;padding:3px 5px;font-size:.55rem}.coffee.naivo{background:var(--naivo-paper);border-color:#d8e0e0;padding:0;box-shadow:inset 0 0 0 5px #ffffff47}.coffee.naivo.active{box-shadow:11px 14px 20px #2631392b, 7px 9px 0 var(--roast-shadow)}.coffee.naivo:focus-visible{box-shadow:0 0 0 3px var(--lime), 11px 14px 20px #2631392b, 7px 9px 0 var(--roast-shadow)}.naivo .topline{min-height:37px;color:var(--naivo-ink);background:#ffffffc2;padding:9px 12px 7px;position:relative}.naivo .topline:after{background:var(--naivo-panel);content:"";height:1px;position:absolute;bottom:7px;left:12px;right:12px}.naivo .topline span{z-index:1;position:relative}.naivo .topline span:first-child{font-weight:700}.naivo .art{height:142px;padding:0;position:relative;overflow:hidden}.naivo-artwork{width:100%;height:100%;display:block;position:absolute;inset:0}.naivo-contours{stroke:var(--naivo-line);stroke-width:1.05px;opacity:.72}.naivo-panel{fill:var(--naivo-panel)}.naivo-panel-lines{stroke:#ffffffbd;stroke-width:.65px}.naivo-panel-lines circle{fill:var(--naivo-signal);stroke:none}.naivo-horizon{stroke:var(--naivo-ink);stroke-width:1.35px;opacity:.6}.naivo .coffee-mark{z-index:1;filter:drop-shadow(3px 5px 2px #2631392b);width:124px;height:124px;position:relative}.naivo .coffee-details{background:#ffffffd6;border-top:1px solid #26313929;min-height:142px}.naivo .origin,.naivo .meta{color:var(--naivo-ink);opacity:.76}.naivo .notes{gap:5px;margin-top:12px}.naivo .notes li{color:var(--naivo-ink);background:color-mix(in srgb, var(--naivo-panel) 13%, white);padding:3px 5px;font-size:.55rem}.coffee.fraction9{border-color:color-mix(in srgb, var(--fraction9-panel) 35%, white);color:var(--fraction9-ink);background:var(--fraction9-paper);padding:0;box-shadow:inset 0 0 0 5px #ffffff3d}.coffee.fraction9.active{box-shadow:11px 14px 20px #3e231c30, 7px 9px 0 var(--roast-shadow)}.coffee.fraction9:focus-visible{box-shadow:0 0 0 3px var(--lime), 11px 14px 20px #3e231c30, 7px 9px 0 var(--roast-shadow)}.fraction9 .topline{min-height:37px;color:var(--fraction9-ink);background:var(--fraction9-paper);letter-spacing:.03em;padding:9px 12px 7px;font-family:Gill Sans Nova,Century Gothic,sans-serif;font-weight:800;position:relative}.fraction9 .topline:after{background:var(--fraction9-line);content:"";height:2px;position:absolute;bottom:7px;left:12px;right:12px}.fraction9 .topline span{z-index:1;position:relative}.fraction9 .art{height:142px;padding:0;position:relative;overflow:hidden}.fraction9-artwork{opacity:.56;width:100%;height:100%;display:block;position:absolute;inset:0}.fraction9-title{stroke:var(--fraction9-line);stroke-width:2.1px}.fraction9-word{fill:var(--fraction9-ink);letter-spacing:.035em;font-family:Gill Sans Nova,Century Gothic,sans-serif;font-size:14px;font-weight:900}.fraction9-panel{fill:var(--fraction9-panel)}.fraction9-guide{stroke:#ffffffd6;stroke-dasharray:4 4;stroke-width:1.1px}.fraction9-score{stroke:#ffffffbd;stroke-width:1px}.fraction9-score path{stroke-dasharray:2 3}.fraction9-fill{fill:var(--fraction9-accent)}.fraction9 .coffee-mark{z-index:1;filter:drop-shadow(3px 5px 2px #341e1738);width:124px;height:124px;position:relative}.fraction9 .coffee-bean-seam,.fraction9 .coffee-bean-contour{stroke:var(--fraction9-paper)}.fraction9 .coffee-details{border-top:1px solid color-mix(in srgb, var(--fraction9-panel) 30%, white);background:#ffffffd1;min-height:142px}.fraction9 .origin,.fraction9 .meta{color:var(--fraction9-ink);opacity:.72}.fraction9 .notes{gap:5px;margin-top:12px}.fraction9 .notes li{color:var(--fraction9-ink);background:color-mix(in srgb, var(--fraction9-panel) 12%, white);padding:3px 5px;font-size:.55rem}.coffee.roastery{border-color:color-mix(in srgb, var(--roastery-pouch) 42%, white);color:var(--roastery-ink);background:var(--roastery-paper);padding:0;box-shadow:inset 0 0 0 5px #ffffff2e}.coffee.roastery.active{box-shadow:11px 14px 20px #451f1b36, 7px 9px 0 var(--roast-shadow)}.coffee.roastery:focus-visible{box-shadow:0 0 0 3px var(--lime), 11px 14px 20px #451f1b36, 7px 9px 0 var(--roast-shadow)}.roastery .topline{min-height:37px;color:var(--roastery-paper);background:var(--roastery-ink);letter-spacing:.02em;padding:9px 12px 7px;font-family:Georgia,serif;font-size:.7rem}.roastery .topline span:last-child{letter-spacing:.08em;font-family:Gill Sans Nova,Century Gothic,sans-serif;font-size:.62rem}.roastery .art{height:142px;padding:0;position:relative;overflow:hidden}.roastery-artwork{opacity:.66;width:100%;height:100%;display:block;position:absolute;inset:0}.roastery-pouch-lines{fill:none;stroke:#f7eee770;stroke-width:.75px}.roastery-word{fill:var(--roastery-paper);letter-spacing:.07em;font-family:Georgia,serif;font-size:15px}.roastery-subword{fill:var(--roastery-paper);font-family:Georgia,serif;font-size:7px}.roastery-plate{fill:var(--roastery-paper)}.roastery-plate-lines{fill:none;stroke:var(--roastery-line);stroke-width:.8px}.roastery-score{fill:var(--roastery-ink);letter-spacing:.06em;font-family:Gill Sans Nova,Century Gothic,sans-serif;font-size:6px;font-weight:800}.roastery-score circle{fill:var(--roastery-pouch)}.roastery-score circle:nth-of-type(4),.roastery-score circle:nth-of-type(8){fill:none;stroke:var(--roastery-pouch);stroke-width:1px}.roastery-score path{fill:none;stroke:var(--roastery-pouch);stroke-width:1.2px}.roastery .coffee-mark{z-index:1;filter:drop-shadow(3px 5px 2px #411c1840);width:108px;height:108px;position:relative;transform:translateY(-9px)}.roastery .coffee-bean-seam,.roastery .coffee-bean-contour{stroke:var(--roastery-paper)}.roastery .coffee-details{border-top:1px solid color-mix(in srgb, var(--roastery-line) 70%, white);background:var(--roastery-paper);min-height:142px}.roastery h2{letter-spacing:-.03em;font-family:Georgia,serif;font-size:1.42rem;line-height:.98}.roastery .origin,.roastery .meta{color:var(--roastery-ink);opacity:.75}.roastery .notes{gap:5px;margin-top:12px}.roastery .notes li{border:1px solid color-mix(in srgb, var(--roastery-line) 74%, white);color:var(--roastery-ink);background:0 0;padding:3px 5px;font-size:.55rem}.coffee.araku{border-color:color-mix(in srgb, var(--araku-blue) 36%, white);color:#20242b;background:var(--araku-paper);padding:0;box-shadow:inset 0 0 0 5px #fff6}.coffee.araku.active{box-shadow:11px 14px 20px #1f27592e, 7px 9px 0 var(--roast-shadow)}.coffee.araku:focus-visible{box-shadow:0 0 0 3px var(--lime), 11px 14px 20px #1f27592e, 7px 9px 0 var(--roast-shadow)}.araku .topline{color:#202466;background:var(--araku-paper);letter-spacing:.025em;min-height:37px;padding:9px 12px 7px;font-family:Georgia,serif;font-weight:700}.araku .topline:after{background:var(--araku-blue);content:"";height:1px;position:absolute;bottom:7px;left:12px;right:12px}.araku .topline{position:relative}.araku .art{height:142px;padding:0;position:relative;overflow:hidden}.araku-artwork{opacity:.64;width:100%;height:100%;display:block;position:absolute;inset:0}.araku-veins{fill:none;stroke:#ffffff7a;stroke-width:1.1px}.araku .coffee-mark{z-index:1;filter:drop-shadow(3px 5px 2px #1f275933);width:116px;height:116px;position:relative}.araku .coffee-bean-seam,.araku .coffee-bean-contour{stroke:var(--araku-paper)}.araku .coffee-details{border-top:1px solid color-mix(in srgb, var(--araku-blue) 27%, white);background:#ffffffe6;min-height:142px}.araku h2{letter-spacing:-.025em;font-family:Georgia,serif;font-size:1.36rem}.araku .origin,.araku .meta{color:#202466;opacity:.74}.araku .notes{gap:5px;margin-top:12px}.araku .notes li{color:#202466;background:color-mix(in srgb, var(--araku-sky) 22%, white);padding:3px 5px;font-size:.55rem}@media (width<=680px){.coffee.blue-tokai.active{box-shadow:8px 10px 16px #3d2d232e, 5px 7px 0 var(--roast-shadow)}.coffee.naivo.active{box-shadow:8px 10px 16px #2631392b, 5px 7px 0 var(--roast-shadow)}.coffee.fraction9.active{box-shadow:8px 10px 16px #3e231c30, 5px 7px 0 var(--roast-shadow)}.coffee.roastery.active{box-shadow:8px 10px 16px #451f1b36, 5px 7px 0 var(--roast-shadow)}.coffee.araku.active{box-shadow:8px 10px 16px #1f27592e, 5px 7px 0 var(--roast-shadow)}}:root{--leaf:#24352d;--paper:#f7f3e9;--ink:#19312a;--line:#d9d6c9;--lime:#d3f061;color:var(--ink);background:var(--paper);font-family:Gill Sans Nova,Century Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.discovery{min-height:47vh;color:var(--ink);background:#e8dfcf;padding:28px clamp(24px,7vw,112px) 56px}.discovery.compact{border-bottom:1px solid #d4c8b7;min-height:0;padding-top:18px;padding-bottom:18px}header{justify-content:space-between;align-items:center;display:flex}.wordmark{color:inherit;letter-spacing:-.04em;align-items:center;gap:0;font-size:1.65rem;font-weight:800;text-decoration:none;display:inline-flex}.wordmark:focus-visible{outline:3px solid var(--lime);outline-offset:4px;border-radius:3px}.wordmark-bean{width:10px;height:12px;color:inherit;margin-left:1px;overflow:visible;transform:translateY(4px)rotate(7deg)}.wordmark-bean .coffee-bean-glyph{color:inherit;fill:currentColor}.wordmark-bean .coffee-bean-seam,.wordmark-bean .coffee-bean-contour{stroke:#e8dfcf}.header-label,.rail-heading,.focus-caption span,.topline,.meta{letter-spacing:.04em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.header-label{opacity:.7}.intro-copy{text-align:center;max-width:710px;margin:clamp(64px,11vw,130px) auto 34px}.intro-copy h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.3rem,5vw,4.9rem);line-height:.99}.coffee-accent{color:#87513c;letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;font-size:1.04em;font-style:italic;font-weight:700}.intro-copy em{color:var(--leaf);font-style:normal}.intro-copy p{color:#4d625a;max-width:430px;margin:22px auto 0;line-height:1.6}.search{width:min(640px,100%);margin:auto;position:relative}.search label{margin-bottom:9px;font-size:.76rem;font-weight:700;display:block}.search-row{border-bottom:2px solid var(--leaf);align-items:center;gap:12px;padding:9px 1px;display:flex}.search-row b{color:var(--leaf);font-size:1.5rem;transform:rotate(-20deg)}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:1rem}.search input::placeholder{color:#4d625a}.search input[type=search]::-webkit-search-cancel-button{appearance:none}.clear{width:24px;height:24px;color:var(--paper);background:var(--leaf);border:0;border-radius:50%}.suggestions{z-index:3;width:100%;color:var(--ink);background:var(--paper);margin:7px 0 0;padding:7px;list-style:none;position:absolute;box-shadow:8px 9px #00000029}.suggestions button{width:100%;color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;gap:18px;padding:12px;display:flex}.suggestions button:hover,.suggestions button:focus-visible{background:#e8eee8}.suggestions small{color:#62766d}.rail-section{padding:25px 0 44px;overflow:hidden}.rail-heading{color:#5e7269;justify-content:space-between;align-items:center;max-width:1050px;margin:0 auto 4px;padding:0 22px;display:flex}.rail-heading p{color:var(--ink);margin:0}.mode-switch{gap:4px;display:flex}.mode-switch button{color:#5e7269;background:0 0;border:0;padding:6px 9px;font-size:.7rem}.mode-switch button.selected{color:var(--ink);background:#e8eee8}.choose-cue,.state,.match-reason{color:#60766b;max-width:1050px;margin:18px auto;padding:0 22px}.error{color:#a73d34}.seed-reminder-wrap{max-width:1050px;margin:0 auto 24px;padding:0 22px}.seed-reminder{border:1px solid var(--line);min-height:112px;color:var(--ink);box-shadow:6px 8px 18px #19312a1a, 4px 5px 0 var(--roast-shadow,#b5c6a7);background:#fdfbf6;border-radius:14px;grid-template-columns:118px minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.seed-art{background:var(--roast-wash);place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.seed-art>svg:not(.coffee-mark){opacity:.38;width:100%;height:100%;position:absolute;inset:0}.seed-reminder .seed-art .coffee-mark{z-index:1;filter:drop-shadow(2px 3px 2px #19312a29);width:78px;height:78px;position:relative;transform:none}.seed-copy{align-self:center;min-width:0;padding:15px 20px}.seed-label{color:#60766b;letter-spacing:.04em;text-transform:uppercase;margin:0 0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.seed-copy h2{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.35rem;line-height:1.05;overflow:hidden}.seed-roaster{color:#587167;margin:4px 0 9px;font-size:.72rem}.seed-facts{color:#4d625a;text-transform:uppercase;flex-wrap:wrap;gap:5px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;display:flex}.seed-facts span+span:before{color:#9aaba3;content:"·";padding-right:12px}.change-seed{min-height:44px;color:var(--paper);background:var(--ink);border:0;border-radius:8px;align-self:center;align-items:center;gap:7px;margin:16px 18px 16px 0;padding:9px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.change-seed span{color:var(--lime);font-size:1rem;transform:rotate(-20deg)}.change-seed:hover{color:var(--paper);background:#2e4a41}.change-seed:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.coffee-rail{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;gap:clamp(12px,2vw,26px);padding:38px max(18px,50vw - 165px) 46px;display:flex;overflow-x:auto}.coffee-rail::-webkit-scrollbar{display:none}.coffee{border:1px solid var(--line);min-height:321px;color:var(--ink);scroll-snap-align:center;opacity:.5;background:#fdfbf6;border-radius:14px;outline:0;flex:0 0 210px;padding:15px;transition:transform .42s cubic-bezier(.2,.85,.2,1),opacity .26s,box-shadow .42s;overflow:hidden;transform:scale(.82)}.coffee.active{z-index:1;opacity:1;box-shadow:11px 14px 20px #19312a29, 7px 9px 0 var(--roast-shadow,#b5c6a7);transform:scale(1.12)}.coffee:focus-visible{box-shadow:0 0 0 3px var(--lime), 11px 14px 20px #19312a29, 7px 9px 0 var(--roast-shadow,#b5c6a7)}.topline{color:#5c7067;justify-content:space-between;display:flex}.art{place-items:center;height:130px;display:grid}.coffee-mark{width:110px;height:110px}.coffee-mark .coffee-bean-glyph{color:inherit}.coffee h2{letter-spacing:-.04em;margin:0;font-size:1.5rem;line-height:1}.coffee-details{padding-top:14px}.origin{color:#587167;margin:6px 0 13px;font-size:.72rem}.meta{color:#4d625a;gap:7px;font-size:.58rem;display:flex}.meta span+span:before{content:"·";padding-right:7px}.notes{flex-wrap:wrap;flex:1;gap:5px;margin:15px 0 0;padding:0;list-style:none;display:flex}.notes li{color:#3f564c;background:var(--roast-wash,#e8eee8);border-radius:999px;padding:4px 6px;font-size:.61rem}.focus-caption{color:#60766b;text-align:center;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;font-size:.75rem;display:flex}.focus-caption span{color:#253b31}.focus-caption b{font-weight:500}.match-reason{text-align:center;font-size:.82rem}.retry{color:inherit;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.coffee-link{color:currentColor;letter-spacing:.03em;text-transform:uppercase;align-items:center;min-height:28px;margin-top:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:700;text-decoration:none;display:inline-flex}.coffee-link:hover{text-underline-offset:3px;text-decoration:underline}.coffee-link:focus-visible{outline:2px solid var(--roast-accent);outline-offset:3px;border-radius:2px}@media (width<=680px){.discovery{padding-bottom:45px}.discovery.compact{padding-top:16px;padding-bottom:16px}.intro-copy{text-align:left;margin-top:78px}.intro-copy p{margin-left:0}.seed-reminder-wrap{margin-bottom:22px;padding:0 18px}.seed-reminder{grid-template-rows:auto auto;grid-template-columns:88px minmax(0,1fr);min-height:0}.seed-art{grid-row:1/3}.seed-copy{grid-area:1/2;padding:13px 14px 4px}.seed-copy h2{white-space:normal;font-size:1.08rem}.seed-roaster{margin-bottom:7px}.seed-facts span:nth-child(2){display:none}.change-seed{grid-area:2/2;justify-self:stretch;min-height:44px;margin:2px 12px 12px;padding:8px 12px;font-size:.68rem}.rail-heading{align-items:flex-start}.coffee-rail{padding-top:30px;padding-bottom:39px}.coffee.active{transform:scale(1.08)}.suggestions button{display:block}.suggestions small{margin-top:3px;display:block}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}