.ol #grind .lede-stack{justify-self:end;max-width:46ch}.ol #grind .lede-stack .fine{margin-top:10px}.ol #grind .tabs [role=tab]{color:var(--stone-d);line-height:inherit;border:1px dashed #0000;padding:4px 9px}.ol #grind .tabs [role=tab]:hover{color:var(--ink);border-color:var(--rule-l)}.ol #grind .tabs [role=tab][aria-selected=true]{color:var(--ink);border-color:var(--ink);border-style:solid}.ol #grind button:focus-visible,.ol #grind [role=tabpanel]:focus-visible{outline-color:var(--ink)}.ol #grind .grind-board table{table-layout:fixed}.ol #grind .grind-board .c-rk{width:64px}.ol #grind .grind-board .c-num{width:104px}.ol #grind .grind-board .c-lines{width:168px}.ol #grind .grind-board .c-files{width:80px}.ol #grind .pcell{max-width:560px;display:block}.ol #grind .pname{text-overflow:ellipsis;display:block;overflow:hidden}.ol #grind .pname:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.ol #grind .del{color:var(--stone-d)}.ol #grind .empty td{color:var(--stone-d);white-space:normal;padding:22px 0}.ol #grind .grind-foot{margin-top:28px;display:flex}.ol #grind .laurel-note svg{flex:none}.ol #grind .steps li{flex-wrap:wrap}.ol #grind .steps .tagline{color:var(--stone-d);text-align:right;text-wrap:balance;flex-basis:100%;margin-top:4px;font-size:11px;line-height:1.35;display:block}@media (max-width:899px){.ol #grind .lede-stack{justify-self:start}}@media (max-width:640px){.ol #grind .grind-board .c-rk{width:44px}.ol #grind .grind-board .c-num{width:72px}}
.ol .hero .no1{background:var(--bone);border:1px solid var(--ink);max-width:440px;margin-top:30px;position:relative}.ol .hero .no1:after{content:"";border:1px dashed var(--ink);z-index:-1;pointer-events:none;position:absolute;inset:7px -8px -8px 7px}.ol .hero .no1-head{border-bottom:1px dashed var(--rule-l);padding:9px 12px 8px 14px}.ol .hero .no1-head .lbl{text-shadow:none;font-size:12px}.ol .hero .no1-head .lbl .n{color:var(--ink)}.ol .hero .no1-main{grid-template-columns:auto minmax(0,1fr);display:grid}.ol .hero .no1-num{background:var(--sig);border-right:1px solid var(--ink);font-family:var(--ff-display);letter-spacing:-.07em;color:var(--ink);align-items:flex-end;padding:18px 16px 12px 12px;font-size:84px;font-weight:300;line-height:.78;display:flex}.ol .hero .no1-who{flex-direction:column;justify-content:flex-end;gap:10px;min-width:0;padding:16px 16px 13px;display:flex}.ol .hero .no1-handle{font-family:var(--ff-display);letter-spacing:-.05em;overflow-wrap:anywhere;text-underline-offset:6px;font-size:clamp(30px,3.2cqw,44px);font-weight:300;line-height:.95;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:text-decoration-color .15s}.ol .hero .no1-handle:hover{-webkit-text-decoration-color:var(--sig);text-decoration-color:var(--sig)}.ol .hero .no1-stat{font-family:var(--ff-display);color:var(--stone-d);font-size:12.5px;line-height:1.5;overflow:hidden}.ol .hero .no1-open{white-space:normal}.ol .hero .no1-stat-in{flex-wrap:wrap;align-items:center;row-gap:2px;margin-left:-19px;display:flex}.ol .hero .no1-stat .it{white-space:nowrap;align-items:center;padding-left:19px;display:inline-flex;position:relative}.ol .hero .no1-stat .it:before{content:"·";content:"·" / "";color:var(--stone-d);position:absolute;left:6px}.ol .hero .no1-stat .pl{color:var(--ink);gap:6px}.ol .hero .no1-stat .pl svg{flex:none;width:16px;height:16px}.ol .hero .no1-stat .tier{color:var(--ink)}.ol .hero .no1-stat b{color:var(--ink);font-weight:500}.ol .hero .no1-roast{border-top:1px dashed var(--rule-l);color:#2a2723;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:12px;padding:12px 16px 14px 14px;font-size:15.5px;line-height:1.45;display:grid}.ol .hero .no1-roast .pr{font-family:var(--ff-display);color:var(--sig);font-size:14px}.ol .hero .hero-cta{margin-top:32px}.ol .hero .hero-coin{z-index:1;pointer-events:none;animation:.52s cubic-bezier(.2,.7,.2,1) 2.35s both ol-hero-coin-in;position:absolute;transform:translate(-50%,-50%)}.ol .hero .hero-coin svg{width:100%;height:100%;display:block}@keyframes ol-hero-coin-in{0%{opacity:0;transform:translate(-50%,calc(-50% - 14px))}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.ol .hero .hero-coin{animation:none}.ol .hero .no1-handle{transition:none}}@media (min-width:900px){.ol .hero-copy .no1,.ol .hero-copy .install{max-width:min(440px,51cqw - 64px)}}@media (min-width:900px) and (max-width:1099px){.ol .hero .hero-stage{padding-bottom:112px}}@media (max-width:640px){.ol .hero .no1{margin-right:8px}.ol .hero .no1:after{inset:6px -7px -7px 6px}.ol .hero .no1-num{padding:14px 12px 10px 10px;font-size:60px}.ol .hero .no1-who{padding:14px 14px 12px}.ol .hero .no1-roast{gap:10px;font-size:15px}}
.ol #mod .views>.tabs{border-bottom:1px dashed var(--rule-l);margin-bottom:22px;padding-bottom:12px}.ol #mod .tabs [role=tab]{color:#141312c7;line-height:inherit;border:1px dashed #0000;padding:4px 9px}.ol #mod .tabs [role=tab]:hover{color:var(--ink);border-color:var(--rule-l)}.ol #mod .tabs [role=tab][aria-selected=true]{color:var(--ink);border-color:var(--ink);border-style:solid}.ol #mod .dk-fig{--dk-s:min(1,tan(atan2(min(100cqw - 2 * var(--gut),var(--max)),1180px)));height:calc(880px * var(--dk-s))}.ol #mod .dk{transform:scale(var(--dk-s));transform-origin:0 0;box-shadow:14px 14px #14131242}.ol #how .mh-pick{font-family:var(--ff-display);color:var(--stone);margin-top:10px;font-size:12px;line-height:1.45}