@charset "UTF-8";
:root{--paper:#f3eee5;--ink:#30261f;--muted:#65594e;--accent:#875b3c;--line:#d8cfc2;--gutter:clamp(22px,5.4vw,88px);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-underline-offset:5px}button,summary{cursor:pointer}button{border:0}button:disabled{cursor:default;opacity:.55}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3,dl,dd{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.055em}h1{font-size:clamp(52px,6.6vw,100px)}h2{font-size:clamp(35px,4.2vw,58px)}h3{font-size:clamp(30px,3.2vw,46px)}p{color:var(--muted)}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}summary{list-style:none}summary::-webkit-details-marker{display:none}:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:3px}[hidden]{display:none!important}.wrap{width:min(100% - var(--gutter)*2,1280px);margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 20px;background:var(--ink);color:white}.skip:focus{top:14px}.site-header{height:118px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:block;width:232px}.brand img{width:100%;height:auto}.glass{position:relative;isolation:isolate;border:1px solid #fff9;background:linear-gradient(145deg,#ffffffad,#e5d6c5bb);border-radius:40px;box-shadow:inset 0 1px 2px #fff,inset 0 -2px 3px #8a684c1a,0 8px 20px #61432315;color:var(--ink);text-decoration:none}.glass:before{content:"";position:absolute;inset:2px;border:1px solid #ffffff8a;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,24%) var(--light-y,0%),#fff8,transparent 62%);z-index:-1;opacity:.6;transition:opacity .3s}.glass.primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 32px;min-height:60px;font-family:var(--serif);font-size:21px;background:linear-gradient(130deg,#7a4e2b,#916235 55%,#744623);color:#fffaf1;border-color:#ba905f;box-shadow:inset 0 2px 3px #ffe2a9ba,inset 0 -2px 4px #48250e80,0 9px 22px #82542b26;transition:transform .25s,box-shadow .25s}.glass.primary:before{opacity:.24}.glass.primary:hover{transform:translateY(-2px);box-shadow:inset 0 2px 3px #ffe2a9ba,inset 0 -2px 4px #48250e80,0 13px 28px #82542b33}.glass.primary:active{transform:scale(.97)}.explore{position:absolute;top:29px;right:0;width:154px;transition:width .28s cubic-bezier(.2,.8,.2,1),border-radius .28s;transform-origin:top right;background:#ede3d5f5}.explore summary{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:57px;padding:12px 23px;font-family:var(--serif);font-size:18px}.explore[open]{width:270px;border-radius:28px}.explore nav{padding:0 15px 15px}.explore nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;padding:12px 13px;min-height:48px;border-radius:14px;font-size:15px}.explore nav a:hover,.explore nav a[aria-current=page]{background:#ffffff80}.explore nav svg{width:16px}.plus{transition:transform .25s}details[open]>summary>.plus{transform:rotate(45deg)}@supports(backdrop-filter:blur(8px)){.explore{background:#eee4d8d9;backdrop-filter:blur(18px) saturate(1.1)}.hero-photo figcaption{backdrop-filter:blur(12px)}}
.hero{display:grid;grid-template-columns:1fr 1.03fr;gap:clamp(32px,4vw,68px);align-items:center;padding:10px 0 80px}.hero-copy{padding:36px 0}.hero-copy h1{margin-bottom:32px}.hero-copy>p{font-family:var(--serif);font-size:clamp(18px,1.55vw,22px);line-height:1.55;max-width:465px;margin-bottom:38px}.hero-photo{position:relative;align-self:stretch;min-height:620px;max-height:770px;overflow:hidden;border-radius:8px}.hero-photo>img{height:100%;width:100%;object-fit:cover;object-position:center 62%}.hero-photo figcaption{position:absolute;right:20px;bottom:20px;left:auto;max-width:calc(100% - 40px);padding:11px 19px;font-size:12px;line-height:1.45;background:#f2e8d6e8;box-shadow:inset 0 1px #fff,0 4px 18px #0002}.available{padding:50px 0 24px}.section-heading{margin-bottom:40px}.section-heading h2{margin-bottom:12px}.section-heading>p{font-size:15px}.bean{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(28px,5vw,76px);align-items:center}.bean-image{width:100%;height:380px;object-fit:cover;border-radius:7px}.bean-copy h3{margin-bottom:24px}.tasting{font-family:var(--serif);color:var(--accent);font-size:clamp(21px,2vw,28px);line-height:1.4;margin:15px 0}.bean-meta{font-size:15px;margin-bottom:24px}.bean-meta span{margin:0 10px}.bean-details{border-top:1px solid var(--line);margin-top:24px}.bean-details>summary,.text-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;min-height:52px;color:var(--accent);font-size:15px}.details-body{padding:4px 0 20px;animation:unfold .25s ease-out}.details-body p{font-size:15px;line-height:1.7}.details-body dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.details-body dt,.contact-details dt{font-size:12px;color:var(--muted);margin-bottom:4px}.details-body dd{font-size:15px}.invitation{text-align:center;padding:100px 0 108px}.invitation h2{margin-bottom:25px}.text-link{display:inline-flex;align-items:center;gap:22px;border:0;border-bottom:1px solid currentColor;background:none;border-radius:0;color:var(--accent);font-family:var(--serif);font-size:22px;text-decoration:none;padding:5px 0;min-height:44px}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translateX(4px)}footer{border-top:1px solid var(--line);padding-top:33px;padding-bottom:37px;display:flex;align-items:center;gap:30px;justify-content:space-between;font-size:13px}footer .footer-brand{font-family:var(--serif);font-size:21px;text-decoration:none}footer p{font-size:12px;margin-top:4px}footer>a{display:flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}footer small{font-size:11px;color:var(--muted)}
.page{padding-top:60px;padding-bottom:100px;min-height:calc(100svh - 270px)}.page-heading{max-width:720px;margin-bottom:58px}.page-heading h1{margin-bottom:25px}.page-heading>p{font-family:var(--serif);font-size:22px}.text-details{max-width:630px;margin-top:10px}.text-details>summary{justify-content:flex-start;gap:12px;width:fit-content}.text-details p{padding-top:5px;line-height:1.8}.archive-list{border-top:1px solid var(--line)}.archived{grid-template-columns:200px 1fr;gap:44px;align-items:start;padding:35px 0;border-bottom:1px solid var(--line)}.archived .bean-image{height:200px}.archived h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;line-height:1.2;max-width:760px}.archived .tasting{font-size:20px;margin:12px 0}.archived .bean-meta{margin-bottom:8px}.archived .bean-details{margin-top:8px}.sold{font-size:12px;margin-bottom:12px;color:var(--accent)}.story>h1{font-size:clamp(48px,6.5vw,88px);margin-bottom:62px}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:start}.story-layout figure img{width:100%;min-height:420px;object-fit:cover;border-radius:7px}.story-layout figcaption{font-size:12px;margin-top:12px;color:var(--muted)}.prose h2{font-size:34px;letter-spacing:-.04em;margin-bottom:25px}.prose p+p{margin-top:24px}.prose p{font-size:16px;line-height:1.85}.how{padding-top:96px}.how>p{margin-top:15px}.how ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin:44px 0 0;padding:0;counter-reset:steps}.how li{counter-increment:steps;border-top:1px solid var(--line);padding-top:24px}.how li:before{content:'0' counter(steps);font-size:12px;color:var(--accent)}.how h3{font-size:28px;letter-spacing:-.035em;margin:20px 0 18px}.how p{font-size:15px}.how .primary{font-size:17px;min-height:48px;padding:11px 22px;margin-top:25px}
#quiz{min-height:540px}.quiz-intro{max-width:620px;padding:50px 0;position:relative;z-index:2}.quiz-intro h1{font-size:clamp(50px,6vw,84px);margin-bottom:30px}.quiz-intro p{max-width:450px;margin-bottom:32px;font-size:18px}.quiz-page{position:relative}.quiz-photo{position:absolute;top:26px;right:0;width:38%;height:570px;border-radius:8px;overflow:hidden}.quiz-photo img{width:100%;height:100%;object-fit:cover}.quiz-page.is-active .quiz-photo{display:none}.quiz-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:22px}.progress{height:3px;background:var(--line);margin-bottom:42px}.progress span{display:block;height:100%;background:var(--accent);transition:width .25s}.quiz-stage h1{font-size:clamp(34px,4.3vw,58px);max-width:770px;line-height:1.14;margin-bottom:18px}.quiz-stage>p{margin-bottom:34px}.options{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:920px}.option{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;border-radius:20px;padding:22px 26px;min-height:104px;border:1px solid #fff8;background:linear-gradient(130deg,#fff9,#e6d7c64d);box-shadow:inset 0 1px 1px #fff,0 4px 14px #71502e08;transition:background .2s,transform .2s}.option strong{font-family:var(--serif);font-size:23px;font-weight:400;display:block;line-height:1.3}.option small{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:7px}.option:hover,.option[aria-pressed=true]{background:#e5d3bce0;border-color:#b98c64}.option:active{transform:scale(.985)}.quiz-back{font-size:17px;margin-top:30px}.quiz-stage,.result{animation:unfold .3s ease-out}.quiz-stage h1:focus,.result h1:focus{outline:none}.result{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.result img{border-radius:8px;width:100%;max-height:650px;object-fit:cover}.result h1{font-size:clamp(42px,5vw,70px);margin:18px 0 24px}.result .tasting{font-size:23px;margin:26px 0}.result .result-note{padding-top:22px;border-top:1px solid var(--line);font-size:15px;margin:25px 0}.result-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:28px}.result .text-link{font-size:18px}.result .primary{font-size:18px;padding:12px 25px;min-height:52px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px);padding-top:80px}.contact h1{margin-bottom:30px}.contact-intro{max-width:400px;font-size:17px}.contact-details{margin-top:42px}.contact-details>div+div{margin-top:27px}.contact-details dd{font-size:16px;overflow-wrap:anywhere}.contact-details dd>a{display:inline-flex;gap:10px;align-items:center;min-height:32px}.contact-details dd small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.contact-form{padding-top:8px}.contact-form form{display:grid;gap:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form label{display:grid;gap:10px;font-size:13px}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px;width:100%;min-width:0;background:#ffffff25;border:1px solid #cabeaf;border-radius:7px;padding:13px 15px;min-height:49px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#796b5c}.contact-form textarea{resize:vertical;min-height:150px}.contact-form .primary{justify-self:start}.form-note{font-size:12px;margin-top:-10px}.contact-form #contact-status{padding:30px 0}.contact-form #contact-status h2{font-size:40px;margin-bottom:25px}.contact-form #contact-status .text-link{display:flex;width:fit-content;font-size:18px;margin-top:22px}
@keyframes unfold{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-photo{height:750px}.hero h1{font-size:100px}}
@media(max-width:1000px){.hero{gap:30px}.hero-photo{min-height:590px}.hero h1{font-size:clamp(50px,7vw,75px)}.brand{width:210px}.hero-copy>p{font-size:19px}.hero-photo figcaption{font-size:10px;padding:10px 12px;right:12px;bottom:12px}.bean-image{height:340px}.quiz-photo{width:34%;opacity:.45}.quiz-intro{max-width:65%}.contact{gap:45px}.form-row{grid-template-columns:1fr}.result{gap:35px}}
@media(max-width:700px){:root{--gutter:24px}.site-header{height:96px}.brand{width:176px}.explore{top:24px;width:113px}.explore summary{font-size:16px;gap:7px;min-height:47px;padding:9px 15px}.explore summary svg{width:17px}.explore[open]{width:min(285px,calc(100vw - 48px))}.hero{display:flex;flex-direction:column;align-items:stretch;gap:34px;padding:16px 0 45px}.hero-copy{padding:16px 0 0}.hero-copy h1{font-size:clamp(49px,12.5vw,72px);line-height:1.01;margin-bottom:25px}.hero-copy>p{font-size:19px;max-width:450px;margin-bottom:29px}.glass.primary{min-height:54px;font-size:19px;padding:14px 28px}.hero-photo{min-height:0;height:410px;max-height:none}.hero-photo>img{object-position:center 67%}.hero-photo figcaption{font-size:11px;bottom:16px;right:16px;padding:10px 15px}.available{padding:35px 0 10px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:36px}.section-heading>p{font-size:13px}.bean{grid-template-columns:1fr;gap:27px}.bean-image{height:300px}.bean-copy h3{font-size:35px;line-height:1.1;max-width:400px}.tasting{font-size:23px}.bean-details{margin-top:22px}.invitation{padding:66px 0 70px}.invitation h2{font-size:36px;line-height:1.12}.text-link{font-size:21px}footer{align-items:flex-start;flex-wrap:wrap;gap:22px;padding:28px 0}footer small{width:100%}footer>a{margin-left:auto}.page{padding-top:36px;padding-bottom:65px}.page-heading{margin-bottom:35px}.page-heading h1{font-size:52px}.page-heading>p{font-size:21px}.archived{grid-template-columns:82px 1fr;gap:20px;padding:27px 0}.archived .bean-image{height:100px}.archived h2{font-size:25px}.archived .tasting{font-size:19px}.archived .bean-meta{font-size:13px}.archived .details-body dl{grid-template-columns:1fr}.sold{font-size:11px}.story>h1{font-size:49px;margin-bottom:35px}.story-layout{grid-template-columns:1fr;gap:36px}.story-layout figure img{min-height:0;height:300px}.prose h2{font-size:31px}.how{padding-top:60px}.how h2{font-size:38px}.how ol{grid-template-columns:1fr;gap:32px;margin-top:32px}.how h3{margin-top:12px}.quiz-intro{max-width:100%;padding:0}.quiz-intro h1{font-size:52px}.quiz-intro p{font-size:17px}.quiz-photo{position:relative;width:100%;height:280px;top:auto;right:auto;margin-top:42px;opacity:1}.quiz-photo img{object-position:center 62%}.quiz-stage h1{font-size:36px}.quiz-top{font-size:12px}.progress{margin-bottom:30px}.options{grid-template-columns:1fr;gap:12px}.option{min-height:91px;padding:17px 21px;border-radius:18px}.option strong{font-size:22px}.option small{font-size:13px}.result{grid-template-columns:1fr;gap:32px}.result img{max-height:300px;object-position:center}.result h1{font-size:45px}.result-photo{order:2}.contact{grid-template-columns:1fr;gap:48px}.contact h1{font-size:60px}.contact-intro{font-size:16px}.contact-details{margin-top:30px}.form-row{grid-template-columns:1fr}.contact-form .primary{width:100%}.contact-form form{gap:23px}}
@media(max-width:359px){:root{--gutter:20px}.brand{width:155px}.explore{width:103px}.explore summary{padding:9px 12px;font-size:15px}.hero-copy h1{font-size:45px}.hero-copy>p{font-size:18px}.hero-photo{height:345px}.hero-photo figcaption{font-size:10px;right:10px;bottom:12px;max-width:calc(100% - 20px)}.bean-image{height:260px}.section-heading h2{font-size:33px}.bean-copy h3{font-size:32px}.archived{grid-template-columns:1fr}.archived .bean-image{width:95px;height:95px}.archived h2{font-size:27px}.story>h1{font-size:43px}.quiz-intro h1{font-size:46px}.quiz-stage h1{font-size:32px}.option strong{font-size:21px}footer>a{margin-left:0}footer .footer-brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.glass.primary:hover,.glass.primary:active,.option:active{transform:none}}
@media(prefers-reduced-transparency:reduce){.glass,.explore{backdrop-filter:none;background:#eee4d8}.hero-photo figcaption{background:#f3eee5}.glass.primary{background:#754a2b}.glass:before{display:none}}
@media(forced-colors:active){.glass,.option{border:1px solid ButtonText}.glass:before{display:none}}