.explore-coffee,.explore-coffee__panel,.explore-coffee__flyvideo,.explore-coffee__flood,.explore-coffee__clouds{--ink:#2b2320;--ground:#f4efe7;--ground-warm:#efe7da;--land:#d6c2a0;--land-belt:#cdb893;--coast:rgba(95,77,55,.45);--bone:#2b2320;--bone-dim:#7a6f5c;--line:rgba(43,35,32,.14);--line-strong:rgba(43,35,32,.32);--card:rgba(255,255,255,.55);--card-2:rgba(255,255,255,.28);--signal:#a26b25;--gold:#caa450;--sa:#b06a3c;--ca:#7e7a4a;--af:#a8472f;--as:#c2982f;--ec-display:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ec-serif:"Fraunces",Georgia,"Times New Roman",serif}.explore-coffee{position:relative;width:100vw;margin-left:calc(50% - 50vw);background:var(--ground);color:var(--bone);font-family:var(--ec-serif);overflow-x:hidden;padding-bottom:clamp(1.5rem,4vh,3rem);isolation:isolate}.explore-coffee *{box-sizing:border-box}.explore-coffee:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}.explore-coffee:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 50% 6%,rgba(202,164,80,.14),transparent 55%),radial-gradient(150% 110% at 50% 112%,rgba(43,35,32,.08),transparent 60%)}.explore-coffee__masthead,.explore-coffee__stage,.explore-coffee__legend,.explore-coffee__colophon,.explore-coffee__regions{position:relative;z-index:1}.explore-coffee__masthead{text-align:center;padding:clamp(2.2rem,5vh,4rem) 1rem 0}.explore-coffee__kicker{font-family:var(--ec-display);font-weight:700;font-size:.68rem;letter-spacing:.42em;text-transform:uppercase;color:var(--signal)}.explore-coffee h1{font-family:var(--ec-serif);font-weight:600;font-size:clamp(2rem,5.4vw,3.8rem);letter-spacing:.005em;margin-top:.5rem;color:var(--ink);line-height:1.04}.explore-coffee__standfirst{font-family:var(--ec-serif);font-style:italic;font-weight:400;font-size:clamp(1rem,1.6vw,1.25rem);color:var(--bone-dim);margin-top:.7rem}.explore-coffee__standfirst em{color:var(--bone);font-style:italic}.explore-coffee__stage{max-width:1500px;margin:0 auto;padding:1rem 1rem 0}.explore-coffee__map{display:block;width:100%;height:auto;cursor:default}.explore-coffee .land{fill:var(--land);stroke:var(--coast);stroke-width:.5}.explore-coffee .belt-band{fill:#a26b250f}.explore-coffee .tropic{stroke:#2b232033;stroke-width:.7;stroke-dasharray:3 6;fill:none}.explore-coffee .tropic-label{font-family:var(--ec-display);font-size:9.5px;letter-spacing:.3em;fill:#2b232052;text-transform:uppercase}.explore-coffee .origin{stroke:var(--ground);stroke-width:.5;transition:filter .3s,opacity .3s}.explore-coffee .origin.south-america{fill:var(--sa)}.explore-coffee .origin.central-america{fill:var(--ca)}.explore-coffee .origin.africa{fill:var(--af)}.explore-coffee .origin.asia{fill:var(--as)}.explore-coffee.is-enhanced .origin{cursor:pointer}.explore-coffee.is-enhanced .origin:hover{filter:brightness(1.12) saturate(1.1) drop-shadow(0 0 6px rgba(162,107,37,.35))}.explore-coffee .info-dot{pointer-events:none}.explore-coffee .info-dot circle.core{fill:#2b232099}.explore-coffee .dot{cursor:pointer}.explore-coffee .dot circle.core{fill:var(--ink);filter:drop-shadow(0 0 4px rgba(244,239,231,.9))}.explore-coffee .dot circle.halo{fill:none;stroke:#6e4310;stroke-width:1.8;opacity:1;transform-box:fill-box;transform-origin:center;animation:ec-pulse 2.6s ease-out infinite}@keyframes ec-pulse{0%{transform:scale(.4);opacity:1}80%{transform:scale(2.6);opacity:0}to{transform:scale(2.6);opacity:0}}.explore-coffee .leader{stroke:#2b232066;stroke-width:.7;fill:none}.explore-coffee .olabel{font-family:var(--ec-display);text-transform:uppercase;fill:var(--ink);font-weight:700;font-size:13px;letter-spacing:.18em}.explore-coffee .onote{font-family:var(--ec-display);fill:var(--bone-dim);font-weight:600;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase}@media(max-width:760px){.explore-coffee .leader,.explore-coffee .olabel,.explore-coffee .onote{display:none}}.explore-coffee__legend{display:none;flex-wrap:wrap;gap:clamp(.8rem,3vw,2.6rem);justify-content:center;padding:clamp(1rem,3vh,2.4rem) 1rem 1rem}.explore-coffee.is-enhanced .explore-coffee__legend{display:flex}.explore-coffee__region-btn{--c:var(--sa);width:172px;aspect-ratio:1;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--c) 90%,#fff 10%),var(--c) 58%,color-mix(in srgb,var(--c) 70%,#000 30%));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:1rem;box-shadow:0 14px 34px -14px color-mix(in srgb,var(--c) 55%,transparent);transition:transform .35s cubic-bezier(.2,.8,.25,1.1),box-shadow .35s}.explore-coffee__region-btn:hover,.explore-coffee__region-btn:focus-visible{transform:translateY(-7px) scale(1.04);box-shadow:0 24px 44px -14px color-mix(in srgb,var(--c) 70%,transparent)}.explore-coffee__region-btn .rname{font-family:var(--ec-display);font-weight:800;text-transform:uppercase;font-size:.92rem;letter-spacing:.16em;text-shadow:0 1px 8px rgba(0,0,0,.3)}.explore-coffee__region-btn .rflav{font-family:var(--ec-display);font-weight:600;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;opacity:.95;line-height:1.7}.explore-coffee__region-btn .rcount{font-family:var(--ec-serif);font-style:italic;font-size:.72rem;opacity:.9}@media(max-width:760px){.explore-coffee__region-btn{width:min(40vw,160px)}}.explore-coffee__colophon{text-align:center;padding:.4rem 1rem 1.4rem;font-family:var(--ec-display);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#2b232066}.explore-coffee.is-enhanced .explore-coffee__regions{display:none}.explore-coffee__regions{max-width:1100px;margin:1.5rem auto 0;padding:0 clamp(1rem,4vw,2rem);display:flex;flex-direction:column;gap:clamp(2rem,5vh,3.5rem)}.explore-coffee__region{border-top:1px solid var(--line);padding-top:clamp(1.5rem,4vh,2.5rem)}.explore-coffee__region h2{font-family:var(--ec-serif);font-weight:600;font-size:clamp(1.5rem,3.6vw,2.4rem);letter-spacing:.005em;color:var(--ink)}.explore-coffee__flavours{font-family:var(--ec-display);font-weight:700;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--signal);margin-top:.4rem}.explore-coffee__story{font-family:var(--ec-serif);color:var(--bone-dim);line-height:1.6;margin:.9rem 0 1.4rem;max-width:64ch}.explore-coffee__story p{margin:0 0 .8rem}.explore-coffee__scene{margin:0 0 1.4rem;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#1c1815}.explore-coffee__scene video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#1c1815}.explore-coffee__scene figcaption{padding:.8rem 1rem;font-family:var(--ec-serif);font-style:italic;font-size:.85rem;color:var(--bone-dim);background:var(--card)}.explore-coffee__shelf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.explore-coffee__shelf li a{background:linear-gradient(170deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:var(--bone);transition:transform .3s,border-color .3s,box-shadow .3s;height:100%}.explore-coffee__shelf li a:hover{transform:translateY(-4px);border-color:var(--signal);box-shadow:0 14px 30px -18px #2b232080}.explore-coffee__shelf img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px;opacity:.96;transition:opacity .25s}.explore-coffee__shelf li a:hover img{opacity:1}.explore-coffee__shelf-title{font-family:var(--ec-display);font-weight:700;font-size:.78rem;line-height:1.4}.explore-coffee__shelf-price{font-family:var(--ec-display);font-weight:800;font-size:.85rem;color:var(--signal);margin-top:auto}.explore-coffee__all{display:inline-block;margin-top:1.2rem;font-family:var(--ec-display);font-weight:700;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bone);border:1px solid var(--line-strong);border-radius:99px;padding:.7rem 1.3rem;text-decoration:none;transition:border-color .25s,color .25s,background .25s}.explore-coffee__all:hover{border-color:var(--signal);color:#fff;background:var(--signal)}.explore-coffee__flood{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483640;pointer-events:none;opacity:0;transition:opacity .55s ease}.explore-coffee__clouds{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483641;pointer-events:none;overflow:hidden;opacity:0}.explore-coffee__clouds span{position:absolute;border-radius:50%;filter:blur(46px);background:#f7f3ecf0}.explore-coffee__clouds.run{animation:ec-cloudfade 1.5s ease forwards}.explore-coffee__clouds.run span{animation:ec-cloudsweep 1.5s cubic-bezier(.45,0,.2,1) forwards}@keyframes ec-cloudsweep{0%{transform:translate(-130%) scale(1)}to{transform:translate(150%) scale(1.45)}}@keyframes ec-cloudfade{0%{opacity:0}18%{opacity:1}82%{opacity:1}to{opacity:0}}.explore-coffee__flyvideo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483643;background:#000;opacity:0;pointer-events:none;transition:opacity .45s ease;display:flex;align-items:center;justify-content:center;cursor:pointer}.explore-coffee__flyvideo.show{opacity:1;pointer-events:auto}.explore-coffee__flyvideo video{width:100%;height:100%;object-fit:cover}@media(orientation:portrait){.explore-coffee__flyvideo{background:var(--ink)}.explore-coffee__flyvideo video{object-fit:contain}}.explore-coffee__skip{position:absolute;right:1.4rem;bottom:1.4rem;font-family:var(--ec-display);font-weight:700;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:#ffffffd9;border:1px solid rgba(255,255,255,.4);border-radius:99px;padding:.55rem 1rem;background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.explore-coffee__panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483642;background:var(--ground-warm);color:var(--bone);font-family:var(--ec-serif);display:none;flex-direction:column;overflow-y:auto}.explore-coffee__panel.open{display:flex}.explore-coffee__panel-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:linear-gradient(var(--ground-warm) 70%,transparent)}.explore-coffee__back{font-family:var(--ec-display);font-weight:700;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;background:none;border:1px solid var(--line-strong);color:var(--bone);padding:.7rem 1.2rem;border-radius:99px;cursor:pointer;transition:border-color .25s,color .25s,background .25s}.explore-coffee__back:hover{border-color:var(--signal);color:#fff;background:var(--signal)}.explore-coffee__crumb{font-family:var(--ec-serif);font-style:italic;color:var(--bone-dim);font-size:.95rem}.explore-coffee__panel-body{display:grid;grid-template-columns:minmax(320px,5fr) minmax(360px,7fr);gap:clamp(1.2rem,3vw,3rem);padding:1rem clamp(1rem,4vw,3rem) 4rem;align-items:start}@media(max-width:980px){.explore-coffee__panel-body{grid-template-columns:1fr}}.explore-coffee__scene-fig{margin:0;position:sticky;top:5.2rem;border-radius:14px;overflow:hidden;border:1px solid var(--line)}@media(max-width:980px){.explore-coffee__scene-fig{position:static}}.explore-coffee__frame{--c:var(--sa);aspect-ratio:16/9;position:relative;background:radial-gradient(80% 55% at 50% 105%,color-mix(in srgb,var(--c) 30%,#2a2018 70%),transparent 70%),linear-gradient(178deg,#1c1813 4%,#2a2018 46%,#38291a 78%,#4a3621);background-size:cover;background-position:center}.explore-coffee__slate{position:absolute;left:1rem;bottom:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.explore-coffee__slate .tag{font-family:var(--ec-display);font-weight:700;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#ffffffd9;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:.45rem .8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.explore-coffee__scene-fig figcaption{padding:.9rem 1.1rem;font-family:var(--ec-serif);font-style:italic;font-size:.85rem;color:var(--bone-dim);background:var(--card)}.explore-coffee__hotspot{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;padding:0;z-index:2}.explore-coffee__hotspot .core{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:11px;height:11px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 8px #00000073}.explore-coffee__hotspot .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid #fff;opacity:.9;animation:ec-hotpulse 2.2s ease-out infinite}.explore-coffee__hotspot .ring.r2{animation-delay:1.1s}@keyframes ec-hotpulse{0%{transform:scale(.35);opacity:.9}70%{transform:scale(1.25);opacity:0}to{transform:scale(1.25);opacity:0}}.explore-coffee__hotspot[aria-pressed=true] .core{background:var(--gold)}.explore-coffee__hotspot .tip{position:absolute;bottom:130%;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--ec-display);font-weight:700;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:#000000a6;border-radius:99px;padding:.4rem .7rem;opacity:0;pointer-events:none;transition:opacity .25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.explore-coffee__hotspot:hover .tip,.explore-coffee__hotspot:focus-visible .tip{opacity:1}.explore-coffee__panel-title{font-family:var(--ec-serif);font-weight:600;font-size:clamp(1.6rem,3.6vw,2.6rem);letter-spacing:.005em;color:var(--ink)}.explore-coffee__panel-sub{font-family:var(--ec-serif);font-style:italic;color:var(--bone-dim);margin:.5rem 0 1.6rem;max-width:56ch;line-height:1.55}.explore-coffee__formats{display:flex;gap:.6rem;flex-wrap:wrap;margin:.4rem 0 1.4rem}.explore-coffee__fmt{display:flex;align-items:center;gap:.55rem;font-family:var(--ec-display);font-weight:700;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bone);background:none;border:1px solid var(--line-strong);border-radius:99px;padding:.62rem 1.05rem;cursor:pointer;transition:all .25s}.explore-coffee__fmt svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.explore-coffee__fmt:hover{border-color:var(--signal);color:var(--ink)}.explore-coffee__fmt[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.explore-coffee__panel-shelf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:1rem}.explore-coffee__panel-shelf li{margin:0}.explore-coffee__panel-shelf li[hidden]{display:none}.explore-coffee__panel-shelf a{background:linear-gradient(170deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.55rem;text-decoration:none;color:var(--bone);transition:transform .3s,border-color .3s,box-shadow .3s;height:100%}.explore-coffee__panel-shelf a:hover{transform:translateY(-4px);border-color:var(--signal);box-shadow:0 14px 30px -18px #2b232080}.explore-coffee__panel-shelf img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px;opacity:.96;transition:opacity .25s}.explore-coffee__panel-shelf a:hover img{opacity:1}.explore-coffee__panel-shelf .explore-coffee__shelf-title{font-family:var(--ec-display);font-weight:700;font-size:.78rem;line-height:1.45}.explore-coffee__panel-shelf .explore-coffee__shelf-price{font-family:var(--ec-display);font-weight:800;font-size:.85rem;color:var(--signal);margin-top:auto}body.explore-coffee-locked{overflow:hidden}@media(prefers-reduced-motion:reduce){.explore-coffee *,.explore-coffee__flood,.explore-coffee__clouds,.explore-coffee__flyvideo{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/explore-coffee.css.map */