/* Six individual cards, following the supplied process reference. */
.process-six>.container{max-width:960px}
.process-six h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.1;letter-spacing:-.035em;margin:12px 0 28px}
.six-steps{list-style:none;display:grid;grid-template-columns:1fr;gap:14px;padding:0;margin:0}
.six-steps li{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:20px;padding:28px 30px;border:1px solid #dcd3c6;border-radius:20px;background:#fffdf8}
.six-step-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-top:2px;border-radius:50%;background:#5b3a24;color:#fffaf3;font-size:.9375rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.process-six .six-steps h2{font-family:'Playfair Display',Georgia,serif;font-size:1.8rem;font-weight:600;line-height:1.2;margin:0;color:#332a21;letter-spacing:-.025em}
.six-step-copy p{max-width:65ch;margin:9px 0 0;font-size:1rem;line-height:1.65;color:#75695b}
.coffee-design-drawing{display:block;width:100%;height:100%;overflow:hidden}
.process-page .coffee-new .comparison-image{aspect-ratio:3/4;max-height:460px;background:#f7f7f7}
.process-page .coffee-new .comparison-image img{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){
 .process-page .process-six{padding-top:28px}
 .process-six h1{margin-bottom:22px;font-size:2.25rem}
 .six-steps{gap:12px}
 .six-steps li{grid-template-columns:30px minmax(0,1fr);padding:22px 18px;gap:14px;border-radius:18px}
 .six-step-number{width:30px;height:30px;margin-top:1px;font-size:.8125rem}
 .process-six .six-steps h2{font-size:1.4rem;line-height:1.22}
 .six-step-copy p{margin-top:8px;font-size:.9375rem;line-height:1.6}
 .process-page .coffee-new .comparison-image{max-height:420px}
}
.process-page .coffee-new .case-heading h3{display:flex;align-items:center;min-height:44px}