:root{--bg:#FBF6EF;--surface:#FFFFFF;--text:#1E140E;--muted:#6E5A4C;--accent:#C8763A;--accent2:#2B1A12;--line:#e6d8c8;--link:#814321;--gradient:linear-gradient(135deg,#2B1A12 0%,#6B3A1E 55%,#C8763A 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.65;text-align:left}a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--accent2)}a:focus-visible,summary:focus-visible,.table-wrap:focus-visible{outline:3px solid var(--link);outline-offset:5px}h1,h2,h3,p,ul,ol{margin-top:0}h1,h2,h3{line-height:1.2;text-wrap:balance}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:500}h1{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:-.035em;margin-bottom:1.4rem;max-width:16ch}h2{font-size:clamp(1.65rem,3vw,2.1rem);letter-spacing:-.015em;margin-bottom:1rem}h3{font-size:1.15rem;font-weight:600}p{margin-bottom:1.2rem;max-width:70ch}li{margin-bottom:.55rem}ul,ol{padding-left:1.3rem}strong{font-weight:600}.skip-link{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:9}.skip-link:focus{top:12px}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.nav-wrap{max-width:1240px;margin:auto;padding:22px 28px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.wordmark{font-family:Fraunces,Georgia,serif;font-size:1.35rem;line-height:1.1;color:var(--text);text-decoration:none;font-weight:600}.wordmark span{display:block;font-family:Inter,Arial,sans-serif;font-size:.67rem;letter-spacing:.2em;text-transform:uppercase;margin-top:7px}.nav-wrap nav{display:flex;gap:20px;flex-wrap:wrap;margin-left:auto}.nav-wrap nav a{color:var(--muted);font-size:.83rem;text-decoration:none;font-weight:600;padding:6px 0}.cta{display:inline-block;background:var(--accent2);color:#fff;font-size:.8rem;font-weight:600;text-decoration:none;padding:12px 17px;border-radius:4px;overflow-wrap:anywhere}.cta:hover{background:#57311f;color:white}.breadcrumb{max-width:1184px;margin:0 auto;padding:17px 0;font-size:.78rem;color:var(--muted)}.breadcrumb a{color:var(--muted)}.hero{position:relative;overflow:hidden;background:var(--gradient);color:white;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.30);z-index:0}.hero-inner{max-width:1184px;margin:auto;padding:64px 0 38px;position:relative;z-index:1}.eyebrow{font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;display:block;margin-bottom:20px}.hero .eyebrow{color:#ffe0c2}.quick-answer{max-width:65ch;line-height:1.7;font-size:1.05rem;padding:0 0 0 22px;border-left:3px solid #edb47f}.updated{margin:25px 0 0;font-size:.72rem;color:#ffe7d2}.hero-art{display:none;position:absolute;right:5%;top:30px;width:300px;height:300px;opacity:.12;z-index:0;transform:rotate(-14deg)}.cup{position:absolute;width:170px;height:190px;border:3px solid white;border-radius:8px 8px 80px 80px;right:70px;top:25px}.cup:after{content:"";position:absolute;right:-66px;top:20px;width:64px;height:80px;border:3px solid white;border-left:0;border-radius:0 40px 40px 0}.saucer{position:absolute;width:265px;height:30px;border:3px solid white;border-radius:50%;top:230px;left:0}.content-shell{max-width:1120px;margin:55px auto 0;display:grid;gap:56px;grid-template-columns:minmax(0,760px);justify-content:start}.content-shell.with-notes{grid-template-columns:minmax(0,760px) 240px}.article-body{min-width:0}.article-body>h2{margin-top:2.7rem}.byline{font-family:Fraunces,Georgia,serif;font-style:italic;color:var(--muted);font-size:1rem;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px}.facts{background:#f2e7da;border:1px solid var(--line);border-radius:6px;padding:26px 30px;margin-bottom:40px}.facts h2{font-family:Inter,Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.key-facts{margin-bottom:0}.key-facts li{font-size:.95rem}.story{border-top:3px solid var(--accent);padding-top:27px;margin-bottom:38px}.story h2{font-size:1.7rem}.coffee-notes{align-self:start;position:sticky;top:28px}.note{background:white;border:1px solid var(--line);padding:24px;margin-bottom:20px;border-radius:4px}.note-number{display:block;color:var(--link);font-family:Fraunces,Georgia,serif;font-size:2.9rem;line-height:1;margin-bottom:18px}.notes-title{font:700 .68rem Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin:0 0 16px;grid-column:1/-1}.note p{font-size:.86rem;line-height:1.65;margin-bottom:0}.recipe-card{background:white;border:1px solid var(--line);border-left:5px solid var(--accent);padding:30px;margin-bottom:42px;border-radius:5px}.recipe-card h3{margin-top:26px}.recipe-card .eyebrow{color:var(--muted);margin-bottom:10px}.recipe-card p{font-size:.92rem}.steps{padding-left:1.5rem}.steps li{padding-left:8px;margin-bottom:17px}.steps li::marker{color:var(--link);font-weight:700}.brand-directory,.topic-rail{max-width:1120px;margin:60px auto}.topic-rail>h2,.brand-directory>h2{padding-top:20px;border-top:1px solid var(--line)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:27px;position:relative;padding-bottom:45px}.guide-card .eyebrow{color:var(--muted);margin-bottom:14px}.guide-card h3{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:500}.guide-card h3 a{color:var(--text);text-decoration:none}.guide-card h3 a:hover{text-decoration:underline}.guide-card p{font-size:.9rem;color:var(--muted);line-height:1.65}.card-arrow{color:var(--link);font-size:1.6rem;position:absolute;left:27px;bottom:13px}.sister-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 26px}.sister-card{padding:20px 0;border-bottom:1px solid var(--line)}.sister-card h3{font-size:1rem}.sister-card p{font-size:.85rem;color:var(--muted);margin-bottom:0}.table-wrap{overflow-x:auto;margin:32px 0 45px;border-radius:5px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:.86rem;line-height:1.55;min-width:640px;background:white}caption{text-align:left;padding:18px 20px;color:var(--text);font-family:Fraunces,Georgia,serif;font-size:1.35rem;background:var(--bg)}th{text-align:left;background:var(--accent);color:var(--text);padding:15px;vertical-align:top;font-weight:700}td{padding:18px 15px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr:nth-child(even){background:#f5ece2}td:first-child{font-weight:600;min-width:155px}td:last-child{min-width:125px}td a{display:block;margin-bottom:7px}.closing{max-width:1120px;margin:54px auto 72px}.faq{max-width:760px}.faq h2{margin-bottom:24px}.faq details{background:white;border-top:1px solid var(--line);padding:0 23px}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:20px 0;font-weight:600;line-height:1.5}details p{padding-bottom:20px;margin:0;color:var(--muted);font-size:.95rem}.related{max-width:760px;background:#f2e7da;border-radius:5px;padding:28px;margin-top:40px}.related h2{font-size:1.45rem}.related ul{margin-bottom:0}.related a{font-size:.94rem}footer{background:var(--accent2);color:#f7eade;padding:44px 28px}.footer-wrap{max-width:1184px;margin:auto;display:flex;align-items:center;gap:30px;justify-content:space-between}.footer-label{font-family:Fraunces,Georgia,serif;font-size:1.45rem}footer p{font-size:.83rem}footer a{color:#ffcc9a;font-size:.85rem}footer .cta{background:#e9b489;color:#2B1A12;white-space:normal;flex-shrink:0}.error-page{padding:80px 28px;max-width:1184px;margin:auto}.error-page h1{font-size:3rem}.error-page .eyebrow{color:var(--muted)}
@media(min-width:1280px){.hero-inner{padding-right:280px}.hero-art{display:block;opacity:.22}}
@media(max-width:1240px){.breadcrumb,.hero-inner{margin-left:28px;margin-right:28px}.content-shell,.brand-directory,.topic-rail,.closing{margin-left:28px;margin-right:28px}.nav-wrap{gap:19px}.nav-wrap nav{gap:15px}}
@media(max-width:960px){.nav-wrap nav{order:3;width:100%;margin:0;border-top:1px solid var(--line);padding-top:9px}.nav-wrap>.cta{margin-left:auto}.content-shell.with-notes{grid-template-columns:minmax(0,1fr)}.coffee-notes{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sister-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{right:-90px}.footer-wrap{align-items:flex-start;flex-direction:column}.content-shell{gap:28px}}
@media(max-width:600px){body{font-size:17px}.nav-wrap{padding:18px 20px;gap:16px}.wordmark{font-size:1.13rem}.nav-wrap>.cta{max-width:46%;padding:10px;font-size:.63rem}.nav-wrap nav{gap:12px;justify-content:space-between}.nav-wrap nav a{font-size:.71rem}.hero-inner{margin:0;padding:42px 22px 28px}.hero-art{display:none}.hero h1{font-size:2.55rem}.quick-answer{font-size:1rem;padding-left:16px}.breadcrumb{margin:0;padding:14px 20px;font-size:.7rem}.content-shell,.brand-directory,.topic-rail,.closing{margin-left:20px;margin-right:20px}.content-shell{margin-top:30px}.facts,.recipe-card{padding:23px 21px}.card-grid,.sister-grid{grid-template-columns:1fr}.coffee-notes{grid-template-columns:1fr}.note{margin:0}.guide-card{padding:25px;padding-bottom:42px}.story{padding-top:24px}.topic-rail{margin-top:44px}.closing{margin-top:42px}.faq details{padding:0 16px}.related{padding:24px 20px}.footer-wrap .cta{max-width:100%}footer{padding:34px 20px}.error-page h1{font-size:2.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.hero-art,.coffee-notes,footer,.skip-link{display:none}.hero{background:white;color:black}.hero .eyebrow,.updated{color:#333}.hero-inner{padding:20px 0}.quick-answer{border-color:#333}.content-shell.with-notes{display:block}.content-shell,.closing{margin:24px}.card-grid{grid-template-columns:1fr 1fr}.table-wrap{overflow:visible}table{min-width:0}a{color:black}.faq details{break-inside:avoid}}