.coffee-upgrade{padding-block:64px;scroll-margin-top:32px}.coffee-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:30px}.coffee-section-head h2{font-size:clamp(30px,3.4vw,46px);line-height:1.3;letter-spacing:-.05em;margin:12px 0 0}.coffee-section-head>p{max-width:450px;font-size:14px;line-height:1.9;color:var(--v-muted,#6a5c51);word-break:keep-all}.coffee-moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.coffee-moment-grid article,.bean-profile-grid article{min-width:0;border:1px solid var(--v-line,#ddd);border-radius:16px;overflow:hidden;padding:24px;background:var(--v-surface,#fff)}.coffee-moment-grid img{display:block;align-self:start;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:9px;margin-bottom:22px}.coffee-moment-grid article>span,.bean-profile-grid article>span{font-size:10px;letter-spacing:.08em;color:var(--v-muted,#6a5c51)}.coffee-moment-grid h3,.bean-profile-grid h3{font-size:22px;letter-spacing:-.035em;margin:12px 0;line-height:1.45}.coffee-moment-grid p,.bean-profile-grid p{font-size:14px;line-height:1.85;color:var(--v-muted,#6a5c51);word-break:keep-all}.coffee-upgrade dl{padding:0;margin:22px 0}.coffee-upgrade dl>div{display:flex;gap:18px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--v-line,#ddd);font-size:12px;line-height:1.8}.coffee-upgrade dt{color:var(--v-muted,#6a5c51);flex-shrink:0}.coffee-upgrade dd{margin:0;text-align:right;word-break:keep-all}.coffee-link{display:inline-flex;align-items:center;padding:9px 0;border:0;border-bottom:1px solid currentColor;font:inherit;font-size:13px;font-weight:600;background:transparent;color:var(--v-primary,#6c4130);cursor:pointer}.coffee-link:focus-visible,.grind-choices button:focus-visible{outline:3px solid var(--v-primary,#6c4130);outline-offset:4px}.coffee-disclosure{font-size:11px!important;line-height:1.85;color:var(--v-muted,#6a5c51);margin-top:22px;word-break:keep-all}.bean-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bean-profile-grid article{padding:32px}.grind-guide{padding:32px;margin-top:28px;border-radius:16px;background:var(--v-soft,#e0e9de)}.grind-guide h3{font-size:24px;letter-spacing:-.04em;margin:10px 0}.grind-guide p{font-size:13px;line-height:1.85;color:var(--v-muted,#59675f);word-break:keep-all}.grind-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.grind-choices button{padding:20px;border:1px solid var(--v-line,#cad4ca);border-radius:10px;text-align:left;background:var(--v-surface,#fff);color:var(--v-ink,#233830);cursor:pointer}.grind-choices button strong,.grind-choices button span{display:block}.grind-choices button strong{font-size:14px;margin-bottom:7px}.grind-choices button span{font-size:12px;color:var(--v-muted,#59675f)}.grind-choices button[aria-pressed=true]{outline:2px solid var(--v-primary,#244b44);outline-offset:-2px}.grind-guide #grind-guide-status{margin-top:16px;min-height:24px}.coffee-info-strip{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.coffee-info-strip h3{font-size:18px;margin-bottom:12px;letter-spacing:-.03em}.coffee-info-strip p{font-size:13px;line-height:1.9;color:var(--v-muted,#59675f);word-break:keep-all}@media(max-width:900px){.coffee-section-head{display:block}.coffee-section-head>p{margin-top:22px}.coffee-moment-grid{grid-template-columns:1fr}.coffee-moment-grid article{display:grid;grid-template-columns:180px 1fr;column-gap:24px}.coffee-moment-grid img{grid-row:span 5;margin:0}.coffee-moment-grid dl{margin:14px 0}.coffee-moment-grid .coffee-link{justify-self:start}}@media(max-width:600px){.coffee-upgrade{padding-block:40px}.coffee-moment-grid article{display:block;padding:20px}.coffee-moment-grid img{margin-bottom:20px}.bean-profile-grid,.grind-choices,.coffee-info-strip{grid-template-columns:1fr}.bean-profile-grid article,.grind-guide{padding:24px}.coffee-info-strip{gap:24px}.coffee-upgrade dd{max-width:65%}}
