body{--paper:#f9f3e9;--ink:#3b2420;--accent:#6b302c;--muted:#765d55}.hero{min-height:780px;display:flex;align-items:center;text-align:center}.hero-copy{max-width:1000px;margin:auto;padding:100px 0}.hero h1{font-size:clamp(56px,8.6vw,124px);line-height:1.08}.hero:before{background:#2115107d}.hero-copy p:not(.eyebrow){margin:32px auto;font-size:19px;max-width:600px}.hero .button{background:#f4dfbc;color:#3b2420}.section-head{align-items:start}.section-head h2{font-size:clamp(34px,4vw,57px)}.section-head p{font-size:16px}.roasts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.roast{min-width:0}.roast summary{display:block;padding:0}.roast-photo{position:relative}.roast-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.roast-photo small{position:absolute;top:18px;left:18px;background:#f9f3e9;color:#3b2420;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:13px}.roast-title{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:12px 14px;padding:25px 0;border-bottom:1px solid #6b302c50}.roast-title p{grid-column:1/-1;font-size:13px;letter-spacing:1px}.roast-title h3{font-size:28px}.roast-title b{font-size:26px;font-weight:400}.roast[open] b{transform:rotate(45deg)}.roast-answer{padding-top:23px;font-size:16px}.roast-answer>span{display:inline-block;border:1px solid #6b302c50;padding:4px 12px;margin-bottom:16px;font-size:13px}.roast-answer a{display:inline-block;margin-top:22px;border-bottom:1px solid}.brew{background:#492721;color:#f9f3e9}.brew-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.brew h2{font-size:clamp(37px,4.8vw,66px)}.brew-buttons{display:flex;flex-direction:column;margin-top:40px}.brew-buttons[hidden]{display:none}.brew-buttons button{display:flex;justify-content:space-between;gap:20px;border:0;border-top:1px solid #f9f3e940;background:transparent;color:#f9f3e9;padding:19px 0;text-align:left;font-size:18px}.brew-buttons button[aria-pressed=true]{color:#e8b887}.brew-panels article{border:1px solid #f9f3e93b;padding:40px;margin-bottom:20px}.brew-panels article[hidden]{display:none}.brew-index{font-size:13px;color:#e8b887}.brew-panels h3{font-size:36px;margin:28px 0}.brew-panels p{font-size:17px}.brew-panels dl{margin:30px 0 0}.brew-panels dl>div{border-top:1px solid #f9f3e930;padding:18px 0;display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;font-size:14px}.brew-panels dd{margin:0}.brew-panels dt{color:#e8b887}.bean-notes{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px 10%}.bean-notes .eyebrow{grid-column:1/-1;margin:0}.bean-notes h2{font-size:clamp(37px,4.7vw,65px)}.bean-notes article{display:grid;grid-template-columns:140px 1fr;gap:25px;border-top:1px solid #6b302c40;padding:25px 0}.bean-notes h3{font-size:23px}.bean-notes p{font-size:16px}.coffee-about{padding-top:0;display:block;text-align:center;max-width:850px}.coffee-about h2{font-size:clamp(39px,4.7vw,65px);margin-bottom:28px}.coffee-about>p:last-child{font-size:18px;max-width:none}.guides{border-top:1px solid #6b302c30}.faq{display:block;max-width:1000px}.faq>div:first-child{display:flex;justify-content:space-between;gap:30px;margin-bottom:35px}.faq h2{font-size:42px}.contact{background:#492721;color:#f9f3e9}.contact .button{background:#f4dfbc;color:#492721}.contact h2{font-size:clamp(42px,5.4vw,74px)}.contact .small{color:#e3cfc3}main p{overflow-wrap:anywhere}@media(max-width:1000px){.roasts{gap:20px}.roast-title h3{font-size:24px}.brew-layout{gap:6%}.brew-panels article{padding:28px}.brew-panels h3{font-size:31px}.bean-notes article{grid-template-columns:1fr;gap:13px}}@media(max-width:700px){.hero{min-height:680px}.hero h1{font-size:clamp(52px,13vw,76px)}.hero-copy{padding:80px 0}.hero-copy p:not(.eyebrow){font-size:17px}.roasts{grid-template-columns:1fr;gap:40px}.roast-photo img{aspect-ratio:4/3}.roast-title h3{font-size:28px}.brew-layout{grid-template-columns:1fr;gap:30px}.brew h2{font-size:43px}.brew-buttons{margin-top:30px}.brew-panels article{padding:25px}.brew-panels h3{font-size:31px}.brew-panels dl>div{grid-template-columns:1fr;gap:8px}.bean-notes{grid-template-columns:1fr;gap:25px}.bean-notes h2{font-size:43px}.coffee-about h2{font-size:40px}.faq>div:first-child{display:block}.faq h2{font-size:36px}.contact h2{font-size:43px}}
.roasts{background:none}.roast-title{background:none}