:root{--paper:#f5f1e7;--light:#fcfaf4;--ink:#173d32;--muted:#5c6c61;--line:#d7d9c9;--rust:#b34a2d;--lime:#d9e7a1;--sans:'Helvetica Neue',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rust);outline-offset:5px}button,input,select{border-radius:0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:1.03}h1 em,h2 em{font-weight:400}h3{line-height:1.22;letter-spacing:-.025em}p{margin-bottom:1.25rem}img,svg{max-width:100%}[hidden]{display:none!important}.wrap{max-width:1376px;margin-inline:auto;padding-inline:64px}.skip{position:fixed;top:-70px;left:20px;padding:10px 20px;z-index:100;background:var(--ink);color:white}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.masthead{max-width:1536px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:108px;padding:20px 64px;border-bottom:1px solid var(--line)}.brand{display:inline-block;text-decoration:none;font-size:30px;line-height:1;font-weight:800;letter-spacing:-1.5px}.brand>span{color:var(--rust)}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:2.1px;margin-top:10px}.masthead nav{display:flex;gap:32px;font-size:14px}.masthead nav a{text-decoration:none}.masthead nav a:hover{color:var(--rust)}.nav-tool{display:flex;gap:25px;align-items:center;text-decoration:none;font-size:12px;font-weight:600;border:1px solid var(--ink);padding:11px 16px}.nav-tool:hover{background:var(--ink);color:var(--paper)}.eyebrow{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.5;margin-bottom:21px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rust);margin-right:8px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border:1px solid var(--ink);background:var(--ink);color:var(--light);min-height:49px;padding:13px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}.button:hover{background:#285644}.button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.light:hover{background:var(--paper)}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:22px;align-items:center;text-decoration:none;border-bottom:1px solid var(--ink);padding-block:9px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.text-button{background:none;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:4px;font-size:13px}.fine{font-size:12px;line-height:1.65;color:var(--muted)}
.home-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding-top:60px;padding-bottom:58px;align-items:center}.hero-copy h1{font-size:clamp(66px,7.5vw,112px);margin-bottom:25px;line-height:.96}.hero-copy h1 em{color:var(--rust)}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:350px;color:var(--muted);margin-bottom:29px}.hero-footnote{display:flex;gap:15px;font-size:7px;font-weight:700;letter-spacing:1.15px;margin-top:42px}.hero-stage{position:relative;background:#e4e5d6;min-height:570px;padding:27px 34px 24px;border-radius:50% 50% 0 0;display:flex;flex-direction:column;align-items:center;isolation:isolate}.hero-stage:before{content:'';position:absolute;inset:43px 35px 190px;border:1px solid #b9c4ad;border-radius:50%;z-index:-1}.stage-index{font-size:8px;letter-spacing:1.5px;align-self:center;margin-top:48px}.hero-cup{height:240px;display:grid;place-items:center;width:100%}.hero-cup .cup-art{transform:scale(1.5);margin-top:35px}.stage-caption{text-align:center;margin-top:10px}.stage-caption .eyebrow{font-size:8px;margin-bottom:6px}.stage-caption h2{font-size:35px;margin-bottom:9px}.stage-caption p{font-size:12px;min-height:38px;max-width:280px}.hero-switch{display:flex;gap:5px;padding:5px;border:1px solid #b9c4ad;border-radius:30px;background:#f5f1e770}.hero-switch button{border:0;background:none;padding:7px 13px;border-radius:30px;font-size:10px}.hero-switch button[aria-pressed=true]{background:var(--ink);color:white}.stage-note{font-size:8px;margin-top:15px;color:#55604e}.quick-strip{border-block:1px solid var(--line)}.quick-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}.quick-strip span{font-size:9px;letter-spacing:1.4px;font-weight:700;color:var(--muted)}.quick-strip a{font-size:13px;text-decoration:none}.quick-strip a:hover{text-decoration:underline}
/* Schematic illustrations, not exact recipe proportions. */
.cup-art{position:relative;width:190px;height:190px;flex-shrink:0}.cup-body{position:absolute;left:35px;top:52px;width:118px;height:102px;border:3px solid #173d32;border-top:0;border-radius:4px 4px 44px 44px;background:#ede9d8;overflow:hidden;z-index:2;transform:rotate(-4deg)}.cup-fill{position:absolute;inset:8px 8px 5px;background:linear-gradient(to bottom,#f7f0d9 0 20%,#d8b48d 20% 70%,#76503a 70% 100%);border-radius:3px 3px 37px 37px}.cup-body:before{content:'';position:absolute;left:-2px;right:-2px;top:0;height:18px;background:#eee4cb;border:2px solid #173d32;border-radius:50%;z-index:3}.cup-shine{position:absolute;top:24px;left:17px;width:8px;height:38px;background:#ffffff70;border-radius:10px;z-index:4;transform:rotate(-10deg)}.cup-handle{position:absolute;right:15px;top:66px;width:47px;height:60px;border:8px solid var(--ink);border-radius:50%;transform:rotate(-4deg)}.saucer{position:absolute;left:17px;bottom:24px;width:158px;height:17px;background:#d0d7ba;border:2px solid var(--ink);border-radius:50%;transform:rotate(-4deg)}.steam{position:absolute;left:69px;top:8px;display:flex;gap:18px;transform:rotate(-4deg)}.steam i{height:24px;width:10px;border-left:1px solid #79917b;transform:skew(-15deg)}.cup-espresso .cup-body{top:82px;height:68px;width:100px;left:43px;border-radius:3px 3px 25px 25px}.cup-espresso .cup-fill{background:#684333;border-radius:0 0 20px 20px}.cup-espresso .cup-body:before{background:#b97a42}.cup-espresso .cup-handle{top:88px;width:40px;height:40px;right:21px}.cup-espresso .steam{top:38px}.cup-flat .cup-fill{background:linear-gradient(#f1e3cb 0 10%,#cfa177 10% 73%,#76503a 73%)}.cup-flat .cup-body:before{background:#dac39e}.cup-cap .cup-fill{background:linear-gradient(#f9f1db 0 40%,#d9b890 40% 72%,#76503a 72%)}.cup-cap .cup-body:before{background:#fff8e5}.cup-mocha .cup-fill{background:linear-gradient(#f6ead3 0 20%,#b98c6d 20% 65%,#553024 65%)}.cup-mocha .cup-body:before{background:#e9d3ae}.cup-cold .cup-body{border-radius:3px 3px 14px 14px;width:96px;left:46px;height:130px;top:25px;background:#dee8df}.cup-cold .cup-fill{background:linear-gradient(145deg,transparent 0 24%,#eee9dba0 25% 37%,transparent 38% 45%,#eee9dba0 46% 57%,transparent 58%),#745140;border-radius:0 0 10px 10px}.cup-cold .cup-handle,.cup-cold .steam{display:none}.cup-cold .cup-body:before{background:#744f35}.cup-water .cup-fill{background:#90694b}.cup-water .cup-body:before{background:#8f5c38}.cup-label{position:absolute;bottom:0;width:100%;font-size:11px;text-align:center}
.guides{padding-top:85px;padding-bottom:83px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head h2{font-size:clamp(38px,4.7vw,64px);margin-bottom:0}.section-head h2 em{color:var(--rust)}.section-head>a{font-size:13px}.search-label{font-size:10px;letter-spacing:.8px;text-transform:uppercase;display:block;width:235px}.search-label input{margin-top:7px;display:block;width:100%;border:0;border-bottom:1px solid #839280;background:transparent;padding:8px 0;font-size:13px;color:var(--ink);text-transform:none;letter-spacing:0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filters button{border:1px solid var(--line);background:transparent;padding:8px 17px;border-radius:25px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--light)}.filters button:hover{border-color:var(--ink)}.filters button span{margin-left:10px;font-size:10px;opacity:.7}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px}.guide-card a{display:block;text-decoration:none}.card-art{height:215px;display:flex;align-items:center;justify-content:center;background:#e7e6d8;overflow:hidden;transition:background .2s}.guide-card:nth-child(3n+2) .card-art{background:#ebdec8}.guide-card:nth-child(3n+3) .card-art{background:#dce2d0}.card-art .cup-art{transform:scale(.97)}.guide-card a:hover .card-art{background:#d4dfbc}.card-copy{padding:20px 0 0}.card-copy .eyebrow{font-size:8px;margin-bottom:10px;letter-spacing:1.3px;color:var(--muted)}.card-copy h3{font-family:var(--serif);font-weight:400;font-size:25px;margin-bottom:9px;display:flex;justify-content:space-between;gap:16px}.card-copy h3 span{font-family:var(--sans);font-size:18px;line-height:30px}.card-copy p{font-size:13px;line-height:1.7;color:var(--muted);max-width:320px;margin-bottom:0}.ratio-art{font-family:var(--serif);font-size:70px;letter-spacing:-4px;transform:rotate(-8deg)}.ratio-art>span{color:var(--rust);padding:0 7px}.ratio-art small{display:block;text-align:center;letter-spacing:2px;font:8px var(--sans);margin-top:8px}.history-art{font-family:var(--serif);font-size:66px;line-height:.88;letter-spacing:-4px;transform:rotate(-8deg)}.history-art em{color:var(--rust)}
.brew-banner{margin-bottom:95px;padding-block:50px;background:var(--lime);display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:1248px}.brew-banner h2{font-size:48px;margin-bottom:20px}.brew-banner p:not(.eyebrow){max-width:380px;font-size:14px}.brew-equation{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.brew-equation>span{font-family:var(--serif);font-size:45px;text-align:center;line-height:1}.brew-equation small{display:block;font:8px var(--sans);letter-spacing:.7px;margin-top:14px}.brew-equation>b{font-size:22px;font-weight:400}.brew-equation .answer-number{color:var(--rust);font-size:58px}.history-feature{background:var(--ink);color:var(--paper);padding-block:82px}.history-feature>.wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:100px}.history-feature h2{font-size:clamp(50px,6.7vw,88px);margin-bottom:30px}.history-feature h2 em{color:var(--lime)}.history-feature p:not(.eyebrow){max-width:500px;font-size:15px;color:#c3d0bd;line-height:1.8;margin-bottom:28px}.history-dates{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;text-align:center;border:1px solid #6e8065;border-radius:50% 50% 0 0;padding:30px}.history-dates>span{font-size:8px;letter-spacing:2px;color:#b7c7aa}.history-dates i{height:36px;border-left:1px solid #6e8065}.history-dates strong{font:46px/.98 var(--serif);letter-spacing:-2px}.history-dates strong em{color:var(--lime)}.closing-note{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:80px;padding-bottom:80px;align-items:center}.closing-note h2{font-size:44px;margin:0}.closing-note p{font-size:14px;max-width:420px;color:var(--muted);line-height:1.9;margin:0}.closing-note a{display:inline-block;margin-top:14px;color:var(--ink)}.footer{background:#ebeadd;padding:54px max(32px,calc((100vw - 1248px)/2));display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;border-top:1px solid var(--line)}.footer p{font-size:13px;color:var(--muted);margin-top:22px}.footer>div>strong{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.footer>div>a:not(.brand){display:block;width:fit-content;font-size:13px;line-height:2.2;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cbd0bd;padding-top:23px;font-size:10px;color:var(--muted)}
.page-heading{padding-top:42px;padding-bottom:48px}.breadcrumb{font-size:11px;color:var(--muted);display:inline-block;margin-bottom:42px}.page-heading .eyebrow{margin-bottom:18px}.page-heading h1{font-size:clamp(48px,6.9vw,86px);max-width:1000px;margin-bottom:25px}.page-heading h1 em{color:var(--rust)}.lede{font-size:18px;color:var(--muted);max-width:730px;line-height:1.7;margin-bottom:0}.article-layout{display:grid;grid-template-columns:190px minmax(0,780px);gap:50px;padding-bottom:65px}.article-aside{font-size:11px;line-height:1.8;color:var(--muted);padding-top:10px}.article-aside>span{font-size:9px;letter-spacing:1.3px;font-weight:700}.article-aside p{margin-top:15px}.article-aside>a,.article-aside>button{display:block;width:fit-content;margin-bottom:14px}.prose{font-family:var(--serif);font-size:18px;line-height:1.8}.prose h2{font-size:34px;line-height:1.2;margin:43px 0 19px}.prose h3{font-family:var(--sans);font-size:18px}.prose p{margin-bottom:22px}.prose .answer-lead{font-size:23px;line-height:1.6;border-top:1px solid var(--line);padding-top:25px}.prose a{color:var(--rust)}.prose .button{color:var(--paper);font-family:var(--sans)}.prose ul{padding-left:20px}.prose li{margin-bottom:12px}.prose blockquote{margin:25px 0;padding:20px 28px;border-left:3px solid var(--rust);background:#e9e8d7;font-size:24px;font-style:italic}.narrow{max-width:780px;margin-inline:auto}.table-scroll{overflow:auto;max-width:100%;margin:26px 0}.prose table{width:100%;border-collapse:collapse;font:14px/1.65 var(--sans);text-align:left}.prose th,.prose td{padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:top}.prose thead{background:#e2e5d5}.prose caption{font-size:11px;text-align:left;color:var(--muted);padding:10px 0}.sources{border-top:1px solid var(--line);margin-top:52px;padding-top:15px;font-family:var(--sans)}.sources h2{font-family:var(--serif);font-size:25px;margin-top:20px}.sources ul{list-style:none;padding:0}.sources li{font-size:13px;margin-bottom:19px}.sources li p{font-size:12px;color:var(--muted);margin:4px 0 0}.sources a{color:var(--ink)}.sources .fine{font-size:11px;margin-top:23px}.related{border-top:1px solid var(--line);padding-top:50px;padding-bottom:75px}.related .section-head h2{font-size:44px}.drink-comparison{margin:30px 0;background:#e5e7d6;padding:16px 12px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.drink-comparison>div{display:flex;flex-direction:column;align-items:center;text-align:center}.drink-comparison .cup-art{transform:scale(.8);margin-block:-10px}.drink-comparison strong{font:23px var(--serif);font-weight:400}.drink-comparison span{font:11px var(--sans);color:var(--muted);margin-top:6px}.drink-comparison figcaption{grid-column:1/-1;font:10px/1.7 var(--sans);text-align:center;color:var(--muted);margin-top:20px}.two-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#e5e7d6;padding:25px}.two-panel>div{display:flex;flex-direction:column;align-items:center;text-align:center}.two-panel h2{margin:10px 0;font-size:30px}.two-panel p{font:13px/1.7 var(--sans);max-width:220px}.moka-art{height:190px;width:190px}
.drink-explorer{padding-bottom:65px}.drink-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px}.drink-card{background:var(--light);border:1px solid var(--line);padding:16px 26px 27px}.drink-card>.cup-art{margin-inline:auto}.drink-card h2{font-size:33px;margin-bottom:17px}.drink-card p:not(.eyebrow){font-size:14px;line-height:1.75;color:var(--muted)}.drink-card .eyebrow{font-size:8px;margin-bottom:10px}.drink-card details{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:12px}.drink-card summary{cursor:pointer;font-weight:600;line-height:1.7}.drink-card details p{font-size:12px!important;margin:13px 0 0}.note-box{background:var(--lime);padding:30px 36px;margin:45px 0}.note-box h2{font-size:34px;margin-bottom:12px}.note-box p{max-width:820px;font-size:14px;margin-bottom:0}
.tool-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-bottom:75px;align-items:stretch}.tool-form{padding:36px 45px;background:var(--light);border:1px solid var(--line)}.tool-form label{display:block;font-size:12px;line-height:1.5;font-weight:600;margin-bottom:8px}.tool-form input,.tool-form select{width:100%;min-height:49px;background:var(--paper);border:1px solid #aab7a3;padding:10px 13px;color:var(--ink);font-size:15px;margin-bottom:19px}.tool-form input{font-variant-numeric:tabular-nums}.step-label{font-size:13px;font-weight:600;margin-bottom:20px;display:flex;gap:12px;align-items:center}.step-label:not(:first-child){margin-top:14px}.step-label span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #a9b5a0;border-radius:50%;font-size:10px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.presets{display:flex;gap:8px;margin:0 0 18px}.presets button{background:transparent;border:1px solid var(--line);padding:7px 14px;font-size:12px}.presets button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.tool-form>.text-button{margin-left:16px}.tool-result{padding:48px 45px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center;min-height:430px}.tool-result>.eyebrow{color:var(--lime);margin-bottom:23px}.result-number{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap}.result-number strong{font:clamp(60px,7vw,100px)/1 var(--serif);letter-spacing:-5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}.result-number span{font-size:17px}.result-secondary{font-family:var(--serif);font-size:30px;margin:14px 0 24px}.result-secondary strong{font-weight:400}.tool-result p{font-size:14px;margin-top:18px}.tool-result .fine{color:#d0d9c7;font-size:12px}.result-rule{height:1px;background:#5d7461;margin-top:16px}.tool-result .button{align-self:start;margin-top:13px}.tool-result .copy-status{font-size:11px;margin-bottom:0;min-height:18px}.error{background:#fae0c8;color:#67290f;padding:18px;font-size:14px!important}.not-found{padding-block:90px;min-height:70vh}.not-found h1{font-size:85px;margin-bottom:25px}.not-found p:not(.eyebrow){max-width:500px}
@media(max-width:1100px){.wrap{padding-inline:38px}.masthead{padding-inline:38px}.nav-tool{display:none}.home-hero{gap:35px}.hero-stage{min-height:525px;padding-inline:18px}.hero-stage:before{inset:40px 20px 175px}.hero-cup{height:210px}.hero-copy h1{font-size:80px}.hero-footnote{flex-wrap:wrap;gap:8px}.brew-banner{margin-inline:38px;padding-inline:32px}.brew-equation{gap:13px}.brew-equation>span{font-size:36px}.brew-equation .answer-number{font-size:45px}.article-layout{grid-template-columns:150px minmax(0,1fr);gap:28px}.tool-form,.tool-result{padding:30px}.drink-card{padding-inline:20px}.history-feature>.wrap{gap:50px}}
@media(max-width:760px){.wrap{padding-inline:24px}.masthead{padding:19px 24px;min-height:88px;gap:18px;flex-wrap:wrap}.brand{font-size:26px}.brand small{font-size:7px;letter-spacing:1.4px}.masthead nav{gap:18px;font-size:12px}.home-hero{padding-top:35px;padding-bottom:36px;gap:25px}.hero-copy h1{font-size:65px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.1px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-footnote{display:none}.hero-stage{min-height:465px}.stage-index{font-size:6px;margin-top:35px}.hero-cup{height:185px}.hero-cup .cup-art{transform:scale(1.05)}.stage-caption h2{font-size:29px}.stage-caption p{font-size:10px;max-width:180px}.hero-switch{gap:0;padding:3px}.hero-switch button{font-size:8px;padding:6px 8px}.stage-note{font-size:7px}.hero-copy .button{font-size:11px;padding:12px 15px;gap:15px}.hero-copy .text-link{font-size:11px}.quick-strip .wrap{gap:15px;flex-wrap:wrap;justify-content:start;padding-block:18px}.quick-strip span{width:100%;font-size:8px}.quick-strip a{font-size:11px;margin-right:12px}.guides{padding-block:55px}.section-head h2{font-size:42px}.search-label{width:180px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.card-art{height:195px}.card-copy h3{font-size:23px}.brew-banner{margin-inline:24px;margin-bottom:55px;grid-template-columns:1fr;padding:32px;gap:40px}.brew-banner h2{font-size:43px}.brew-equation{justify-content:start;gap:24px}.history-feature{padding-block:55px}.history-feature>.wrap{grid-template-columns:1fr 200px;gap:30px}.history-feature h2{font-size:55px}.history-dates{padding:18px}.history-dates strong{font-size:32px}.closing-note{gap:30px;padding-block:55px}.closing-note h2{font-size:35px}.closing-note p{font-size:12px}.footer{padding:40px 24px;gap:28px;grid-template-columns:1.2fr 1fr}.footer>div:first-child{grid-column:1/-1}.footer-bottom{font-size:9px}.page-heading{padding-top:28px;padding-bottom:35px}.breadcrumb{margin-bottom:30px}.page-heading h1{font-size:61px}.lede{font-size:16px}.article-layout{grid-template-columns:1fr;gap:12px}.article-aside{display:flex;flex-wrap:wrap;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px}.article-aside>span{display:none}.article-aside p{margin:0}.article-aside>a,.article-aside>button{margin:0}.prose{font-size:17px}.prose h2{font-size:31px}.prose .answer-lead{font-size:21px}.drink-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-form,.tool-result{padding:23px}.field-pair{grid-template-columns:1fr;gap:0}.presets{flex-wrap:wrap}.result-number strong{font-size:65px}.tool-result{min-height:400px}.tool-form .button{font-size:11px;padding:12px 15px;gap:8px}.tool-form>.text-button{display:block;margin:10px 0 0}.related{padding-top:40px;padding-bottom:50px}.related .guide-grid>article:last-child{display:none}}
@media(max-width:540px){.masthead{gap:20px}.masthead nav{width:100%;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line)}.home-hero{grid-template-columns:1fr;padding-top:32px;gap:36px}.hero-copy h1{font-size:77px;line-height:.96}.hero-copy>p:not(.eyebrow){max-width:320px;font-size:15px}.hero-copy .actions{gap:18px}.hero-copy .button{font-size:12px}.hero-stage{min-height:490px;border-radius:47% 47% 0 0;padding:25px}.hero-stage:before{inset:35px 35px 160px}.stage-index{font-size:8px}.hero-cup{height:208px}.hero-cup .cup-art{transform:scale(1.4)}.stage-caption h2{font-size:34px}.stage-caption p{font-size:12px;max-width:260px;min-height:30px}.hero-switch button{font-size:10px;padding:7px 13px}.stage-note{font-size:8px}.quick-strip a{font-size:10px;margin:0}.quick-strip .wrap{justify-content:space-between;gap:14px 5px}.quick-strip span{font-size:8px}.section-head{display:block}.section-head h2{font-size:42px}.search-label{width:100%;margin-top:28px}.filters{gap:6px}.filters button{font-size:11px;padding:7px 13px}.guide-grid{gap:30px 15px}.card-art{height:158px}.card-art .cup-art{transform:scale(.7)}.ratio-art{font-size:49px}.history-art{font-size:49px}.card-copy h3{font-size:22px;gap:7px}.card-copy h3 span{font-size:14px}.card-copy .eyebrow{font-size:7px;letter-spacing:.8px}.card-copy p{font-size:12px;line-height:1.6}.brew-banner{padding:28px 24px}.brew-banner h2{font-size:37px}.brew-equation{gap:12px}.brew-equation>span{font-size:35px}.brew-equation>b{font-size:18px}.brew-equation .answer-number{font-size:45px}.brew-equation small{font-size:6px;letter-spacing:.2px}.history-feature>.wrap{grid-template-columns:1fr}.history-feature h2{font-size:59px}.history-dates{display:none}.closing-note{grid-template-columns:1fr;gap:22px}.closing-note h2{font-size:39px}.closing-note p{font-size:14px}.footer{grid-template-columns:1fr 1fr;gap:30px 16px}.footer>div>a:not(.brand){font-size:12px}.footer-bottom{flex-direction:column;gap:8px}.page-heading h1{font-size:49px;line-height:1.04}.page-heading .lede{font-size:15px}.article-layout{padding-bottom:38px}.article-aside{font-size:10px;gap:15px}.prose h2{font-size:29px}.prose table{font-size:12px;min-width:360px}.prose th,.prose td{padding:12px}.drink-comparison{padding-inline:2px;gap:0;margin-inline:-8px}.drink-comparison .cup-art{transform:scale(.55);width:120px;margin-inline:-20px;margin-block:-25px}.drink-comparison strong{font-size:18px}.drink-comparison span{font-size:9px}.drink-comparison figcaption{font-size:9px;padding-inline:12px}.two-panel{padding:16px;gap:5px}.two-panel .cup-art,.moka-art{transform:scale(.8);margin-block:-15px}.two-panel h2{font-size:27px}.two-panel p{font-size:12px}.drink-grid{grid-template-columns:1fr;gap:20px}.drink-card{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:20px 18px;align-items:start}.drink-card>.cup-art{transform:scale(.55);width:100px;margin-left:-27px;margin-top:-12px}.drink-card h2{font-size:30px}.drink-card p:not(.eyebrow){font-size:13px}.note-box{padding:25px}.note-box h2{font-size:30px}.tool-layout{grid-template-columns:1fr;padding-bottom:45px}.tool-form,.tool-result{padding:27px 24px}.field-pair{grid-template-columns:1fr 1fr;gap:12px}.tool-form input,.tool-form select{font-size:16px}.result-number strong{font-size:85px}.tool-result .button{font-size:12px}.related .section-head{display:flex}.related .section-head h2{font-size:37px}.not-found h1{font-size:68px}}
.article-layout>*{min-width:0}
.brew-equation small{color:var(--ink);font-size:9px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body{background:white;color:black}.masthead,.footer,.related,.article-aside,.filters,button,.hero-switch,.search-label,.quick-strip{display:none!important}.wrap{padding:0;max-width:none}.article-layout,.tool-layout{display:block}.page-heading{padding:0 0 20px}.page-heading h1{font-size:36px}.prose{font-size:12pt}.prose h2{font-size:20pt}.tool-result{background:white;color:black;padding:20px;border:1px solid black;min-height:0}.tool-result .fine{color:black}.tool-form{display:none}.drink-grid{grid-template-columns:repeat(2,1fr)}.drink-card,.note-box,.table-scroll{break-inside:avoid}.sources{font-size:10pt}a{color:black!important}.cup-art{print-color-adjust:exact}.guide-grid{grid-template-columns:repeat(2,1fr)}}