:root{--serif:'Archivo Black',Arial,sans-serif;--sans:'DM Sans',Arial,sans-serif;--ink:#203b27}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
h1 em,h2 em,h3 em{font-family:inherit;font-style:normal;font-weight:400}
.header{background:var(--cream)}.header .wordmark{background:transparent;mix-blend-mode:multiply}.header .brand-full{mix-blend-mode:normal;filter:none}
.button.dark,.button.dark span,.button.dark strong{background:#203b27;color:#f5f2e9}
.hero h1{font-size:clamp(44px,5.5vw,84px)}
#coffee-quiz .quiz-art img{transform:none;width:75%;height:280px;object-fit:contain;mix-blend-mode:multiply;filter:none}
#coffee-quiz .quiz-intro h2,#coffee-calculator h2{font-size:clamp(30px,3.5vw,50px)}
#calculator-review[aria-disabled=true]{opacity:.5;pointer-events:none}
#coffee-calculator select{max-width:100%}
@media(max-width:760px){.header #navigation{gap:14px}.hero h1{font-size:44px}}